1行のコード で稼働開始
管理画面で生成された埋め込みコードを</body>の直前に貼り付け、再公開するだけ。Widgetは読み込み時に設定を自動取得し、ハートビートを送信、ページ表示と同時に訪問者の受付準備完了。
五分鐘上手
不論你的網站是用什麼框架，三步驟搞定
管理画面から埋め込みコードをコピー
クライアント管理画面にログインし、埋め込みたいBotを開く → 「接続設定」欄で埋め込みコードのコピーボタンを押す。コードは以下の形式：
<script src="https://aibot.chungtair.com/static/widget/loader.js" data-token="abcd1234..." async></script></body>の直前に貼り付け
プラットフォーム（WordPress / Shopify / 純HTML / Reactなど）を問わず、閉じタグ</body>の直前に貼り付けてください。プラットフォーム別の具体的な手順は以下。
接続を確認
サイトを再読み込み — 右下（または左下）にチャットボタンが表示されるはずです。管理画面で「🔍 接続デバッグ」を開き、「⚡ 接続テスト」を押すと能動的に接続を確認できます。
各平台逐步教學
純HTMLサイト
エディタで.htmlファイルを開き、</body>タグを見つけて、その直前に埋め込みコードを貼り付け、保存してアップロード。
WordPress
管理画面「外観 → テーマファイルエディター → footer.php」で</body>の直前に貼り付けて保存。または「Insert Headers and Footers」プラグインを入れてFooter欄に貼り付け。
Shopify
管理画面「オンラインストア → テーマ → アクション → コードを編集 → Layout/theme.liquid」で</body>の直前に貼り付け、保存。
Wix
エディタ「追加 → 埋め込み → HTML iframe埋め込み」でコードを貼り付け。または「設定 → カスタムコード」で全ページに適用。
Squarespace
「設定 → 詳細 → コードインジェクション → Footer」のFooter欄に貼り付けて保存。
Webflow
「Project Settings → Custom Code → Footer Code」に貼り付け、サイトを再公開。
React / Vue / Next.jsなどのフレームワーク
ルートlayout（Next.jsのapp/layout.tsx、Nuxtのnuxt.config.ts、またはindex.html）に配置。初回読み込み時にSDKがマウントされ、ルート切り替えで再注入されません。