Widget installation

Embed the Repligram chat widget on your site with a single script tag.

Embed snippet

In the dashboard, open your chatbot and go to Install. You will see a <script> that points to your deployment's widget.js, includes a data-bot-id for that bot, and sets data-origin to your site origin. Copy that exact line—IDs and origin must match your environment.

Where to place it

Paste the script in your HTML <head> or just before the closing </body> tag. Either is fine as long as the page loads the script on every route where you want the widget.

SPA and frameworks

For React, Vue, or other SPAs, add the script once in your root HTML template or via your framework's script injection so it is not duplicated on every client navigation. The widget attaches to the page globally.

Local development

If you run Repligram on localhost, use the same origin in data-origin as you use in the browser (including port). Production should use your canonical HTTPS domain.

Customization

Appearance (colors, position, etc.) is controlled from the bot's Customize tab, not by editing the script by hand.