Add SellBot to Bubble

Sync Bubble products to SellBot, enrich replies with policies, and embed the chatbot iframe in your Bubble pages.

01

Connect SellBot to your Bubble product data

Open the SellBot dashboard and select Products → Connect Source. Choose Bubble API and paste a Personal access token with read access to your Product data type. SellBot will pull name, price, images, and option fields so the assistant can recommend the right items.

02

Verify collections and fallback responses

Head to Catalog → Collections to confirm Bubble product categories mapped correctly. Then open Knowledge base → Responses to add snippets for shipping, returns, and custom logic that SellBot should reference when product data alone is not enough.

03

Publish a widget and capture the iframe

Under Channels → Web Widget click Create widget. Toggle on Bubble friendly mode to include responsive sizing, choose the theme, and publish. Copy the iframe snippet shown in the confirmation modal.

04

Install the iframe in Bubble

In the Bubble editor switch to the page where chat should live. Drag an HTML element onto the page or into a reusable header/footer so it appears everywhere. Paste the iframe code, check the "This element is visible on page load" box, and deploy. Preview the app to confirm SellBot answers with your synced Bubble 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:640px"
  allow="microphone; clipboard-write"
></iframe>
Wrap the Bubble HTML element in a floating group to anchor the chatbot to the bottom-right on every screen.

Ready to see SellBot on your site?

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