テキストスウォッチは、テキストレイヤーのパーソナライズオプションです。Mom、Dad、Customなど、用意済みのテキスト値をあらかじめ設定しておけるため、お客様は自分で入力する代わりに、ワンクリックで選べます。

テキストスウォッチを有効にする

テンプレートにテキストレイヤーを追加し、レイヤーの右側のパネルでパーソナライズセクションを開いて、テキストスウォッチでパーソナライズにチェックを入れます。チェックボックスの下に、設定用のフィールドが表示されます。

  • ラベル:ストアフロントで、スウォッチの上にお客様へ表示されるフィールド名。
  • 必須:お客様が商品をカートに追加する前に値の選択を必須にする場合は、チェックを入れます。
  • テキスト:お客様が選べる用意済みの値の一覧。最初の値がデフォルトで、ページの読み込み時にあらかじめ選択されます。テキストを追加で新しい値を追加し、鉛筆アイコンで値をその場で編集します。各値のメニューには、複製と削除があります。デフォルト値を削除で、あらかじめ選択されているデフォルトを解除します。
  • 表示スタイル:お客様にスウォッチをどのように表示するか。インラインボタン(デフォルト)では各値をテキストボタンとして表示し、サムネイル画像では各値を画像タイルとして表示し、ドロップダウンでは値を1つのドロップダウンメニューにまとめて表示します。

テキストスウォッチは、他のテキストのパーソナライズオプションと並んで表示され、同じレイヤー上で組み合わせて使えます。

値を編集する

テキストの一覧の上にある編集リンクをクリックすると、値を編集ダイアログが開き、すべての値を1か所でまとめて管理できます。各値について、ハンドルをドラッグして並べ替え、チェックボックスをオンにしてデフォルトに設定し、サムネイル画像を割り当て(表示スタイルがサムネイル画像の場合に使用されます)、テキストを編集し、インデックスで順序を設定し、削除できます。

お客様の操作

ストアフロントでは、お客様にラベルとその下のスウォッチが表示されます。スウォッチを選ぶと、商品プレビューのテキストがその値にすぐ更新されるため、入力しなくてもワンクリックで、正確でブランドに合った結果が得られます。

条件ロジックと組み合わせる

テキストスウォッチは条件ロジックと相性がよく、お客様がCustomを選んだときだけ自由入力のフィールドが表示される「プリセットまたはカスタム」の流れを作れます。これは1つのテキストレイヤーで設定でき、追加のレイヤーは不要です。

  • 用意済みの値(例:MomとDad)と、Customという名前の値を1つ加えて、スウォッチを設定します。
  • 同じレイヤーで、テキストをパーソナライズにもチェックを入れ、お客様が自分のテキストを入力できるようにします。これで、このレイヤーからオプションセットに2つのオプション(スウォッチとテキスト入力)が作成されます。
  • オプションセットタブを開き、テキスト入力のオプションを見つけて、その他の操作条件を追加の順に選択します。
  • 条件を追加ダイアログで、ルールを「次の場合にこのオプションを表示」に設定し、スウォッチのオプションを選んで、一致する値としてCustomにチェックを入れます。

これで、お客様がMomまたはDadを選んでいる間はテキスト入力が非表示になり、Customを選んだときだけ表示されるため、自分のテキストを入力できます。

更新日:2026/09/23