RubyRep
Train My RubyRep

How to add an AI chatbot to Framer

Framer exposes custom code under Site Settings → General → Custom Code. Paste your snippet into the 'End of <body> tag' field and publish. Like most builders, the code runs on the published site only, not in the canvas.

Where it goes

Site Settings → General → Custom Code → End of <body> tag

Availability: Paid Framer site plans. Custom code is not available on free sites.

Adding the chatbot to Framer

  1. 1

    Open your Framer project and go to Site Settings.

  2. 2

    Under General, scroll to Custom Code.

  3. 3

    Paste your RubyRep snippet into the 'End of <body> tag' field.

  4. 4

    Publish the site.

  5. 5

    Open the published URL to confirm the launcher appears.

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 Framer

  • Custom code does not execute on the Framer canvas or in preview — publish first.

  • Framer sites are static, so once published the snippet loads on every page with no further work.

  • If you use a custom domain, publish to that domain specifically rather than only the framer.website staging URL.

Framer questions

Does it work on Framer's free plan?
No. Custom code requires a paid site plan, which is a Framer restriction rather than a RubyRep one.

Related

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 Framer site and RubyRep reads it, builds your representative, and hands you the exact line to paste.

https://

Takes about a minute. No credit card.

Using something else? See all platforms.