ものしりAI
Webflow
Webflow supported

Add an AI chatbot to Webflow |
No-code FAQ auto-answer.

Just paste the monoshiri AI embed code into Webflow's Site settings → Custom Code → Footer Code. With no code editing and no coding required, the AI answers visitor questions automatically from your internal knowledge and FAQs.

Free plan available · No-code · Webflow Basic Site Plan or higher and a monoshiri AI account required

Start free
PREREQUISITES

Prerequisites

Webflow account (Basic Site Plan or higher)

Custom Code is available on Webflow Basic Site Plan ($14/month) and above. Custom Code is not available on the Starter Plan (Free).

monoshiri.ai account

You need to create a widget in the monoshiri AI dashboard. You can try it on the Free plan too (up to 50/month); a Light plan (2,980 JPY/month) or higher is recommended for full-scale use.

SETUP STEPS

How to install AI chat on Webflow

Issue an embed code from monoshiri.ai → paste into Webflow Site settings Footer Code → Publish. Three steps to complete.

1

Create a widget and issue an embed code on monoshiri.ai

On app.monoshiri.ai, create a widget, select the target folder (knowledge), and add your Webflow site URL to the allowed domains. Copy the generated embed code (the entire script tag).

2

Open Site settings → Custom Code in Webflow

In Webflow Designer, click the 'W' icon (top-left) → Site settings → 'Custom Code' tab.

3

Paste the code into Footer Code

In the 'Footer Code' field (just before the closing Body tag), paste the copied embed code and click 'Save Changes'. Click the 'Publish' button in the top-right to deploy your site—the chat widget appears on every page.

Verify after installation

Visit your published Webflow site and check whether the chat button appears in the bottom-right. If not, verify that your Webflow site URL (webflow.io subdomain or custom domain) is registered in the allowed domains on monoshiri AI.

USE CASES

Use cases on Webflow sites

By installing monoshiri AI on Webflow with no code, you can solve these challenges just by asking the AI.

Agencies offering it on client Webflow sites

Web production agencies can propose an AI chatbot as an option on the Webflow sites they deliver. It can be added just by pasting into Footer Code, making it an easy-to-operate value-added service.

Improve engagement on marketing sites

Add a path where users visiting a landing page or marketing site can ask the AI "What's the pricing?" or "Any case studies?". The AI answers from your internal knowledge, increasing page views and time on site.

Automate first-line FAQ and inquiry handling

Upload FAQs and documents to a folder, and the AI instantly answers questions about product usage and pricing. Reduce traffic to your contact form and ease the support load.

COMPARISON

How to choose a Webflow chatbot

monoshiri AI is chosen for answering automatically from your internal knowledge and FAQs, its Japanese accuracy, and how easy it is to install with no code. Here is how it compares with common types.

Comparison itemmonoshiri AIOverseas chatbotsScenario-based bots
Where to installSite settings → Custom Code → Footer Code (just before the body closing tag) → PublishManual tag setupConfigured via external service
Required plan (Webflow side)Basic Site Plan ($14/mo) or higherSeparate contract requiredSeparate contract required
Works on Webflow Starter (free)
Pricing (free to start)Free plan availableEnglish UI, priceyHigh upfront cost
Japanese accuracyFixed phrases only
Internal knowledge / FAQ integrationExtra cost
Easy setup (no-code)Just paste into Footer CodeManual tag setupComplex configuration
Unlimited users

The above compares general product types and does not refer to any specific competitor product.

FAQ

Webflow integration FAQ

monoshiri AI offers a free plan, so you can install an AI chatbot on your Webflow site and try it for free first. Note that using the Footer Code (Custom Code) feature requires Webflow's Basic Site Plan or higher. To increase answers or folders, you can upgrade to a monoshiri AI paid plan.
No, you can install it with no code. Just copy the embed code issued by monoshiri AI, paste it into Webflow's Site settings → Custom Code → Footer Code, and publish. There is no need to write HTML from scratch.
monoshiri AI is optimized for Japanese knowledge search (the Ask-AI feature). It reads internal documents, FAQs, and manuals with high accuracy and answers naturally in Japanese. Compared with general-purpose overseas chatbots, it excels at the accuracy of Japanese questions and answers.
Yes. Upload documents such as PDF, Word, Excel, and text to a folder, and the AI answers visitor questions automatically based on that content. You can have the AI learn the contents of your FAQ page as-is for 24/7 automated responses.
No. The Starter Plan does not allow the Custom Code (Footer Code) feature, so the widget cannot be installed. Please upgrade to a Basic or higher Site Plan.
A Workspace Plan is an account-level plan for using Webflow Designer, while a Site Plan is tied to each individual published site. To install the widget on a published site via Footer Code, each site needs a Basic or higher Site Plan.
Installing in the site-wide Footer Code displays the widget on all pages. To display it on specific pages only, paste the embed code into the Custom Code in that page's Page Settings (rather than Site settings) to control it per page.
Yes, it works on both. Because Footer Code is output across the entire published site, it displays without issue on webflow.io subdomains and on published sites with a custom domain connected.
Yes. Because Footer Code is output across the entire site, the widget displays on CMS Collection pages (dynamically generated article and product pages, etc.) as well.
Custom Code runs only on the site after it is published, so it does not display in the Designer preview. Please publish the site and verify the display on the actual published URL.
ABOUT THE WIDGET

What is an AI chatbot? (monoshiri AI)

An AI chatbot you can embed on your public site. It answers visitor questions 24/7 based on your uploaded knowledge (internal docs, FAQs, product manuals). Reduce support load and improve conversions at the same time.

24/7 Auto-reply

Answers around the clock

Accurate AI Answers

Grounded in your knowledge

Multilingual

Supports major languages

5-min Setup

Just paste a code snippet

Includes pricing plans, features, and FAQ

INTEGRATIONS

Install on any website, instantly

Official plugins are provided for major CMS platforms like WordPress. For any other site, you can install the widget by simply pasting a script tag.

WordPress

WordPress

Available

Install the official plugin and paste the embed code. No code editing required.

BASE

BASE

Available

Just enable BASE's HTML Tag Manager app and paste the embed code as a custom tag. No plugin install needed.

Shopify

Shopify

Available

Paste the embed code via the theme customizer's Custom Liquid block, or directly into the theme code. Setup in 3 minutes.

STUDIO

STUDIO

Available

Paste the monoshiri AI embed code into STUDIOs Custom Code feature. Set up in 5 minutes on Mini plan or higher.

Wix

Wix

Available

Just paste the monoshiri AI embed code into Wix's Custom Code feature. Set up in 5 minutes on Core plan or higher.

Webflow

Webflow

Available

Just paste the embed code into Webflow's Site settings → Footer Code. Set up in 5 minutes on Basic Site Plan or higher.

Current page

Other sites (custom builds, static sites, etc.)

Available now

Works on any website where you can insert a script tag. Just paste the generated embed code into your HTML.

Guide in preparation

WordPress is a registered trademark of the WordPress Foundation, BASE is a trademark of BASE, Inc., and Shopify is a registered trademark of Shopify Inc. monoshiri AI is developed and operated independently and is not endorsed, sponsored, or affiliated with these companies.

RELATED

Related pages

Explore more—see the full AI chatbot, pricing, and other integrations.

All AI chatbot features

See the features, pricing, and FAQ of the AI chatbot you can add to your site.

Learn more

Pricing (free plan available)

Compare the free and paid plans. Start with no setup fee and no credit card.

Learn more

Ask your knowledge from LINE

An integration where AI instantly answers from your internal docs, right inside LINE.

Learn more

Ask your knowledge from Slack

An integration to ask AI about your internal docs from Slack channels or DMs.

Learn more

Start building your team's knowledge base today.

Try it free — no commitment required.

Start freeFree plan / 0 yen per month / Unlimited users

50 queries/month free / No credit card required

"Webflow" is a registered trademark of Webflow, Inc. monoshiri AI is developed and operated independently and is not endorsed by Webflow, Inc.