STEP3 プロファイルを編集する
STEP2で新規作成したプロファイルの詳細な設定を行います。
以下、2つのセクションに分けて設定可能となります。
- チャット設定
- シナリオ設定
チュートリアル機能について
プロファイル編集画面にある "?" のマークをクリックするとこの画面の チュートリアル を確認いただけます。
プロファイル編集画面
【プロファイル管理】を押下し、編集したいプロファイルの編集を押下します。
※ プロファイルを新規作成した場合は、プロファイルの新規作成完了後、編集画面に直接遷移します
チャット設定項目
チャット全体に関する設定を行います。
※以下、例となります。
- 全体の配色を変更する
- メッセージの表示速度を変更する
- 自動起動(ページを開くと自動でecforce efoが起動します)
- タイトル・サブタイトルの変更
各項目の詳細については、以下FAQをご確認ください。
シナリオ設定項目
各シナリオ(例:greeting-あいさつ や product-商品)に関する設定を行えます。
デフォルトで設定されているメッセージの編集や、メッセージの追加、画像の追加等を行うことも可能となります。
各シナリオの詳細については、以下FAQをご確認ください。
プロファイル編集時のワンポイント
※プロファイル編集時には以下のポイントを理解した上で編集することを推奨します。
Point 1:シナリオ、メッセージ、フォームの概念を知っておこう!
ecforce efoは、以下の構造で組まれています。
- シナリオ > メッセージ > フォーム
シナリオ(赤の枠)
各シナリオの詳細については、以下FAQをご確認ください。
メッセージ(黄の枠)
メッセージには2種類あります。
- エンドユーザーが入力するメッセージ(受信メッセージ) -> 編集画面では水色で表示
- エンドユーザーが入力しないメッセージ(送信メッセージ) -> 編集画面では黄色で表示
送信メッセージを分けたい場合は、複数個メッセージを設定する必要があります。
例:greeting-あいさつ シナリオ内
[よくある質問 Q&A]
Q:メッセージを追加したのに表示されない
A:エンドユーザーが入力する水色のメッセージの後は次のシナリオに遷移する仕様となっています。
そのため、同シナリオ内では水色のメッセージの後ろにはメッセージを設定せず、
次のシナリオの冒頭にメッセージを設定してください。
参考資料
OK
NG
フォーム(緑の枠)
エンドユーザーが入力するメッセージ(受信メッセージ)は、
各シナリオ毎に様々な入力フォームを追加・編集・更新することが可能です。
例えば、1メッセージの内で複数の項目を表示したい場合は、1メッセージ内で複数のフォームを設定する必要があります。
例:payment-支払い方法 メッセージ内の設定
Point 2:編集後は必ず【編集内容を保存する】を押下しよう!
プロファイル編集画面最下部にある【編集内容を保存する】ボタンを押下することで、プロファイルの編集した内容を保存することが可能です(プロファイルの編集内容は自動保存されません)。
[よくある質問 Q&A]
Q:過去の編集内容に戻したい(過去の編集内容を復元したい) A:チャット変更履歴を押下することで、過去の変更履歴を確認することが可能です。 ※変更履歴は、【編集内容を保存する】ボタンを押下する毎に記録されます。
過去の編集内容に戻したい場合は以下の復元ボタンを押下してください。
※1メッセージの編集が終わったタイミング、
1シナリオの編集が終わったタイミング等で随時保存ボタンを押下することを推奨いたします。
Point 3:ecforce管理画面内のIDを確認しておこう!
「シナリオ:product(商品)/payment(支払い方法)」では、
ecforce管理画面内の値(ID)を設定する必要があります。
(例:product variant - 商品セレクト / payment - 支払い方法セレクト )
フォーム内で設定する値は、ecforce管理画面内のIDとなりますので、下記を確認しておきましょう。
フォーム | 説明 |
product variant - 商品セレクト | ecforce管理画面【HOME > 商品管理 > 商品管理 > 詳細 > SKU管理】に表示されているSKU IDとなります。 |
payment - 支払い方法セレクト | ecforce管理画面【HOME > 設定 > 支払い方法 > 支払い方法管理】に表示されている支払い方法IDとなります。 |
Point 4:グレーアウト部分を編集する方法を知っておこう!
一度 更新 ボタンをクリックするとグレーアウトされる部分があります。
- 更新時バリデーション (JS)
- 更新時イベント (JS)
- 入力時イベント (JS) 等
上記の箇所を変更する場合は、鍵マークをクリックするもしくは高度編集モードで編集してください。
高度編集モードについては以下FAQをご確認ください。
注意点
デフォルトではチャットの動作に必要なJavascriptが記載されていますが、
Javascriptのコーディング内容、および独自に編集したことによる動作不具合に関してはサポート対象外となります。
独自にJavascriptを編集される場合は、ecforce efoをLPに設置した後に必ず動作確認をしてください。
Point 5:プレビュー機能で編集内容を確認しよう!
プロファイル編集画面の左端にあるプレビューを押下することで、
編集中のプロファイルのデザイン(シナリオやメッセージの表示順番や配色等)を確認することが可能です。
注意点
以下のような動作を確認したい場合は、一度ビルドをしてから確認してください。
(詳細はSTEP4で後述します)
- 表示条件が設定通りに動作するか確認したい
- 変更した表示速度を確認したい
また、お届け予定日・お届け時間・生年月日(LP値自動取得)についてはLPに表示されている内容が動的にecforce efoに反映されます。
そのため、プレビュー機能では確認することができませんのでご注意ください。
その他設定方法の案内
個別の設定事例についてはFAQにおまとめしておりますので、随時検索ください。
この記事の目次
このセクションの記事
スタートガイド