Webflow Integration
AI support widget for your Webflow site
Webflow's design flexibility deserves a support tool that matches. LaunchChat embeds via Webflow's Custom Code settings — no plugin marketplace dependency, no code conflicts with your carefully crafted interactions.
IntegrationPage.whyAddChatbot
Webflow is a visual web design platform that gives designers full control over HTML, CSS, and JavaScript. Its Custom Code feature in Project Settings is the perfect place to add LaunchChat — the widget loads asynchronously and won't interfere with Webflow's interactions, animations, or responsive breakpoints.
IntegrationPage.features
One-click embed via Custom Code
Add LaunchChat through Webflow's Project Settings → Custom Code → Footer Code. The widget appears on all pages automatically. No per-page setup needed.
No interference with interactions
The widget is completely independent of Webflow's IX2 interaction system. No conflicts with scroll animations, hover effects, or dynamic content.
Matches your Webflow design
Customize the widget's primary color, position, greeting, and avatar to match your site's visual identity. Pro plans can remove LaunchChat branding entirely.
Works with Webflow CMS
Use LaunchChat alongside Webflow's CMS. Point it at your CMS-powered blog or help center for indexing, and the chatbot answers from your dynamic content.
IntegrationPage.whyChooseLaunchChat
- Embed via Project Settings — no per-page code needed
- Zero conflicts with Webflow interactions and animations
- Customizable to match your Webflow site's design
- Can index your Webflow CMS-powered content
IntegrationPage.howToAdd
Get your widget ID
Create a free LaunchChat account, connect your data sources (website URL, Notion, or files), and copy your widget ID.
Add to Webflow Custom Code
In your Webflow project, go to Project Settings → Custom Code → Footer Code. Paste the 2-line embed code and save. Publish your site.
Verify and customize
Visit your published Webflow site to see the widget. Customize colors, position, and greeting from the LaunchChat dashboard.
Optional: Index your Webflow content
Add your Webflow site URL as a data source. LaunchChat will crawl your pages and use them as a knowledge base for answering questions.
IntegrationPage.embedCode
<!-- Project Settings → Custom Code → Footer Code -->
<script>
window.NotionSupportConfig = {
widgetId: 'YOUR_WIDGET_ID',
primaryColor: '#0D9488',
position: 'bottom-right'
};
</script>
<script src="https://launchchat.dev/widget.js" async></script>Add to Footer Code in Webflow Project Settings. This applies the widget to all pages on your site.
<!-- Page Settings → Custom Code → Before </body> tag -->
<script>
window.NotionSupportConfig = {
widgetId: 'YOUR_WIDGET_ID',
greeting: 'Have questions about our services?'
};
</script>
<script src="https://launchchat.dev/widget.js" async></script>For per-page placement, use Page Settings → Custom Code instead of Project Settings. Useful for embedding only on specific pages.
IntegrationPage.faq
How do I add LaunchChat to Webflow?
Go to Project Settings → Custom Code → Footer Code in your Webflow dashboard. Paste the 2-line embed code and publish your site. The widget appears on all pages automatically.
Will it conflict with Webflow interactions?
No. LaunchChat's widget is completely independent of Webflow's IX2 interaction system. It loads in a separate DOM container and won't interfere with animations, hover effects, or dynamic content.
Can I customize the widget to match my Webflow design?
Yes. Set your primary color, position, greeting message, and avatar from the LaunchChat dashboard. The widget respects your site's visual identity. Pro plans can remove LaunchChat branding entirely.
Can it use my Webflow CMS content?
Yes. Add your Webflow site URL as a data source and LaunchChat will crawl your CMS-powered pages (blog, help center, etc.). The chatbot answers from your dynamic content.
Does it work with Webflow Ecommerce?
Yes. LaunchChat works on Webflow Ecommerce sites. Add your product pages and policies as data sources to answer product and shipping questions automatically.
What if I have multiple Webflow sites?
Create separate widgets in LaunchChat for each site. Each widget can connect to different data sources and have different settings. Use the corresponding widgetId on each site.