Website Widget Embed

Deploy the CRAB chat widget on your website with a single script tag or framework SDK.

Script tag

Add this before the closing </body> tag, replacing YOUR_BOT_ID with your bot's ID from the dashboard:

<script src="https://cdn.crab.ai/widget.js" data-bot-id="YOUR_BOT_ID" async></script>

React SDK

npm install @crab/react

export default function App() { return <CRABWidget botId="YOUR_BOT_ID" />; } ```

Customization

Configure colors, fonts, avatar, welcome message, and widget position from the Widget tab in your bot settings.