ウィジェットを設置する
インストールコードを取得
- ダッシュボード → 対象のチャットボット → 「設置方法」 タブ
- 表示されるスクリプトタグをコピー
<script src="https://chaty-ivory.vercel.app/widget/YOUR_BOT_ID.js" defer></script>
Webサイトに貼る
対象サイトの </body> の直前(またはヘッダー末尾)に上記を貼り付けて保存・公開するだけです。
動作確認
サイトを再読み込みすると、右下(または設定した位置)に Apple ライクなガラス UI のボタンが現れます。クリックするとチャット画面が開きます。
よくあるトラブル
- ボタンが出ない → 開発者ツールのコンソールで 404/403 がないか確認
- CSP エラー → サイトの Content-Security-Policy に
script-src https://chaty-ivory.vercel.appを追加 - 複数個表示される → 同じスクリプトを二重に貼り付けていないか確認