Babelix を導入
3 ステップ、ビルド設定もフレームワークも不要。
導入
HTML 1 行で、公開。
SDK もフレームワーク連携もパッケージも不要。ウィジェットは非同期で読み込まれ、ページを妨げません。
- あらゆるサイトで動作 — WordPress、Shopify、Next.js、素の HTML。
- Shadow DOM で隔離 — CSS が衝突することはありません。
- gzip 後 30KB 未満。ページがインタラクティブになった後で読み込み。
index.html
<script src="https://api.babelix.app/widget.js"
data-company="your-company-id"
async></script>1
ワークスペースを作成
panel.babelix.app でサインアップ。固有の会社 ID が発行されます — スクリプトに入れるのはこれだけです。
2
サイトにスクリプトを貼り付け
上記スニペットを head タグ内、あるいは閉じ body タグの直前に配置。WordPress、Shopify、Webflow、Next.js、素の HTML に対応。
3
チームを招待
パネルからエージェントを追加し agent.babelix.app を開く。訪問者が挨拶するとまず空いているエージェントが応対します。