Add SellBot to an HTML website

Bring the SellBot AI chatbot to your custom site by syncing your products, copying the secure iframe snippet, and embedding it in your templates.

Connect your product catalog to SellBot

Sign in to SellBot and connect the source of truth for your products so we can build an AI-ready catalog. From the dashboard choose Products → Connect Source, pick Shopify, CSV, or API, and complete the authorization flow. SellBot will ingest titles, pricing, availability, and rich descriptions automatically.

Use the CSV uploader for custom stacks—include SKU, price, inventory, and product URLs.
Schedule nightly syncs so product data stays fresh without manual uploads.
Review the import summary to confirm categories and tags look correct before moving on.

Enable instant answers with product-aware training

Navigate to the Knowledge base tab and toggle on Product Knowledge. SellBot uses the attributes you just synced to answer sizing, compatibility, and shipping questions out of the box. Optionally add FAQs or policy links so the assistant can reference them alongside product data.

Generate and copy your SellBot iframe snippet

Go to Channels → Web Widget and click Create widget. Choose your brand colors, upload an avatar, and decide whether the bot should open as a bubble or docked panel. When you publish, SellBot provides a secure iframe snippet that loads the chatbot and streams new product data on every page view.

<iframe
  src="https://app.sellbot.ai/chat/YOUR_WIDGET_ID"
  title="SellBot AI Assistant"
  loading="lazy"
  style="border:0;width:100%;max-width:420px;height:640px"
  referrerpolicy="strict-origin"
  allow="microphone; clipboard-write"
></iframe>

Replace YOUR_WIDGET_ID with the value shown in the widget panel. Each widget has its own ID so you can track conversions per site.

Embed SellBot on your HTML pages

Paste the iframe anywhere inside the <body> of your HTML template where you want the chat bubble to appear. For sticky bottom-right placement, wrap the iframe in a container that is positioned fixed with bottom and right offsets. Deploy your updated files and load the page to confirm the widget connects. You can send sample questions immediately to verify SellBot is using your synced products.

<div style="position:fixed;bottom:24px;right:24px;z-index:9999">
  <!-- SellBot AI Assistant -->
  <iframe
    src="https://app.sellbot.ai/chat/YOUR_WIDGET_ID"
    title="SellBot AI Assistant"
    loading="lazy"
    style="border:0;width:360px;height:560px;border-radius:16px;box-shadow:0 20px 45px rgba(15,23,42,0.2)"
    allow="microphone; clipboard-write"
  ></iframe>
</div>

If your site uses a Content-Security-Policy header, allow https://app.sellbot.ai for frame-src and script-src so the assistant can load correctly.

Ready to see SellBot on your site?

Install the widget, ask a few questions, and watch SellBot close your first sale in minutes.

Create your SellBot account Ask our team anything