条件付きオプションセットを使うと、お客様にとってよりスマートで柔軟なパーソナライズ体験を作成できます。この機能では、カスタマイズオプションの表示方法だけでなく、お客様の選択内容に応じてどのオプションを表示するかも制御できます。

オプションセットとは

オプションセットは、デザイン内のパーソナライズレイヤーを整理して制御するための強力な機能です。すべてのカスタマイズオプションを一度に表示する代わりに、オプションセットでは次のことができます。

  • オプションの表示順を並べ替える
  • サムネイルの表示を変更して、お客様の使いやすさを向上させる
  • 条件ロジックを設定する(お客様の入力内容に応じてオプションを表示/非表示にする)
  • 特定のオプションに追加料金を設定する(例:プレミアムへのアップグレード)
  • 関連するカスタマイズオプションをグループ化して、すっきり表示する

条件ロジックとは

条件ロジックを使うと、お客様の前の選択内容に応じてオプションを表示または非表示にできます。例:

  • お客様がレイアウトとして「Dad and Daughter」を選択した場合 → 女の子のキャラクターのオプションのみを表示する
  • 「Background 1」が選択された場合 → 特定の肌の色や服装のセットを表示する

これにより、画面がすっきりと保たれ、購入者ごとのニーズに合わせた表示になります。マグカップ、ポスター、アパレルなど、カスタマイズ性の高い商品で特に役立ちます。

設定例:Dog Dad/Momのデザイン

実際の例を見てみましょう。

1. 性別の選択によって次の表示を制御する

「Choose Gender」というオプションセットを作成し、次の値を設定します。

  • Man
  • Woman

それぞれの値によって、関連するレイヤーとオプションの別のセットが有効になります。

  • Manを選択した場合 → 男性に関連するレイヤーのみを表示する
  • Womanを選択した場合 → 女性に関連するレイヤーのみを表示する

2. 設定方法

ステップ1:フォルダまたは画像を作成する

  • アセットセクションに移動し、Choose Genderという名前のフォルダを作成します。
  • 画像スウォッチを使う場合は、画像を2つ(例:MAN.pngとWOMAN.png)アップロードします。
フォルダを作成

ステップ2:オプションセットを追加する

  • テンプレートに移動します。
  • オプションセットタブに移動し、追加 > 画像スウォッチをクリックします。フォルダスウォッチも使えますが、次の点にご注意ください。画像スウォッチにはレイヤーIDが含まれ、デザインに反映できます。フォルダスウォッチは条件による表示の切り替えにのみ使用され、デザイン自体には反映されません。
「画像スウォッチ」レイヤーを追加

ステップ3:条件ロジックを適用する

  • 別のレイヤー(例:Man's Eye Color)に移動します。
  • 鉛筆アイコンをクリックして編集します。
  • 条件セクションまでスクロールします。
  • 条件のトグルをオンにします。
  • 条件を設定します:次の場合にこのオプションを表示 Choose Gender 次の値である MAN.png

性別の選択内容に応じて、他のオプション(例:Woman's Age Range、Woman's Eye Color)についても同様に設定します。

条件を有効にする

まとめ

条件付きオプションセットでは、次のことができます。

  • 前の選択内容に応じて、デザインの流れの中で表示される内容を制御する
  • よりすっきりとして、お客様に合ったカスタマイズ体験を作成する
  • パーソナライズにおける親子の依存関係など、複雑なロジックを実現する

追加料金やグループ化など、より高度な設定については、このセクションの次の記事をご覧ください。

3. 条件の一括編集

複数のオプションセットに一度に条件を設定したい場合は、1つずつ編集する代わりに、一括で設定できます。
複数のオプションセットを選択するには:

  • 検索バーを使って必要なオプションを絞り込みます。たとえば、「Man」と検索すると、男性向けデザインに関連するオプションセットをすべて見つけられます。
  • Shiftキーを押しながら、最初のオプションセットをクリックし、続けて最後のオプションセットをクリックすると、その間の範囲全体が選択されます。

オプションセットを選択したら、条件を追加アイコンをクリックします。条件を追加ダイアログには、2つの一括設定の方法があります。

方法1:オプションごとに条件を追加

選択したすべてのオプションセットに同じ条件を適用します。1つの条件(例:Choose Genderが「Man」と一致する場合にこのオプションを表示)を設定すると、選択したすべてのレイヤーに同じように適用されます。
すべてのオプションセットがまったく同じルールに従う場合に使用します。

既存の条件を上書きオプションでは、新しい一括条件の適用方法を制御します。オンにすると、選択したオプションセットの既存の条件がすべて削除され、新しい条件に置き換えられます。オフにすると、既存の条件はそのまま維持され、新しい条件が追加されます。

方法2:単一のオプションで条件を追加

1つの基準オプションを、選択したすべてのオプションセットの参照元として使いながら、それぞれに異なる一致値を割り当てられます。
たとえば、「Choose Gender」を基準オプションにして、「Choose Man's Age Range」は値が「Man」のときに表示し、「Choose Woman's Age Range」は値が「Woman」のときに表示するように、1つのダイアログですべて設定できます。
複数のオプションセットが同じトリガーを共有していて、それぞれが異なる値に反応する必要がある場合に使用します。

更新日:2026/09/23