スタートガイド

STEP5 LPにecforce efoを設置する

ビルドしたプロファイルをLPに設置する方法をご案内します。
なお、ビルドしたプロファイルはLPに複数設置することも可能です。

ビルド画面

【プロファイル管理】を押下し、ビルドしたいプロファイルのビルドを押下します。
スクリーンショット 2023-08-04 23.03.18.png

プロファイルの編集画面を表示している場合は、ビルドのタブを押下します。
4404993396889_2.png

チャットコードの確認

現在使用中のチャットコード を押下し、チャットの起動に必要なコードを確認します。
ecforce efoは、LPテンプレートにコードを実装することで起動する仕様です。

__________2022-10-04_17.13.55.png

LPテンプレートへの設置

表示されているscriptをコピーします。

※以下の赤枠内をscriptと指します。
スクリーンショット 2022-11-25 21.17.53.png

ecforceの管理画面から【HOME > マーケティング管理 > LP 管理 > LP テンプレート管理】を開き、
コピーしたscriptをLPテンプレートの「ヘッダー編集」「ボディー編集」にそれぞれ設定することでecforce efoの設定は完了です。
LP テンプレート管理

 

そのほか、任意の項目を選択した状態でecforce efoを起動させることも可能です。
・​任意の項目を選択した状態でecforce efoを起動させたい

LPテンプレート内の任意のボタンや文字を押下したらチャットを起動させる場合は、LPテンプレート管理のボディーに以下のようなコードの実装が必要となります。

例1:ecforce efo という文字を押下したらチャットを起動させたい

<a href="#chatform">ecforce efo</a>

例2:画像を押下したらチャットを起動させたい

<a href="#chatform"><img src="{{ file_root_path }}/hogehoge.png" /></a>

注意点

#chatform はプロファイルの編集画面の チャット設定項目 に設定されている ターゲットID となります。
ターゲットID を変更している場合は、上記コードを適宜置き換えて実装してください。

 

LPで動作確認する

LPで設置したecforce efoが問題なく動作するか、テスト受注が作成できるかを確認してください。

PCで確認すると画面右側にチャットが表示されます。
ecforce efoで入力した内容がLP購入フォームの必須項目を全て埋めることができているかを確認してください。
※ 必ずsmartphoneでも動作確認をしてください
※ シナリオ設定値がLP購入フォームの設定値と一致している必要があります。

また、テスト受注は適宜削除してください。

よくある質問

プロファイルの変更内容が反映されません
・プロファイルの編集・保存後にビルドを行っていない可能性があります。
・ビルドを実行された際に、最新のビルドバージョンが適用されているか確認してください。
・キャッシュをクリアすることで変更内容が反映される場合があります。

 

この記事の目次

このセクションの記事

スタートガイド