Open your Webflow project and go to Project Settings (gear icon in the left panel).
Navigate to the "Custom Code" tab.
Scroll down to the "Footer Code" section (code added before </body>).
Paste the SuponAI widget code into the Footer Code text area.
Click "Save Changes" and then Publish your site.
Tip: You can also add the code to specific pages only by going to the page settings instead of project settings. This lets you control which pages display the chatbot.
Copy this code snippet and paste it into your Webflow site. Replace YOUR_TOKEN with your actual chatbot token from the SuponAI dashboard.
<!-- SuponAI Chatbot Widget -->
<script src="https://suponai.com/widget.js" data-token="YOUR_TOKEN"></script>
You will find your unique token in your SuponAI dashboard after creating a chatbot.
Works with a single script tag. No extensions, plugins, or app installations required.
Zero impact on page speed. The widget loads after your content, keeping Core Web Vitals intact.
Control colors, position, messages, and behavior from your dashboard. No code changes needed.
Always running the latest version. No manual updates or maintenance on your end.
Not using Webflow? Find installation instructions for your platform:
Sign up, configure your chatbot, and paste the widget code. Your AI assistant will be live in minutes.
Get Started - Free Trial Credits Already have an account? Log in