Integration

Website Embedding

How to install the BotBlocks widget on your site.

Universal Embed Code

This method works for 99% of websites, including plain HTML, WordPress, Webflow, Shopify, and more.

HTML / Script
<iframe 
  src="https://botblocks.ai/widget/YOUR_BOT_ID"
  style="position: fixed; bottom: 20px; right: 20px; width: 400px; height: 600px; border: none; z-index: 9999;"
></iframe>

React / Next.js Integration

If you are building a React application, you can simply use an iframe as well, or create a wrapper component.

ChatWidget.tsx
export function ChatWidget({ botId }) {
  return (
    <iframe
      src={"https://botblocks.ai/widget/" + botId}
      style={{
        position: 'fixed',
        bottom: '20px',
        right: '20px',
        width: '400px',
        height: '600px',
        border: 'none',
        zIndex: 9999
      }}
    />
  );
}