テンプレート管理

チャット上でも規格選択できるようにしたい

前提

当記事では、規格選択ができる商品が設定されている広告URL(LP)にチャットを設置する際の設定方法についてご説明いたします。
規格が紐付いていない場合の商品の設定方法に関しては、以下のFAQにてご案内しておりますので、ご参照くださいませ。
シナリオ設定

対象のLPに設定されている商品に「規格」が含まれている、且つLP購入フォーム(もしくは、LPフォーム個別設定)の設定値において以下の設定の場合…
・規格の選択:ON
・個数ごとの規格選択:ON
LP上にて商品に紐づく規格の選択が可能となります。

手順

①規格設定のためメッセージの追加

[product-商品]シナリオ内のメッセージ右横の「+」より商品(product)> 商品(商品セレクト、商品規格a、商品規格b、商品数セレクト)(商品毎の規格選択OFF)を追加する。

デフォルトでは、
[フォーム > product_option_a- 商品規格a(商品毎の規格選択OFF)]と、
[フォーム > product_option_b- 商品規格b(商品毎の規格選択OFF)]の規格が2つある場合を想定して追加されます。
※「フォームキー」と「フォーム名」はショップ様の管理上ご都合の良い値名に変更していただくのがおすすめです。適宜ご変更ください。

例)「規格名:産地」の場合、【フォームキー:coffee_origin-1】,【フォーム名:産地1】etc…

したがって、3つ以上規格を追加したい場合は、フォーム右横の「+」より、[商品規格a(商品毎の規格選択OFF)]もしくは、[商品規格b(商品毎の規格選択OFF)]を追加し、必ず以下の項目をご編集ください。

・フォームキー:任意の値(英数字)
・フォーム名:任意の値

__________2022-02-27_18.57.58__1_.png

②紐づく商品の設定

①で追加した、[メッセージ > product - 商品(商品セレクト、商品規格a、商品規格b、商品数セレクト)(商品毎の規格選択OFF)> フォーム > product_variant - 商品セレクト > オプション]より、以下の項目を設定する。
・ ラベル:対象商品の商品名
・値:対象商品の商品ID
※複数商品を紐付ける場合は、紐付ける商品毎に上記項目を設定してください。
__________2022-02-27_19.10.03__1_.png

③分類 IDの設定

[フォーム:product_option_a- 商品規格a(商品毎の規格選択OFF)> オプション > オプション1:オプション1]に、以下の項目を設定する。
※追加した規格の[フォーム:product_option_◯]それぞれで設定する。
・ラベル:対象商品に紐づく規格名
・値:対象商品に紐づく分類ID
※紐づく規格が複数ある場合は、それぞれで設定してください。
__________2022-02-27_19.14.20__1_.png

ecforce管理画面の、[設定を変更する > 商品 > 規格の管理 > 編集:対象規格]にて、対象規格の分類IDをご確認いただくこと可能です。
また紐づく商品に複数の規格がある場合は、 ①で追加した、「メッセージ > フォーム > フォーム名:product_option_b - 商品規格b(商品毎の規格選択OFF)、product_option_c - 商品規格c(商品毎の規格選択OFF)…etc」においても、 同様にご設定ください。

例)
ラベル:コロンビア
値:467(※分類IDは、編集画面より参照可能)

複数の規格を選択させる場合の設定方法

[メッセージ > product - 商品(商品セレクト、商品規格a、商品規格b、商品数セレクト) (商品毎の規格選択OFF)> フォーム: product_option_a - 商品規格a(商品毎の規格選択OFF)> 更新時イベント(JS)]より、 更新時イベント(JS)内の記述をご編集いただく必要がございます。
※以下画像の青枠部分の鍵マークをクリック後に記述の編集が可能となります。

Caution!!

フォームに追加している商品規格毎に同様の設定が必要になりますのでご注意ください。

★赤枠のinput_option_type_0の部分をinput_option_type_2に変更いただくと、3つ目の規格が選択できるようになります。
例)
コーヒー豆(商品)
産地(1つ目の規格)→input_option_type_0
煎り方(2つ目の規格)→input_option_type_1
量(3つ目の規格)→input_option_type_2
__________2022-02-27_19.27.16__2_.png

選択個数毎に規格選択をさせる場合の設定方法

[メッセージ > product - 商品(商品セレクト、商品規格a、商品規格b、商品数セレクト) (商品毎の規格選択OFF)> フォーム: product_option_a - 商品規格a(商品毎の規格選択OFF)> 更新時イベント(JS)]より、 更新時イベント(JS)内の記述をご編集いただく必要がございます。
※以下画像の青枠部分の鍵マークをクリック後に記述の編集が可能となります。

Caution!!

フォームに追加している商品規格毎に同様の設定が必要になりますのでご注意ください。

赤枠のeq(0)の部分をeq(2)とご編集いただくと、商品を3個選択した場合の規格が選択できるようになります。

例)
1つ目の商品:eq(0)
2つ目の商品:eq(1)
3つ目の商品:eq(2)
4つ目の商品:eq(3)



etc
__________2022-02-27_19.42.18__2_.png

個数を選択された場合にのみ、対応した個数分の規格を表示させる場合は、 商品2個目以降で表示させる規格の表示条件にて、 OR条件をご設定いただくことで、個数を選択された場合にのみ対応した個数分の規格を表示させることが可能となります。
▼参考FAQ:フォーム表示条件機能
商品:コーヒー豆
※3個まで選択させる場合
参考画像
1個目 産地(1つ目の規格):__________2022-07-12_12.04.31__1_.png
煎り方(2つ目の規格):__________2022-07-12_12.05.08__1_.png
量(3つ目の規格):__________2022-07-12_12.05.48__1_.png
2個目

産地(1つ目の規格):__________2022-07-12_12.09.12__1_.png
煎り方(2つ目の規格):__________2022-07-12_12.09.24__1_.png
量(3つ目の規格):__________2022-07-12_12.09.36__1_.png

3個目

産地(1つ目の規格):__________2022-07-12_12.11.21__1_.png
煎り方(2つ目の規格):__________2022-07-12_12.11.32__1_.png
量(3つ目の規格):__________2022-07-12_12.11.40__1_.png

この記事の目次

このセクションの記事

テンプレート管理