How To

カスタム商品選択機能に対応したシナリオを作成したい。

こちらでは、ecforceのカスタム商品選択機能を設定したLPに対応したシナリオの作成方法を説明します。
本機能はecforceのカスタム商品選択機能を設定したLPを前提に解説しています。
ecforceの機能に関してはこちらをご確認ください。

  1. プロファイル編集画面へアクセスし、「product(商品)」シナリオの「メッセージ」の「+」をクリックし、「商品(product)> カスタム商品A」を選択します。スクリーンショット 2024-12-06 22.28.30.png
  2. 追加された「カスタム商品_<ID>」フォームの「 カスタム商品_商品情報」の「テキスト」を商品情報に合わせて編集してください。スクリーンショット 2024-12-09 21.25.23.png
  3. 続けて、「 カスタム商品_商品画像」フォームの「画像URL」に商品の画像URLを指定してください。スクリーンショット 2024-12-09 21.31.12.png
  4. 商品に規格が設定してある場合、「 カスタム商品_商品規格セレクト - product_custom_variant_<ID>」をトグルボタンをクリックし、有効化します。スクリーンショット 2024-12-09 21.49.10.png
  5. 同フォーム内の「シナリオ更新時イベント (JS)」の赤枠の箇所に商品のSKU ID を入力してください。※規格選択のない商品は手順4,5の設定は必要ありません。スクリーンショット 2024-12-10 10.02.40.png
  6. 「 カスタム商品_商品数セレクト - product_custom_variant_<ID>」フォーム及び「 カスタム商品_追加・更新ボタン - button_form」フォーム配下の「シナリオ更新時イベント (JS)」にも手順5と同様の値を入力します。スクリーンショット 2024-12-10 10.27.25.png
  7. 「product(商品)」シナリオの「メッセージ」の「+」をクリックし、「商品(product)> カスタム商品_追加している商品情報」を選択します。スクリーンショット 2024-12-10 10.29.51.png
  8. 「product(商品)」シナリオの「メッセージ」の「+」をクリックし、「カスタム商品_次へ/更新ボタン (シナリオ内バリデーション)」を選択します。スクリーンショット 2024-12-10 10.33.34.png
  9. 追加されたメッセージの位置を調整し、既存の「商品」メッセージは削除するか、非アクティブに設定してください。スクリーンショット 2024-12-10 10.36.15.png
  10. 編集内容を保存し、ビルド実行を行ってください。

<表示イメージ>

スクリーンショット 2024-12-10 10.38.01.png

この記事の目次

このセクションの記事

How To