次のステップ
配信設定 </aside>
Chatbotを表示させる方法は、以下のように様々な形で設定可能です
- CommChatのバナーを表示し、クリックしたときに シナリオを展開する
- 自社で用意したフローティングボタンのみ表示し、そのボタンをクリックした際にCommChatのシナリオを展開する
- Shopify上のカートに入れるボタンでCommChatのシナリオを展開する
- Wordpressで作成したLPに表示させ、自社で用意しなボタンをクリックしなときにシナリオを展開する
表示ページの指定
-
Shopifyのページ上に表示させる場合
Shopify上のページにChatbotを表示したい場合はURLを指定いただければ設定完了です。
※複数のURLを条件として保存した場合、
OR条件が適用されます。
-
Shopify外のページに表示させる場合
ワードプレスで作成したLPなど、Shopify外で作成されたページに表示したい場合は、発行されたタグを、ページ上に設置してください。
発行されたのJavaScriptタグを、ウェブサイトの<body>タグ内 もしくは</body>の後に以下のコードを貼り付けてください。<aside> 💡 複数のシナリオ（起動ボタン）を同一LP内に埋め込む場合
複数のシナリオを同一LP内に埋め込む場合は
data-chatbot以下のユニークタグのみを区切って、並べて記載して、設置ください。例）以下の2つのシナリオを設置する場合
記載方法は以下となり、このタグを設置してください。
<script type="text/javascript" src="[<https://widget.comm-chat.com>](<https://widget.comm-chat.com/>)" id="comm-chat" data-chatbot= "89aaabe8-9cd8-465d-932f-4b5e6343b932, 765dad38-55ad-48b4-a349-b738c3ce5849"> </script></aside>
<aside> 💡 CommChatの表示速度を上げたい場合は、Shopifyページでもタグ埋め込みで実装すると、早くなる場合がございます。
</aside>
バナーの表示設定
CommChatｍの固定バナーを画面右下に表示するか否か設定できます。
チャットボットを最初から展開する
ページ遷移した際に、Chatbotを最初から展開するか否かを選択頂けます。
クリックしてbotを表示させる
LP上などで、指定のボタンでChatbotが展開するように設定できます。設定する際は、ボタンのクラス名を指定してください。複数指定する場合は、カンマ, で区切って入力してください。
<aside> 💡
※「ShopPay」などの動的チェックアウトボタンをCommChat起動ボタンにすることはできません。
詳細はこちらをご確認ください。
</aside>
クラス名の確認方法