チャットウィジェット埋め込み方法
テナントのWebサイトに以下のスクリプトタグを追加するだけで、チャットボットが利用可能になります。
<script src="https://your-domain.com/widget.js"
data-api-key="YOUR_API_KEY"
data-title="カスタマーサポート"
data-color="#2563eb"></script>
このデモページでは tabione テナントのAPIキーで動作しています。
FAQ（「予約をキャンセルしたい」等）やシナリオ（「予約したい」等）を試してみてください。
カスタマイズオプション
| 属性 | 必須 | 説明 | デフォルト |
|---|---|---|---|
data-api-key | 必須 | テナントのAPIキー | - |
data-base-url | 任意 | APIのベースURL | スクリプトのオリジン |
data-title | 任意 | チャットウィンドウのタイトル | チャットサポート |
data-placeholder | 任意 | 入力欄のプレースホルダー | メッセージを入力... |
data-color | 任意 | テーマカラー（HEX） | #2563eb |
data-position | 任意 | 表示位置（right/left） | right |