All Integrations
Webflow Integration
Add AI-powered chat to your Webflow site. Custom code embed with full design control.
How it works with Webflow
Three steps to add AI chat to your Webflow site.
Project Settings
Custom Code tab opened
Footer code section found
Ready to paste
What you get
Beautiful AI chat that matches your Webflow design.
Design-First
The widget respects your Webflow design system. Customize colors, position, and theme to match your site.
Custom Code Embed
Paste the InfoLens script tag into Webflow's Custom Code (footer) and the widget is live on every page.
Interactions Support
Works alongside Webflow Interactions and animations without conflicts.
Custom Domains
Fully compatible with custom domains, SSL, and Webflow hosting.
Quick setup
Add to Webflow's custom code section.
custom-code.js
// Webflow: Project Settings > Custom Code > Footer
// Paste this code:
var s = document.createElement('script');
s.src = 'https://infolens.synapse-os.com/widget.js';
s.setAttribute('data-agent-id', 'ag_7f3k9x2m');
s.setAttribute('data-api-key', 'pk_live_...');
s.setAttribute('data-color', '#4353FF');
document.body.appendChild(s);