WebサイトにAIチャットウィジェットを追加:5分セットアップガイド(2026年版)

5分 2026年1月更新

概要

AI搭載チャットを5分でWebサイトに追加できます。コードを1つコピーして</body>の直前に貼るだけで、訪問者がAIエージェントとチャット可能に。電話と同じ知能で、予約、質問対応、リード獲得まで対応します。

学べること:

  • コピーするコードは1つだけ
  • </body>の直前に貼り付け
  • テキストチャット+音声チャットに対応
  • 電話と同じAI
  • どのWebサイトプラットフォームでも動作
おすすめ: 顧客エンゲージメント最大化のため、Webサイトの全ページに追加しましょう。

1. ウィジェットの追加方法

ステップ1:Widget Settingsへ UIRIXダッシュボードで、サイドバーの「Widget」をクリック ステップ2:埋め込みコードをコピー 「Copy Code」ボタンでスニペットをコピー ステップ3:Webサイトに貼り付け 各ページのタグ直前にコードを追加 ステップ4:チャットバブルが表示! 訪問者は右下にチャットアイコンが表示されます 対応:WordPress、Shopify、Wix、Squarespace、カスタムHTML

2. ウィジェットの機能

Text Chat メッセージ入力でAIが即時応答 Voice Chat クリックしてAI音声と会話(任意) Appointment Booking チャット内でそのまま予約 Lead Capture 訪問者の連絡先を取得

よくある質問

ウィジェットでWebサイトが遅くなりますか?

いいえ。ウィジェットはページコンテンツの後に非同期で読み込まれるため、表示速度への影響は最小限です。

ウィジェットの色はカスタマイズできますか?

はい。Widget Settingsで、色、位置、挨拶メッセージなどをブランドに合わせてカスタマイズできます。

WebサイトにAIチャットを追加する準備はできましたか?

  • 5分セットアップ
  • コードは1つだけ
  • テキスト+音声チャット
  • どのプラットフォームでも動作