How to add an AI chatbot to Softr

On Softr, a chat widget is installed through Settings → Custom code → Body. Requires publishing. Custom code is gated: Custom code requires a paid plan.

Where it goes

Settings → Custom code → Body

Availability: Custom code requires a paid plan.

Adding the chatbot to Softr

  1. 1

    Open your app, then Settings, then Custom code.

  2. 2

    Paste the snippet into the Body section.

  3. 3

    Save and publish.

  4. 4

    Requires publishing.

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 Softr

  • Softr pages are client-rendered; a widget should not assume server-rendered content is present at load.

  • Page-level custom code is also available if you want the widget on some pages only.

Softr questions

Where does the code go on Softr?
Settings → Custom code → Body. Requires publishing.
Do I need a paid Softr plan?
Custom code requires a paid plan.
Will a Softr update remove it?
Softr pages are client-rendered; a widget should not assume server-rendered content is present at load.
Does it slow Softr down?
No measurable effect. The snippet is deferred, so it loads after your page has rendered, and the chat interface itself is only fetched when a visitor opens it.

Related

Get your snippet.

Enter your Softr 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.