導入

ウィジェットを設置する

インストールコードを取得

  1. ダッシュボード → 対象のチャットボット → 「設置方法」 タブ
  2. 表示されるスクリプトタグをコピー
<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 を追加
  • 複数個表示される → 同じスクリプトを二重に貼り付けていないか確認