Add AI Chatbot to Webflow
Add an AI chatbot to a Webflow marketing site and answer the questions visitors ask before getting in touch.
1. Create your chatbot
Create a Chatbit account, add your website or documents as sources, and test a few questions. Set the welcome message, colors and instructions to match your business. See how to add sources.
2. Copy your embed code
Open your chatbot's Share panel and copy the complete Script snippet. Keep both the configuration and the external script together. See the website setup guide.
3. Add the code to Webflow
In Site settings, open Custom code and paste the complete Chatbit snippet into Footer code. Save and publish to your chosen domain. Use page-level custom code if the bot should appear on a single landing page.
Platform reference: Webflow documentation.
Check your Webflow plan for custom-code access. Publish after saving, since the Designer canvas is not the final test of third-party scripts.
4. Test the published site
Ask about the offer on your landing page. Test the menu and contact form with the chat open so the widget does not cover either control.
If the button is missing, check that the code is saved on the published site, clear any page cache, and look for blocked requests in your browser. If it appears twice, remove the duplicate installation.
Keep the answers useful
Review the first conversations and update source content where answers are unclear. Include a contact route for questions your bot cannot answer. Learn how to improve responses.
Frequently asked questions
Do I need a platform-specific Chatbit plugin?
The setup above uses the script supplied in Chatbit. Your website platform may require a paid plan or a script-management plugin to allow that code.
Can I remove the chatbot later?
Yes. Remove the snippet from the location where you installed it, publish the change, and clear any page cache. Keep a copy of the code if you plan to add it again.