Webflow向けデザイナーフレンドリーなAIチャットボット
Webflow組み込みのカスタムコードセクションを使って、数分でWebflowサイトにRAG搭載のAIチャットボットを追加できます。ウィジェットはWebflowデザインに完全対応でカスタマイズ可能。Webflow Designerを離れることなくセットアップが完了します。
Why Use Chatloom on Webflow?
Purpose-built AI chat for Webflow websites and applications.
ネイティブカスタムコード統合
Webflowの「Project Settings」カスタムコードセクションにChatloomの埋め込みスクリプトを貼り付けるだけ。次回の公開でサイト全体にデプロイされます。埋め込みコンポーネントや回避策は不要です。
デザイナーフレンドリーなカスタマイズ
チャットボットウィジェットのカラー、配置、ランチャースタイルをWebflowのデザインシステムに合わせて設定できます。ウィジェットは既存のスタイルを上書きせず、ビジュアルアイデンティティを尊重します。
コンテンツ認識型のAI応答
URLを指定してWebflowサイトのコンテンツでチャットボットを学習させましょう。RAGエンジンがページをクロールし、訪問者の質問に正確で文脈に沿った回答を提供します。
パフォーマンスへの影響ゼロ
ウィジェットスクリプトはWebflowページのレンダリング後に非同期で読み込まれるため、Lighthouseスコアや訪問者のエクスペリエンスに影響を与えません。
How to Add Chatloom to Webflow
Get up and running in minutes with these simple steps.
Chatloomエージェントを作成
無料のChatloomアカウントに登録し、エージェントを作成して、WebflowサイトのURLを貼り付けてコンテンツのナレッジベースを自動学習させます。
埋め込みスクリプトをコピー
Chatloomダッシュボードの「Widget」セクションで、1行のJavaScript埋め込みスニペットをコピーします。
Webflowカスタムコードに追加
Webflowで「Project Settings > Custom Code > Footer Code」に移動し、Chatloomスクリプトを貼り付けて保存します。
Webflowサイトを公開
Webflowで「Publish」をクリック。AIチャットボットがサイトの全ページで稼働し、訪問者の対応と質問への回答を開始します。
Features for Webflow
Everything you need to add AI-powered chat to your Webflow site.
- Webflowカスタムコードセクション経由の1行埋め込み
- Webflowサイトコンテンツから学習したRAG搭載の応答
- デザインシステムに合わせた完全カスタマイズ可能なウィジェット
- Lighthouseへの影響ゼロの非同期読み込み
- グローバルオーディエンス向け多言語サポート
- 会話分析と有人引き継ぎ
Frequently Asked Questions
- Webflowサイトにチャットボットを追加するにはどうすればよいですか？
- Webflowの「Project Settings」を開き、「Custom Code」タブで「Footer Code」フィールドにChatloomの埋め込みスクリプトを貼り付けます。サイトを公開するとすべてのページでチャットボットが稼働します。
- Webflow CMSコレクションに対応していますか？
- はい。ChatloomクローラーはCMSコレクションページ、ブログ投稿、静的ページを含むWebflowサイト全体をインデックス化できます。チャットボットはすべての公開コンテンツに基づいて回答します。
- 特定のページにのみチャットボットを追加できますか？
- はい。「Project Settings」（サイト全体）にスクリプトを追加する代わりに、Webflowのページレベルカスタムコードを使用して特定のページにのみチャットボットを追加できます。
- Webflowサイトの速度に影響しますか？
- いいえ。Chatloomの埋め込みスクリプトはページコンテンツの後に非同期で読み込まれ、レンダリングをブロックしません。Webflowサイトのパフォーマンスに測定可能な影響はありません。
Related Resources
Disclaimer: すべてのプラットフォーム情報は2026年初頭時点で公開されているデータに基づいており、変更されている可能性があります。機能や性能は概算です。最新の情報は必ず各プラットフォームの公式サイトでご確認ください。すべての製品名は各所有者の財産です。