Give visitors the answers they need before they contact your business.
Automatic setup. Enter your website URL. The chatbot uses accessible content to build its initial knowledge and suggest a role and tone of voice.
Business-specific answers. Explain service packages, product features, or your working process using the information you provide.
Conversation rules. Define how the chatbot talks about your business, recommends options, and handles questions that need a team member’s attention.
Flexible appearance. Match the chatbot’s name, avatar, and colors to your website. Add a greeting and suggested questions that reflect what your visitors might be interested in.
Multilingual conversations. Answer visitors in their language, whether they’re exploring a local service or considering your product from another country.
Use your published website as a source of answers. Add public URLs, upload files, or write custom Q&A to give the chatbot the details visitors need.
Service and pricing pages
What your chatbot can explain
CMS case studies and portfolios
What your chatbot can explain
CMS articles and resources
What your chatbot can explain
Product and feature pages
What your chatbot can explain
Files and custom Q&A
What your chatbot can explain
Add up to 200 web page URLs. For CMS content, use the published item URLs. When you update a page, use Retrain to refresh its content in the chatbot’s knowledge.
Give visitors a way to act when they find what they’re looking for.
Capture a project inquiry
Collect a name, email, or phone number when someone wants a quote or more information. Keep their details with the conversation so your team understands the request.
Open a relevant page
Show an action button linking to a pricing page, case study, service, or contact form on your Webflow site.
Book a demo or consultation
Connect Calendly or Cal.com so visitors can choose an available appointment time directly in the chat.
Offer human contact
Provide email, phone, or WhatsApp contact when a visitor needs personal advice or wants to discuss a specific requirement.
Follow up during the visit
Send a message after a period of inactivity to ask whether the visitor needs help choosing a package or taking the next step.
Match the chatbot’s colors to your Webflow design and choose its name and avatar to represent your business. Adjust its placement to keep chat accessible alongside your page content. Add a greeting and suggested questions such as “Which plan fits my team?” or “Can I book a demo?” to help visitors start a useful conversation.
See what visitors ask before they submit a brief, request a demo, or choose a service.
Review knowledge gaps to find questions your content doesn’t fully answer. Add the missing details to improve future responses.
Follow this quick guide to install your chatbot on a page, in a Collection template, or across your site. You’ll need a Webflow plan that supports custom code. If you need help, our support team offers free installation.
Create your chatbot in the intuitive editor and copy its embed code from the AI Chatbot dashboard.
Open the page in Webflow and add a Code Embed element from the Add panel.
Paste the code and click Save & Close.
Publish your changes and open the live page to test the chatbot.
Open the relevant Collection page template in the Pages panel and add the installation code in a Code Embed element. Publish your changes to show the chatbot on the item pages that use that template.
For a floating chatbot across the website:
Open Site settings → Custom code.
Paste the installation code into Footer code, and save.
Publish the website to apply the change to live pages.
