How to add an AI chatbot to Webflow
In Webflow you add an AI chatbot under Site Settings → Custom Code → Footer Code, then publish. The step people miss is publishing — custom code does not appear on the live site until you do, and it never appears in the Designer preview.
Where it goes
Site Settings → Custom Code → Footer Code
Availability: Requires a paid Site plan. Custom code is not available on the free Webflow subdomain.
Adding the chatbot to Webflow
- 1
Open your project, then go to Site Settings (the gear icon).
- 2
Select the Custom Code tab.
- 3
Paste your RubyRep snippet into the Footer Code box — not Head Code.
- 4
Save changes.
- 5
Click Publish and select your domains. Custom code only goes live on publish.
- 6
Open the published site — not the Designer preview — to see the launcher.
The snippet you paste
<script src="https://rubyrep.com/rubyrep.js" data-rubyrep="rr_your_public_key" defer></script>Your own key replaces rr_your_public_key — you get it after training RubyRep on your site.
Worth knowing on Webflow
Custom code never renders inside the Designer or in preview mode. Always check the published site.
The free plan and webflow.io staging domains do not run custom code. You need a paid Site plan.
For a single page only, use Page Settings → Custom Code instead of Site Settings.
Webflow's code boxes have a character limit; the RubyRep snippet is one line, so it is not a concern here.
Webflow questions
- Why can't I see the chatbot in the Designer?
- Webflow deliberately does not execute custom code in the Designer or preview. Publish the site and check the live URL.
- Head Code or Footer Code?
- Footer. The snippet is deferred either way, but footer keeps it clearly out of the critical path.
- Does it work on Webflow Ecommerce?
- Yes. It reads your product and policy pages the same way it reads everything else.
Related
tool
Website support score
Scores a website on how well it could support customers — and how well an AI representative trained on it would perform. Five dimensions, a total out of 100, and the specific gaps behind the score.
tool
Website chatbot generator
Reads your website and generates a complete chatbot configuration — name, greeting, suggested questions, and sample answers with the pages they came from — so you can see exactly how a chatbot would sound before installing anything.
industry
AI customer support for agencies
Agencies field two kinds of question: what do you do, and what does it cost. Both are answerable from the site, and both currently interrupt someone senior. RubyRep answers them from your services and case study pages, and doubles as something you can deploy on client sites.
Get your snippet.
Enter your Webflow site and RubyRep reads it, builds your representative, and hands you the exact line to paste.
Using something else? See all platforms.