【シンプルギフトオプション】お客様の画面での見え方と購入の流れ

設定が終わったあと、お客様の画面でギフトオプションがどう見えるか、どう購入されるかをご説明します。ストアで確認するには、ステータスを「公開」にして保存し、テーマにブロックを置いて保存しておく必要があります。公開前に見えるのは、アプリ内の「プレビュー」だけです。

この記事でわかること

• 商品ページでの表示（閉じた状態・開いた状態）
• ギフトを選んだときの追加項目の表示
• カート・チェックアウトでの表示
• 言語ごと・エラー時の表示

操作する場所：お客様に表示されるストアの商品ページ・カートページ

全体の流れ

1. 商品ページで、「ギフトオプション」の見出しを開き、ギフトを選びます（1️⃣2️⃣）。
2. 追加項目を選ぶ・入力します（3️⃣）。
3. 商品をカートに入れます（4️⃣）。注文全体の場合は、カートページでギフトを選びます（5️⃣）。
4. チェックアウトへ進みます（6️⃣）。

始める前に用意するもの

• SAKUシンプルギフトオプションがインストールされていること
• アプリの「ギフトオプション設定」のステータスが「公開」で、保存済みであること
• 適用単位に合ったブロックが、テーマに置かれて保存されていること

1️⃣ 商品ページでギフトオプションを見る

ストアの商品ページをブラウザで開くと確認できます。商品ページには、折りたたみ式の「ギフトオプション」の見出しが表示されます。初期状態では閉じています。右側に、開閉のアイコンが付きます。Basicプランで「サムネイルを表示」を有効にしている場合は、見出しの左に商品の画像が表示されます。Proプランでは、アプリで選んだサムネイル画像が表示されます（お客様が選んでも切り替わりません）。ギフトを選ぶ前も、参考画像として表示されます。

見出しのタイトルは、テーマエディタの「タイトル」で変えられます。言語別の翻訳があるときは、その翻訳が優先されます。タイトルが初期値の「ギフトオプション」のままなら、各言語の標準の表記になります。

2️⃣ 見出しを開いて、ギフトを選ぶ

見出しを押すと開きます。選択メニュー（押すと選択肢が出る欄）の初期値は「不要」です。

選択肢は、「ギフトラッピング (+5.00USD)」（円のストアは「(+500円)」）のように、表示名と加算される金額が表示されます。価格が0の選択肢は、表示名だけが出ます。表示名が空のギフトは、選択肢に表示されません。サムネイルを有効にしていると、選択中のギフトの画像に切り替わります。

「商品情報を使う」方式のときは、「商品名 (+価格 通貨)」の形で表示されます。ギフト商品が購入できない状態のときは、選べず、「商品名 — 現在購入できません」と表示されます。

【Proプラン】ギフトオプションを複数付けている場合
ギフトオプションごとにプルダウンが、管理画面の順番に並びます。見出しを入れたギフトオプションには、プルダウンの上に見出しが付きます（見出しが空なら、プルダウンだけが並びます）。追加情報は、そのギフトオプションを選んだときだけ、すぐ下に表示されます。

赤枠が、ギフトオプションを2つ付けた商品ページです。1つ目の「メッセージカード」を選ぶと「カードの色」「メッセージ」が、2つ目の「ラッピング」を選ぶと「リボンの色」が、それぞれのすぐ下に出ます。

3️⃣ 追加項目を選ぶ・入力する

ギフトで「不要」以外を選ぶと、追加項目（リボンの色・メッセージカードなど）が表示されます。ドロップダウンは「選択してください」から選び、テキストは「入力してください」と書かれた欄に入力します。

テキストが最大文字数を超えると、入力欄の下に、赤い文字でエラーが出て、カートに追加できません。

4️⃣ カートに入れる

商品をカートに入れると、選んだギフトがカートの商品にひもづくオプションとして表示されます。カートに追加したときの表示は、テーマによって異なります。

カートに、選んだギフトオプションと追加項目が、商品の下に並びます（画像は、Proプランでギフトオプションを2つ付けた例です）。

商品ごとのギフトは、購入商品の数量に連動します。購入商品を削除すると、ギフトも一緒に削除されます。

5️⃣ カートページで選ぶ（注文全体の場合）

適用単位が「注文全体に設定」の場合は、カートページに、最初から開いた状態のブロックが表示されます。セレクトでギフトを選び、追加項目を入力して、ボタン「ギフトオプションを追加」を押します（ギフトを選ぶまでは押せません）。追加すると、選んだ内容と金額が表示され、ボタンが「ギフトオプションを外す」に変わります。ギフトは、注文全体で数量1です。

赤枠は、テーマエディタで置く「SAKU Gift（カート）」ブロック、カートに表示されるギフトオプション、保存ボタンです。

設定方法は「注文全体にオプションを設定する方法」の記事をご覧ください。

赤枠は、「適用単位」で「注文全体に設定」を選ぶ場所と、チェックアウト前にカートページを経由させる設定です。

6️⃣ チェックアウトへ進む

チェックアウトに進む直前に、「購入手続きを準備しています…」と表示されることがあります。ギフトの金額は、チェックアウトの合計に加算されます。

お客様が購入商品の数量や削除を変えても、ギフトはそれに合わせて整理されます。

言語・エラー時の表示

• 管理画面で翻訳した文言は、お客様の言語で表示されます。翻訳していない項目は、アプリで設定した文言が表示されます。
• 「不要」「選択してください」などの固定の文言は、日本語・英語・中国語（簡体字）・中国語（繁体字）・韓国語に対応し、それ以外の言語では英語です。お客様が入力したメッセージは翻訳されません。
• 処理に失敗すると、「処理に失敗しました。時間をおいて再度お試しください。」と表示されます。
• カート全体の上限を超えると、「ギフト情報の量が上限を超えています。メッセージを短くするか、注文を分けてください。」（設定した文言）が表示されます。
• ギフト設定が変更されたときは、カートに残っていた古いギフトが外され、「ギフト設定が変更されたため、以前のギフトを外しました。…」と、ボタン「変更内容を確認しました」が表示されます。

テーマによっては、商品一覧から開く、商品を手早くカートに入れる小さな画面（クイック追加）の中では、ギフトオプションが動かないことがあります。

翻訳は「多言語表示（翻訳）の設定方法」の記事、上限エラーは「入力上限エラーメッセージの設定方法」の記事をご覧ください。

うまくいかないとき

• ギフトオプションが表示されない
  「うまく表示されない・追加できないときの確認ポイント」の記事をご覧ください。
• 選択肢が選べず「現在購入できません」と出る
  「商品情報を使う」方式で、ギフト商品が購入できない状態です。公開先・販売マーケット・在庫の追跡（オフにする）を確認してください。
• カートの見え方が思ったと違う
  ギフトの見え方は、テーマによって異なります。実際のテーマでご確認ください。