Put the chatbot on your website

The one line you paste

Every chatbot has one script line. You find it on the chatbot's Dashboard under "Embed your chatbot on your website" (press Copy), and again under Widget & Embed. It looks like this:

<script src="https://YOUR-CHAT-HOST/repli/embed.js" data-site-key="YOUR_KEY" defer></script>

Paste it once, near the end of the page (before the closing body tag), or in a "footer" or "end of body" code box, on the pages where the chat should appear. Then open your website and use the install check on the Widget tab to see that the script was found.

Use the line from your own Dashboard: it already has your chat address and your chatbot's key filled in.

Website builders

• WordPress.org: use a plugin such as "WPCode" or "Insert Headers and Footers" and paste the script into "Footer". Or edit the theme's footer.php before the closing body tag. A child theme is safer, so updates do not erase it.
• WordPress.com: custom code in site settings needs a Business plan or higher. Paste it in the footer there.
• Wix: Settings, Custom Code, Add Code. Paste the script, apply it to All pages, and put it in "Body - end". Custom code needs a Premium plan and a connected domain.
• Squarespace: Settings, Advanced, Code Injection, Footer. This needs a Business plan or higher.
• Shopify: Online Store, Themes, Edit code, theme.liquid. Paste it before the closing body tag.
• Webflow: Site settings, Custom code, Footer code. Publish afterwards. This needs a paid site plan.
• Framer: Site Settings, General, Custom Code, "End of body tag", then publish.
• Bubble: Settings, SEO / metatags, "Script/meta tags in header", or add an HTML element on the page for just that page. Bubble's free preview may not run it, so test on the live version.
• GoDaddy, Weebly, Carrd: look for "Custom code", "Embed code" or "Header/Footer scripts".

AI app builders: Lovable, Emergent, Bolt, v0, Replit

These make React or Next.js apps, so there is no menu to paste into. Ask the builder in plain words:

• "Add this script tag to index.html just before the closing body tag:" and paste the line.
• For Next.js: "Load this script with next/script in the root layout, strategy afterInteractive."

Check the preview and the published site separately. The chat only loads on websites your chatbot allows (see "Allowed websites").

Custom websites

• Paste the script before the closing body tag on every page, or once in the shared layout or template.
• React, Vue or Angular single-page app: put it in index.html.
• Google Tag Manager: make a Custom HTML tag with the script, set to fire on All Pages.

ServiceNow and other company portals

• Service Portal: open the portal's theme (header or footer) and add the script in the theme's JS includes, or load it from a header or footer widget.
• Employee Center and Next Experience (UI Builder): use a page or app level script, or a custom component. Your admin may need to allow the external domain.
• Zendesk, Freshdesk, Intercom and other help desks: use their theme, "custom scripts" or HTML widget area.

If the chat does not appear on an enterprise tool, a Content Security Policy is the usual reason. Ask your admin to allow the Repli chat address in the script, connection and frame rules (script-src, connect-src and frame-src, or the equivalent list your platform uses).

When you cannot paste a script

• A link: share https://YOUR-CHAT-HOST/bot/YOUR_KEY as a full page chat.
• An iframe: embed the chat inside a page. The Dashboard lists it as "Embedded in a page".
• Signed-in sites: add ?name=&email=&phone= to the chat address to fill in the visitor's details. It only fills the form; it never proves who someone is.

If the chat does not show

• The website is not in your chatbot's Allowed websites list (a new chatbot allows every website).
• The page is listed under "Pages without the chat button" in Widget & Embed.
• The platform removes script tags in its basic text editors: use its code or embed block instead.
• The site is cached: clear the cache or refresh the page.
• A browser extension or an ad blocker hides it on your own computer.
• A Content Security Policy blocks it (see company portals above).