スタートガイド

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

STEP2で新規作成したプロファイルの詳細な設定を行います。
以下、2つのセクションに分けて設定可能となります。

  • チャット設定
  • シナリオ設定

チュートリアル機能について

プロファイル編集画面にある "?" のマークをクリックするとこの画面の チュートリアル を確認いただけます。

 

__________2023-05-30_19.08.28.png

プロファイル編集画面

【プロファイル管理】を押下し、編集したいプロファイルの編集を押下します。
※ プロファイルを新規作成した場合は、プロファイルの新規作成完了後、編集画面に直接遷移します
スクリーンショット 2023-08-04 22.28.11.png

チャット設定項目

チャット全体に関する設定を行います。

※以下、例となります。

  • 全体の配色を変更する
  • メッセージの表示速度を変更する
  • 自動起動(ページを開くと自動でecforce efoが起動します)
  • タイトル・サブタイトルの変更


各項目の詳細については、以下FAQをご確認ください。

シナリオ設定項目

各シナリオ(例:greeting-あいさつ や product-商品)に関する設定を行えます。
デフォルトで設定されているメッセージの編集や、メッセージの追加、画像の追加等を行うことも可能となります。

各シナリオの詳細については、以下FAQをご確認ください。

4405001078041_2.png

プロファイル編集時のワンポイント

※プロファイル編集時には以下のポイントを理解した上で編集することを推奨します。

 

Point 1:シナリオ、メッセージ、フォームの概念を知っておこう!

ecforce efoは、以下の構造で組まれています。
- シナリオ > メッセージ > フォーム

シナリオ(赤の枠)
各シナリオの詳細については、以下FAQをご確認ください。

inline2115675850.png

 

メッセージ(黄の枠)
メッセージには2種類あります。

  • エンドユーザーが入力するメッセージ(受信メッセージ)     -> 編集画面では水色で表示
  • エンドユーザーが入力しないメッセージ(送信メッセージ) -> 編集画面では黄色で表示

inline-385046497.png

 

送信メッセージを分けたい場合は、複数個メッセージを設定する必要があります。

 

例:greeting-あいさつ シナリオ内

4405001078041_12.png

 

[よくある質問 Q&A]

Q:メッセージを追加したのに表示されない
A:エンドユーザーが入力する水色のメッセージの後は次のシナリオに遷移する仕様となっています。
そのため、同シナリオ内では水色のメッセージの後ろにはメッセージを設定せず、
次のシナリオの冒頭にメッセージを設定してください。

参考資料

OK

4405001078041_3.png

NG

4405001078041_4.png

 

フォーム(緑の枠)

エンドユーザーが入力するメッセージ(受信メッセージ)は、
各シナリオ毎に様々な入力フォームを追加・編集・更新することが可能です。

 

inline1923833598.png

 

例えば、1メッセージの内で複数の項目を表示したい場合は、1メッセージ内で複数のフォームを設定する必要があります。

例:payment-支払い方法 メッセージ内の設定

4405001078041_11.png

 

Point 2:編集後は必ず【編集内容を保存する】を押下しよう!


プロファイル編集画面最下部にある【編集内容を保存する】ボタンを押下することで、プロファイルの編集した内容を保存することが可能です(プロファイルの編集内容は自動保存されません)。

[よくある質問 Q&A]

Q:過去の編集内容に戻したい(過去の編集内容を復元したい)
A:チャット変更履歴を押下することで、過去の変更履歴を確認することが可能です。
※変更履歴は、【編集内容を保存する】ボタンを押下する毎に記録されます。

4405001078041_5.png

 

過去の編集内容に戻したい場合は以下の復元ボタンを押下してください。

4405001078041_6.png

※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をご確認ください。

 

4405001078041_7.png 4405001078041_8.png

注意点

デフォルトではチャットの動作に必要なJavascriptが記載されていますが、
Javascriptのコーディング内容、および独自に編集したことによる動作不具合に関してはサポート対象外となります。
独自にJavascriptを編集される場合は、ecforce efoをLPに設置した後に必ず動作確認をしてください。

 

Point 5:プレビュー機能で編集内容を確認しよう!

プロファイル編集画面の左端にあるプレビューを押下することで、
編集中のプロファイルのデザイン(シナリオやメッセージの表示順番や配色等)を確認することが可能です。

4405001078041_9.png

注意点

以下のような動作を確認したい場合は、一度ビルドをしてから確認してください。
(詳細はSTEP4で後述します)

  • 表示条件が設定通りに動作するか確認したい
  • 変更した表示速度を確認したい

また、お届け予定日・お届け時間・生年月日(LP値自動取得)についてはLPに表示されている内容が動的にecforce efoに反映されます。
そのため、プレビュー機能では確認することができませんのでご注意ください。
4405001078041_10.png

その他設定方法の案内

個別の設定事例についてはFAQにおまとめしておりますので、随時検索ください。

この記事の目次

このセクションの記事

スタートガイド