How Do I Add a Help Center to My Webflow Site?
Add a help center to Webflow by pasting one script tag in your project's custom code. Get AI-powered search and chat without leaving Webflow.
TL;DR
Add a help center to your Webflow site by pasting Kairoo's widget script in Project Settings > Custom Code > Footer Code. Takes 2 minutes. Your visitors get AI-powered search and chat without any Webflow plugins or custom development.
Setup (2 minutes)
Step 1: Sign up for Kairoo and create your help center. Write or generate your first articles.
Step 2: In Webflow, go to Project Settings > Custom Code > Footer Code.
Step 3: Paste the widget script: <script src="https://getkairoo.com/widget.js" data-help-center="your-slug"></script>
Step 4: Publish your Webflow site. The chat widget appears on every page.
That's it. No Webflow Apps to install, no Zapier integrations, no custom code beyond the one script tag.
Linking to your full help center
In addition to the widget, add a link to your full help center in your Webflow navigation or footer:
- Create a text link pointing to help.yoursite.com (if using custom domain) or yoursite.getkairoo.com - Or add a "Help" button in your navbar linking to the same URL
The widget handles quick questions in-context. The full help center is for customers who want to browse all your articles.
Why not build a help center in Webflow?
You could build help center pages natively in Webflow using CMS Collections, but you'd miss:
- AI-powered chatbot that answers from your articles - Full-text search across all articles - Content gap detection and analytics - Embeddable widget for quick access - Article feedback and rating system
Webflow is excellent for marketing sites. For support content with AI and analytics, a purpose-built tool is more effective and easier to maintain.
See how to embed widgets on any platform or learn about building a self-service portal. Start free.
Frequently asked questions
Does the widget work with Webflow interactions?
Yes. The widget is independent of Webflow's interactions system — they don't interfere with each other. The widget handles its own animations and state.
Can I style the widget to match my Webflow design?
Yes. Configure the button color, position, and text in Kairoo's dashboard. For exact brand matching, Kairoo supports custom CSS on Pro plans.