Webflow サイトに AI チャットボットを
5 分で導入。
Webflow の Site settings → Custom Code → Footer Code 機能を使って、ものしりAI のチャットウィジェットを設置できます。SaaS・スタートアップ向けの本格 Web サイトに AI 接客を追加できます。
Webflow Basic Site Plan 以上と ものしりAI アカウントが必要です
事前準備
Webflow アカウント (Basic Site Plan 以上)
Custom Code 機能は Webflow Basic Site Plan（$14/月、約 ¥2,100）以上で利用できます。Starter Plan (Free) では Custom Code は利用できません。
ものしりAI アカウント
ものしりAI 管理画面でウィジェットを発行する必要があります。Light プラン（月額 2,980 円）以上をご利用ください。
Webflow に AI チャットを設置する手順
ものしりAI でコード発行 → Webflow Site settings の Footer Code に貼り付け → Publish、の 3 ステップで完了します。
ものしりAI でウィジェット作成・埋め込みコード発行
app.monoshiri.ai でウィジェットを作成し、対象フォルダ（ナレッジ）と許可ドメインに Webflow サイトの公開 URL を登録。発行された埋め込みコード（script タグ全体）をコピーします。
Webflow の Site settings → Custom Code を開く
Webflow Designer の左上「W」アイコン → Site settings → 「Custom Code」タブを選択します。
Footer Code に埋め込みコードを貼り付け
「Footer Code」(/ Before </body> tag) の入力エリアに、コピーした埋め込みコードを貼り付けて「Save Changes」をクリック。右上の「Publish」ボタンでサイトを公開すると、全ページにチャットウィジェットが反映されます。
設置後の確認
公開した Webflow サイトにアクセスし、右下にチャットボタンが表示されるか確認してください。表示されない場合は、ものしりAI 管理画面の許可ドメインに Webflow サイトの公開 URL（webflow.io サブドメインまたは独自ドメイン）が登録されているかをチェックします。
Webflow 連携のよくある質問
あらゆるサイトに、すぐ設置できる
WordPress などの主要 CMS には公式プラグインを提供。それ以外のサイトでも、HTML に対応していれば scriptタグを貼り付けるだけで導入できます。
Webflow
利用可能Webflow の Site settings → Footer Code に埋め込みコードを貼り付けるだけ。Basic Site Plan 以上で 5 分設置完了。
現在表示中その他のサイト（独自実装・静的サイト 等）
今すぐ可能scriptタグを設置できる Web サイトであればどこでも動作します。発行された埋め込みコードを HTML に貼り付けてください。
ガイド準備中WordPress は WordPress Foundation、BASE は BASE 株式会社、Shopify は Shopify Inc. の各登録商標です。ものしりAI はこれらの企業と独立して開発・運営されており、公式の提携・保証関係はありません。
組織・チームの"物知り"、今日から始めませんか？
無料プランで、まずはお気軽にお試しください。
月50回まで無料 / クレジットカード不要
「Webflow」は Webflow, Inc. の登録商標です。ものしりAI は Webflow と独立して開発・運営されており、Webflow, Inc. による公式の保証・推奨を受けたものではありません。