オプショングループは、長いパーソナライズフォームを名前付きのタブに分割します。お客様はすべての項目を一度にスクロールして確認するのではなく、商品の一部分ずつ入力できます。しおり6枚セット、オーナメントのファミリーセット、3枚組のポスターなど、セットで販売する商品向けに作られています。このような商品では、同じ数個の項目が各アイテムで繰り返されるため、単純なリストだと、お客様がどのアイテムを入力しているのかわからなくなります。

各グループはプレビューも連動させます。タブを開くと、プレビューが同じ位置のデザインに切り替わるため、お客様が見ているものは常に入力している内容と一致します。ご自身のワークスペースも同じタブに従います。

設定するには、左側のサイドバーでテンプレートに移動し、商品のテンプレートを開きます。

次に、エディター上部のオプションセットタブに切り替えます。

グループを作成する

追加の横の矢印を開いてグループを追加を選択します。商品の各パーツについて、1回ずつ行います。

作成したグループは、オプションの一覧の上にタブとして表示され、デフォルトタブが常に先頭になります。タブを選択すると、そのグループのオプションだけが表示されるため、1つのアイテムずつ作業できます。収まりきらない追加のタブは、その他のグループボタンにまとめられます。

グループの名前変更、並べ替え、削除

タブの右側にある鉛筆ボタンでオプショングループが開き、セット全体をまとめて管理できます。

  • 名前：フィールドに直接入力します。社内用のコードではなく、お客様が使う言葉を使ってください。たとえばBookmark 1、Left panel、For Momなどです。100文字まで入力できます。名前のないグループは無視されるため、空白のタブとしてお客様に表示されることはありません。
  • 順序：グループの左側にあるハンドルをドラッグします。これがタブの順序であり、プレビューが従う順序でもあります。最初のグループが最初のデザインに対応します。グループをデザインの順番に合わせておけば、プレビューは自動的に対応します。
  • 削除：ゴミ箱アイコンでグループを削除します。そのグループのオプションは削除されず、グループなしの状態に戻ります。

保存をクリックするまで何も変更されないため、キャンセルで元に戻せます。1つのオプションセットには、最大30個のグループを作成できます。

各オプションをグループに入れる

一覧からオプションを開き、条件のすぐ下にあるグループセクションで、そのオプションのグループを選択します。

すると、そのオプションは一覧のそのグループのタブの下に移動します。

長いオプションセットの場合は、複数のオプションを一度に移動するほうが早く済みます。移動したいオプションにチェックを入れるか、すべて選択でタブ全体を選択してから、一覧の上にある…メニューを開き、グループに追加の下でグループを選択します。オプションをグループから外すには、そこでグループなしを選択します。

グループなしのままのオプションは、デフォルトタブに残ります。ストアフロントでは非表示にはならず、フォームの一番上、最初のタブの上に、専用の見出しなしで表示されます。ギフトメッセージのように、注文全体に関わる項目に適した場所です。

グループセクションは、オプションセットにグループが作成された後にのみ表示されるため、グループを使わないオプションセットの見た目はこれまでと変わりません。

お客様のストアフロントでの体験

商品ページでは、グループがフォームの上部に固定されたタブの帯になり、最初のフィールドの前にグループ名が付いた区切り線が表示されます。

タブをクリックすると、そのグループまでスクロールし、プレビューも対応するデザインに一度に切り替わります。すべてのフィールドは引き続きページ上にあり、タブはお客様がフォーム内を移動するためのものでフォームの一部を隠すわけではないため、見落としはなく、タブごとに送信されることもありません。スマートフォンでは、タブの帯が横にスクロールし、収まりきらないタブは…ボタンにまとめられます。

プレビューには、サムネイルの列の代わりにグループ名が表示され、その両側に矢印が付きます。矢印で切り替えると、タブとフォームも一緒に移動します。

別のテンプレートのバリエーションに切り替えると、バリエーションごとにテンプレートのグループが異なる場合があるため、フォームは最初のグループと最初のデザインからやり直しになります。また、条件によってグループ内のすべてのオプションが非表示になった場合、そのグループのタブは表示されなくなります。

グループは、順序に基づいてプレビューに自動的にリンクされます。グループ1にはプレビュー1、グループ2にはプレビュー2、というように表示されます。グループの順序を変更すると、対応するプレビューの順序もそれに合わせて変わります。

更新日：2026/09/23