はじめに：埋め込みコードを用意する

AIChatPlusの管理画面 → チャットボット設定 → 埋め込みコード から、お使いのチャットボット専用のコードをコピーしてください。以下の1行です。

埋め込みコード

<script src="https://widget.ai-chat-plus.com/widget.js" data-chatbot-key="発行されたキー"></script>

※ data-chatbot-key はチャットボットごとに異なります。必ず管理画面で発行されたものをお使いください。

このサービスは <head> 内の入力欄に設置します。AIChatPlusのウィジェットは読み込みタイミングを自動で判定するため、<head> 内でも </body> 直前でも同じように動作します。

EC-CUBEにAIChatPlusの埋め込みコードを登録する

EC-CUBEにログインし、「コンテンツ管理」→「ブロック管理」をクリックします。
「新規作成」をクリックします。
任意のブロック名、ファイル名を入力、コードの欄にAIChatPlusの埋め込みコードを挿入し、「登録」をクリックします。
画面上部に「保存しました」と表示されれば保存完了です。
「レイアウト管理」→「トップページ用レイアウト」をクリックします。
※他ページに反映させる場合は、そのページのレイアウトをクリックします。
右側の未使用ブロックに、手順3で保存したブロックが表示されるので、ドラッグ＆ドロップで「<head></head>タグ内」に追加し「登録」をクリックします。
「ページ管理」を「TOPページ」をクリックします。
レイアウト設定に表示されているページが間違いないか確認し、「登録」をクリックします。