STEP3 プロファイルを編集する

ecforce efoはLPフォームの入力補助ツールとなりますため、
ecforceのLPフォームの項目に沿った内容でシナリオ編集を行う必要がございます。

本記事では、弊社でご用意しているサンプルのテンプレートをもとに、
各シナリオの編集方法について解説いたします。
最初に、ecforce efoにおいてLP購入フォームと対応する項目の一覧をご覧ください。

※お届け先住所は、テンプレートにはないシナリオになりますので、シナリオの追加が必要です。

LPフォームの各項目の詳細についてはこちらをご覧ください。

start（立ち上げ）

「start（立ち上げ）」では、ecforce efoが起動した際に常に固定表示されているヘッダータイマーについて編集が可能です。

<表示イメージ>

なお、ヘッダータイマーは「メッセージ > スクリプト用空メッセージ > 読み込み時イベントフォーム - ヘッダータイマー（現在時刻）> フォーム読込時イベント (JS)」より、編集が可能ですが、コーディングによる独自作業が必要となります。コーディング内容についてはサポート対象外となりますため、あらかじめご了承くださいませ。
<編集箇所>

greeting（あいさつ）

「greeting（あいさつ）」は、チャットが立ち上がった直後に表示する“導入（最初の声かけ）”用のシナリオです。

<表示イメージ>

HTMLテキスト

HTMLテキスト > フォーム > HTMLテキストにて以下のようなユーザーに最初に見せるメッセージを設定します。

• ユーザーへの最初の案内文（挨拶・自己紹介）を出す
  • 例：「ご購入ありがとうございます。いくつか質問に答えるだけで注文できます」など
• この先の入力フローの目的・所要時間・メリットを伝える
  • 例：「最短◯分で完了」「入力ミスを防ぎます」など

product（商品）

HTMLテキスト

先述の「greeting（あいさつ）」シナリオと同様に、表示する文面を編集することができます。

商品セレクト

弊社でご用意しているサンプルのテンプレートに従い、画像での商品選択についてご案内いたします。
以下の項目につきましては、必ずご設定ください。

デフォルト値の設定

「フォーム > 商品セレクト (画像)」より、「デフォルト値」の設定が可能でございます。
デフォルト値には、ecforce efo展開時に「デフォルトで選ばれていてほしい商品」の「商品ID」もしくは、「SKU ID」をご入力ください。

※値が異なるとecfoce efoで正常に商品選択ができませんのでご注意ください。

オプションフォーム

「フォーム > 商品セレクト (画像) 」より、「オプションフォーム」が用意されております。
「オプションフォーム」にて、商品選択の選択肢を作成していきます。
※「規格」の選択肢を追加する場合も同様です

「オプションフォーム」にて設定が必要な項目については以下の表をご参照ください。

※商品画像のアップロード方法とURL取得方法については、こちらをご覧ください
※商品の規格を選択させたい場合は、こちらをご覧ください

フォーム要素・フォーム要素タイプ

「フォーム > フォーム要素」より、商品選択時の大枠のデザインを選ぶことができます。
選択可能なフォーム要素は以下の3種類です。

• セレクトボタン
• ラジオボタン
• チェックボックス（複数選択）

また、「フォーム > フォーム要素」タイプより、商品選択時の細かなデザインを選ぶことができます。
弊社でご用意しているサンプルのテンプレートでは「画像」となっておりますが、任意での変更が可能です。
※「画像URL」の画像が認識されるのは、「フォーム要素タイプ：画像」のときのみです

• 通常
• ボタン型（1行ずつ縦並び）
• ボタン型（横並び）
• 画像

※画像ではない選択肢にしたい場合の設定方法についてはこちらをご覧ください。

name（氏名とEメール）

HTMLテキスト

先述の「greeting（あいさつ）」シナリオと同様に、表示する文面を編集することができます。

名前とEメールとecforce ログイン（Eメールが存在する場合）

基本的にはテンプレートを追加で編集する必要はございませんが、ecforce本体側で作成したLPの購入フォームと「カラム数」をあわせる必要がございます。
デフォルトでは「1カラム」となっているため、「2カラム」の場合の設定方法をご案内いたします。

2カラムにする方法

1. 「フォーム」横の「追加（＋）」ボタンより、「購入者 氏名 > お名前（姓）」を追加
2. 同様に、「お名前（名）」「フリガナ（セイ）」「フリガナ（メイ）」を追加
3. 上から順序が揃うように、各項目を並び替える

また、各フォームを展開し、「ラベル > ＋」で追加した入力欄に、LPの購入フォームに合わせて、以下の「必須ラベル」を追加してください。

<span style="color: red"> ※必須</span>

address（購入者住所）

HTMLテキスト

先述の「greeting（あいさつ）」シナリオと同様に、表示する文面を編集することができます。

住所 (１カラム) > 郵便番号

本項目についても、「氏名」と同様に、ecforce本体側で作成したLPの購入フォームと「カラム数」を合わせる必要がございます。
デフォルトでは「1カラム」となっているため、「2カラム」の場合の設定方法をご案内いたします。

2カラムにする方法

1. 「フォーム」横の「追加（＋）」ボタンより、「購入者 住所 > 郵便番号1・2」をそれぞれ追加
2. 上から順序が揃うように、各項目を並び替える

※「電話番号」「住所3」もカラムを調整する場合は、「郵便番号」と同様の対応を行ってください。

payment （支払い方法）

HTMLテキスト

先述の「greeting（あいさつ）」シナリオと同様に、表示する文面を編集することができます。

支払い方法

弊社でご用意しているサンプルのテンプレートでは、「支払い方法」は画像によって選択する形式となっております。
「オプションフォーム」にて設定が必要な項目については以下の表をご参照ください。

※「画像URL」は「フォーム要素タイプ：画像」のときのみ使用します。
　フォーム要素タイプについてはこちらをご覧ください。

支払い方法の選択肢を追加する場合については、こちらをご覧ください。
また、「クレジットカード」決済において、「セキュリティコード」を追加する場合は、こちらをご覧ください。

confirm_preview （サブミッション）

弊社でご用意しているサンプルのテンプレートでは、「ご注文内容」や「顧客情報」は自動で取得される仕様となっております。
そのため、本項目につきましては基本的に追加でご設定いただく必要はございませんが、LPフォームの設定値によって追加でのご設定が必要となる場合がございます。

• 「確認画面スキップ：有効」と設定したLPに設置したチャット内の確認内容に何も表示されないのはなぜですか？

また、同意チェックの「ラベル（利用規約同意文言）」はLPと同じものにご設定いただくようお願いいたします。

利用規約同意文言の確認方法は、ecforceの管理画面の設定 > 購入/フォーム > LPフォーム設定にて確認ください。

その他

ecforce efoの表示項目を、ecforce本体のLP購入フォームの表示項目に合わせる場合において、新たにシナリオを追加する必要のある項目について、主な3項目（パスワード・お届け先住所・通信欄）の追加方法をまとめています。
項目追加が必要な場合は、以下の内容をご参考ください。

パスワード

初回購入時に会員情報として登録するパスワードを設定する際に使用する項目です。
「各種シナリオ > メッセージ横の『追加（＋）』ボタン」もしくは、「設定済みのシナリオの追加」ボタンからお好みに合わせて追加することが可能です。

【メッセージとして追加する場合】

【シナリオとして追加する場合】

お届け先住所

購入者住所とお届け先住所が異なる際に使用する項目です。
お届け先住所の追加につきましても、パスワードと同様に「各種シナリオ > メッセージ横の『追加（＋）』ボタン」もしくは、「設定済みのシナリオの追加」ボタンから追加することができます。

【メッセージとして追加する場合】

【シナリオとして追加する場合】

通信欄

商品購入時の備考記入が必要な場合に使用します。
通信欄の設定方法につきましては、こちらをご覧ください。

upsell （アップセル）・upsell_completed （アップセル成功）

サンクスオファー（アップセル）を実装される方はこちらをご参照ください。

crosssell （クロスセル）・crosssell_completed （クロスセル成功）

サンクスオファー（クロスセル）を実装される方はこちらをご参照ください。