【シンプルギフトオプション】リボンの色やギフトメッセージなど追加項目の設定方法

ギフトオプションには、「リボンの色」を選んでもらう、「ギフトメッセージ」を書いてもらうなど、追加の項目を付けられます。この記事では、項目の作り方・編集・並べ替えと、ストアでの表示をご説明します。

この記事でわかること

• ドロップダウン（選択式）項目の作り方
• テキストフィールド（自由入力）項目と最大文字数の設定
• 項目の編集・削除・並べ替え
• ストアでの表示と文字数超過のエラー

操作する場所：Shopify管理画面 → アプリ → SAKUシンプルギフトオプション →「ギフトオプション設定」→「追加情報設定」

始める前に用意するもの

• SAKUシンプルギフトオプションがインストールされていること
• 追加したい項目を決めておくこと（項目名、項目タイプ、ドロップダウンなら選択肢、テキストフィールドなら最大文字数）

1️⃣ 「項目を追加」を押す

「ギフトオプション設定」の「ギフトオプション」カードの中にある「追加情報設定」の右側のボタン「項目を追加」を押すと、入力画面（モーダル）が開きます。追加情報は、ギフトオプションごとに付けます。お客様がそのギフトオプションを選んだときだけ、すぐ下に表示されます。

（画像は、すでに項目を追加したあとの例です。最初は一覧は空です。）

赤枠の「追加情報設定」に、項目の一覧と「項目を追加」ボタンがあります。

2️⃣ 項目名とタイプを選ぶ

「項目名」を入力します（必須）。お客様には見出しとして表示されます。次に「項目タイプ」を選びます。

赤枠の「項目を追加」の画面で、項目名と項目タイプを入力します。

• 「ドロップダウン」（初期値）：リボンの色や包装紙の柄など、あらかじめ決めた選択肢から選んでもらうときに使います。
• 「テキストフィールド」：ギフトメッセージなど、お客様に文章を入力してもらうときに使います。

※「必須」にする設定はありません。お客様は項目を未入力のままでも進めます。

3️⃣ ドロップダウンの選択肢を入力する

「選択肢（カンマ区切り）」に、選んでもらいたい内容をカンマ（,）で区切って入力します。入力例は「赤, 青, 金」です。

• 入力した順番で、ストアに表示されます。
• カンマの前後の空白は自動で取り除かれます。空の選択肢は無視されます。
• 選択肢を1つも入力しないと保存できません（「選択肢を1つ以上入力してください。」と表示されます）。

4️⃣ テキストフィールドの最大文字数を設定する

項目タイプで「テキストフィールド」を選ぶと、「最大文字数」の入力欄が出ます。初期値は100です。「1〜500文字の範囲で設定できます」と補足が出ます。

• 1〜500の整数で入力してください。範囲外だと「最大文字数は1〜500の整数で入力してください」と表示されます。
• 入力欄の下には、容量の目安が表示されます。適用単位が「商品ごとに設定」で、メッセージ1項目に日本語を100文字ずつ入力する場合、1回の注文で約8商品分のギフトをカートに追加できる目安です（項目名や選択内容を含む合計のデータ量によって変わります）。メッセージ項目が複数あるときは、すべての文字数が合計されます。
• 多くの商品にギフトを付ける注文が多いストアは、最大文字数を短めにしておくと安心です。上限を超えた場合の動きは「入力上限エラーメッセージの設定方法」の記事をご覧ください。

5️⃣ 保存して一覧で確認する

モーダルの「保存」を押すと、一覧に項目が追加されます（やめるときは「キャンセル」）。一覧では、項目名の下に概要が表示されます。

• ドロップダウン：「ドロップダウン: 赤, 青, 金」のように、選択肢が表示されます。
• テキスト：「テキスト（最大 100 文字）」のように表示されます。

項目名が空だと「フィールド名を入力してください。」と表示され、保存できません。

最後に、画面上部の保存バーの「保存」を押して、設定全体を保存してください。

【例】2つの項目を作る場合

• 1つめ：項目名「リボンの色」／項目タイプ「ドロップダウン」／選択肢「赤, 青, 金」→ モーダルの「保存」
• 2つめ：項目名「メッセージカード」／項目タイプ「テキストフィールド」／最大文字数「100」→ モーダルの「保存」
• 最後に、画面上部の保存バーの「保存」を押します。

6️⃣ 編集・削除・並べ替えをする

• 「編集」：モーダルが「項目を編集」の見出しで開き、内容を変えられます。選択肢を変えても、翻訳済みの選択肢は元の選択肢に合わせて引き継がれます。
• 「削除」：項目を取り除きます。その項目の翻訳も自動で消えます。
• 並べ替え：各項目の左端の「⠿」（マウスを乗せると「ドラッグして並べ替え」と表示）をつかんでドラッグ＆ドロップします。項目が2つ以上あると「項目はドラッグ＆ドロップで並び順を変更できます。ストアにもこの順番で表示されます。」というヒントが出ます。並べ替えたあとも「保存」を忘れずに。

項目の数に、管理画面上の上限はありません。ただし、項目は8つまでにまとめることをおすすめします。9つ目以降は、注文の明細に正しく表示されない場合があります。Proプランで、ギフトオプション2以降に項目を付けるときは、すべてのギフトオプションを合わせて8つまでです。

設定後のストア表示

お客様がギフトで「不要」以外を選ぶと、追加項目が表示されます。ドロップダウンは先頭に「選択してください」が表示され、テキストフィールドは入力欄に「入力してください」と薄く表示されます。項目名が見出しになり、並び順は管理画面と同じです。「不要」のままなら、追加項目は出ません。

テキストが最大文字数を超えると、入力欄の下に赤い文字で「◯文字以内で入力してください（現在◯文字）。このままではカートに追加できません。」と表示されます（◯には、上限と現在の文字数が入ります）。短くすると、カートに追加できるようになります。

カートに入れると、選んだ内容はカートや注文に記録されます。確認方法は「ギフト内容の注文での確認方法」をご覧ください。

うまくいかないとき

• 項目が保存できない
  「フィールド名を入力してください。」＝項目名が空です。「選択肢を1つ以上入力してください。」＝ドロップダウンの選択肢が空です。「最大文字数は1〜500の整数で入力してください」＝文字数を1〜500の整数にしてください。
• ストアに追加項目が出ない
  追加項目は、お客様がギフトを「不要」以外に選んだときだけ表示されます。ギフトのセレクトが「不要」のままになっていないか確認してください。また、管理画面で「保存」したか、ステータスが「公開」かも確認してください。
• 文字数のエラーで追加できない
  入力が最大文字数を超えています。文字数を減らしてください。上限を変えたいときは、項目の「編集」から最大文字数を変更して保存します。
• 並べ替えが反映されない
  ドラッグのあとに「保存」を押したか確認してください。