Add SellBot to Framer

Connect your storefront, tailor SellBot's responses, and embed the iframe widget directly inside Framer.

Connect your storefront to SellBot

Log in to SellBot and open Products → Connect Source. Choose Shopify, BigCommerce, or a custom API and authorize SellBot to read product, variant, and inventory data. The sync runs automatically so the chatbot always knows what is in stock.

Personalize answers with content blocks

Use Knowledge base → Content blocks to add shipping, sizing, or brand story snippets. These merge with product attributes so SellBot can respond conversationally while keeping answers on-brand for your Framer experience.

Generate the Framer widget iframe

Navigate to Channels → Web Widget and click Create widget. Select the Framer layout for responsive sizing, tweak launcher behavior, and publish. Copy the iframe code that appears in the success modal.

Embed SellBot inside Framer

In Framer, add an Embed component from the Insert menu and drop it into the page or component you want to enhance. Paste the iframe code, set the width to 400 px and height to 620 px, and position it fixed to the bottom-right for a floating chat bubble. Publish your Framer site and test the chatbot to ensure it responds with synced product data.

<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:620px"
  allow="microphone; clipboard-write"
></iframe>

Framer publishes embeds over HTTPS; make sure your project is on a paid plan if you need custom domains with the chatbot.

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