Add to Your Website

Put the botts.ai chat widget on your website. Pick your platform for a step-by-step guide.

Every website deployment comes with an embed code: one script tag that loads the chat widget. Where you paste it depends on how your website is built, so pick your platform below.

Find your embed code

In botts.ai, open Agents, pick your agent, go to the Deploy tab and open the Website deployment. The Install section at the bottom of the editor shows the code with a copy button. No website deployment yet? See Deployments.

The embed code looks like this, with your deployment's own key in place of YOUR_API_KEY:

<script async src="https://api.botts.ai/widget/chat-widget.js?key=YOUR_API_KEY"></script>

Note

The website widget needs the Business plan or higher. The Personal plan includes the internal chat only.

Pick your platform

WordPressWith the free WPCode plugin. Self-hosted, or WordPress.com on a paid plan.WixSettings → Custom Code. Needs a site plan and a connected domain.SquarespaceCode Injection, Footer field. Core plan or higher.ShopifyPaste into theme.liquid in the theme code editor.WebflowSite settings → Custom code, then publish. Needs a paid plan.JimdoEdit Head in Jimdo Creator. Not possible in the Jimdo Website Builder.TYPO3A few lines of TypoScript in the Setup field.Google Tag ManagerA Custom HTML tag on all pages, for sites that already use Tag Manager.Send to your web agencySomeone else maintains your site? Send them a ready-made message.Any other websitePaste the code on every page, just before the closing body tag.

After installing

Open your public site in a private window and reload. The chat launcher appears in the bottom-right corner, or wherever you placed it in the widget editor. Colors, texts and every other widget setting are changed in botts.ai afterwards, without touching your website again. The code only needs replacing if the deployment's key changes.

Last updated on October 4, 2026