Docs
How it works
Four steps from a blank bot to a live, source-grounded chat widget on your site.
Create a bot
Train it on your content
Add knowledge three ways:
- Website URL. We fetch the page, strip the noise, detect FAQs, and crawl a few same-site links it points to.
- Paste text. Drop in any content — policies, docs, product details — and we embed it.
- Q&A pairs. Add an exact question/answer for high-precision responses.
Everything is chunked, embedded with OpenAI, and stored as vectors. Test answers right away in the playground — they stream back with citations and fall back gracefully when the answer isn’t in your content.
Embed the widget
On the Widget tab, style your bot (color, welcome message, starter questions) then copy the one-line snippet:
<script
src="https://mysitegptassistant.com/widget.js"
data-bot-id="YOUR_BOT_ID"
data-brand-color="#4F46E5"
async></script>Not hand-editing HTML? Hit Copy for AI builderto grab a ready-to-paste prompt — drop it into an AI website builder like Lovable, v0, Bolt, Cursor, or Replit and it’ll add the widget for you.
It loads in an isolated Shadow DOM, so it won’t clash with your site’s styles. The same tag works on every stack — paste it once, wherever that platform keeps its site-wide HTML:
- WordPress
- a Custom HTML block, or the theme footer / a header-footer plugin.
- Shopify
- just before </body> in theme.liquid (Online Store → Themes → Edit code).
- Webflow
- Project Settings → Custom Code → Footer Code, then publish.
- Squarespace
- Settings → Advanced → Code Injection → Footer.
- Wix
- Settings → Custom Code → add to Body – end, on all pages.
- Framer
- Site Settings → General → Custom Code → End of <body> tag.
- Next.js / React
- your root layout, as a <script> before </body>.
- Plain HTML
- paste it just before the closing </body> tag on each page.
Prefer it inline instead of a floating launcher? Add data-inline-target="#some-div". There’s a full walkthrough in embed a chat widget on any stack in 5 minutes.
Capture leads & follow up
Frequently asked questions
Do I need to know how to code to add the assistant?
No. You train the bot from the dashboard — paste a URL, text, or Q&A pairs — and embed it by copying one script tag into your site's HTML. No programming is required on any major platform. If you build with an AI website builder like Lovable, v0, Bolt, Cursor, or Replit, use the "Copy for AI builder" button to grab a ready-to-paste prompt that adds the widget for you.
How long does it take to set up?
About five minutes for most sites: create a bot, point it at your content, and paste the embed snippet. Crawling and indexing run unattended, and you can test answers immediately in the playground.
Which website platforms does it work on?
The same one-line script works on WordPress, Shopify, Webflow, Squarespace, Wix, Framer, Next.js/React, and plain HTML — anywhere you can add a snippet to your site's site-wide HTML.
Will the chat widget slow down my site?
No. The widget is a single async script that mounts in an isolated Shadow DOM, so it never blocks your page load or clashes with your styles.
How do I update what the assistant knows?
Re-train it whenever your content changes, or let automatic content sync re-crawl your pages — every 2 days on Developer, daily on Managed — so answers track your latest content without any manual work.