Website builders

Add TailGPT to Framer

About five minutes, in your project’s settings - then publish.

Before you start

Step 1: Copy your code

Your code is on your chatbot's page in the TailGPT dashboard: open Chatbots, choose your chatbot, and find the Code box. Click Copy code. Until you have a plan the code is blurred, with Subscribe beside it.

It looks like this, with your own key where this one says YOUR_WIDGET_KEY:

<script src="https://app-tailgpt.tailwebs.com/widget.js" data-key="YOUR_WIDGET_KEY"></script>

Copy yours from the dashboard - this example will not work on your site.

Step 2: Open the Custom Code settings

Open Project Settings and select the Custom Code tab on the left.

Step 3: Paste your code at the end of the body

Add your code where it is placed at the end of the body (</body>), not in the head.

Step 4: Publish

Publish your site. The chatbot appears on the live site once it is published.

Check it works

1. Open your website in a private (incognito) window. A logged-in admin view and a cached page can both hide a change.
2. Wait a few seconds for the chat bubble in the corner of the page.
3. Ask it a question your website answers.
4. In the TailGPT dashboard, open Chatbots. Once the bubble has loaded on a page of your website, your chatbot shows Live.

No bubble? Troubleshooting covers the usual reasons.

Stuck?

Start with Troubleshooting. Still stuck? Write to [email protected] with your website's address and the platform it is built on.