ポイント入力欄の設置方法

ecforce efo上のシナリオに「ポイント入力欄」を設置する方法を紹介します。

設定方法

1. プロファイル編集画面にアクセス後、シナリオ設定内「設定済みシナリオの追加」を押し、
   【各種割引コード > クーポンコード入力】のシナリオを追加します。
   
2. 1で追加した【クーポンコード入力】のシナリオより、
   以下の設定箇所をポイント入力に応じた内容に修正します。
   ・HTMLテキスト（オペレータの吹き出し）：クーポンコードをお持ちの方は入力して下さい
   ・ラベル名：クーポンコード
   ・プレースホルダー：例）SALE2020
   

3. 同じシナリオから【coupon_code_input - ポイント入力】のメッセージ内にある
   【point_input - ポイント入力】のフォームを展開し、
   更新時イベント (JS)の内容を以下記述に書き換えます。

   【元のスクリプト】

   async ({ form, forms }) => {
   if ($("input[name='order[coupon_code]']").val() != forms[form.key]) {
   $("input[name='order[coupon_code]']").val(forms[form.key]).change()
   }
   }

   【変更後のスクリプト】

   async ({ form, forms }) => {
   if ($("input[name='order[point_redeem]']").val() != forms[form.key]) {
   $("input[name='order[point_redeem]']").val(forms[form.key]).change()
   }
   }

   ▼元のスクリプトからの変更点は、以下の箇所のみです。
   input[name='order[coupon_code] 　→　 input[name='order[point_redeem]
    

4. 追加が完了したらプロファイルの更新を行い、ビルドを実行してください。
    

ログイン時にポイント入力欄を表示させる方法

1. プロファイル編集画面にアクセス後、シナリオ設定内「設定済みシナリオの追加」を押し、
   【ログイン > ecforceログイン】を追加して任意の箇所に移動させます。
   
2. 上記内容で追加した【クーポンコード入力(ポイント入力用)】のシナリオを展開し、
   表示条件から【条件スクリプト(OR条件) > ログイン時 条件スクリプト ( OR条件 )】を選択します。
   
   ※また、利用可能なポイント以上の値が入力された際にバリデーションを発火させたい場合は以下の手順で設定してください。
3. 【バリデーション (複数) 】の「＋」から【割引（discout）> ポイント上限チェック】を選択します。
4. 追加が完了したらプロファイルの更新を行い、ビルドを実行してください。

表示イメージ

チャット内「利用ポイント」に入力したポイント数がLP購入フォームへ反映されます。