チャットウィンドウをサイトに設置

コードをコピー

管理画面の「連携」ページを開き、「ウェブサイト埋め込み」にあるコードをコピーして、サイトの各ページの </body> の直前に設置します：

<script src="{API}/static/aics-widget.js" data-key="pk_xxx" data-api="{API}" async></script>

data-key はあなたの公開キーで、コード内にはすでに入力されています。保存後にサイトを再読み込みすると、右下にサポートボタンが表示されます。

Shopify を使用している場合は、テーマコードを変更する必要はありません。Shopify と WeChat ミニプログラムの連携 を参照してください。

埋め込みを許可するウェブサイトを登録する

「連携」ページの「埋め込みを許可するウェブサイト」に、サイトのアドレスを1行に1つずつ、https:// を付けて入力してください。例：

https://shop.example.com
https://www.example.com

入力すると、他のウェブサイトがあなたの公開キーを入手しても、あなたのカスタマーサポート機能は利用できません。公開前に必ず入力してください。

よく使うオプション

• ダークスタイル：script タグに data-theme="dark" を追加します。
• 多言語サイト：data-language="auto" を追加すると、サポートウィンドウがページの言語に合わせて切り替わります。
• 独自の「サポートに問い合わせる」ボタン：AICS.open() を呼び出してチャットウィンドウを開きます。

ログイン中の顧客を AI に認識させる

AI が顧客の注文確認や注文手続きをサポートするには、顧客が誰であるかを把握している必要があります。この手順では、開発者がサーバー上でトークンを発行する必要があります。方法は開発者ドキュメント ログイン中の顧客を識別する を参照してください。この手順を行わなくても、AI は質問への回答や商品の推薦はできますが、注文の確認はできません。