⚡ Quick Answer
Go to Chatbot Manager → Bots/Accounts → select your bot → Engagement → Chat Widget → Create to set up your WhatsApp widget. Customize its look and messages, save it, then copy the embed code, short-link, or QR code onto your website for instant, automated WhatsApp conversations.
Before You Begin
What Is a WhatsApp Chat Widget?
A WhatsApp chat widget is a clickable WhatsApp button added to your website that lets visitors start a WhatsApp conversation with your business directly from the page, without saving your number first. Paired with BotSailor's WhatsApp automation tools, every conversation that starts from the widget can be automatically answered, routed, or followed up on.
Create and Configure the Widget
1 | Access Chat Widget in BotSailor
 Bots/Accounts → select your bot → Engagement → Chat Widget → Create. |
2 | Configure Your Chat WidgetIn the Configure Action Button section of the Flow Builder:
 Configure Action Button: appearance, messages, position, and button style. |
3 | Finalize and SaveOnce configured, click Save at the top right of the page.  The widget's Action Button connected in the flow, ready to save. |
Result
To integrate the widget on your website, click the Embed Code (</>) button, copy the generated script, and paste it into your website's HTML.
A QR code is also generated alongside the embed code and short-link — print it on flyers, menus, or in-store displays so customers can scan their way straight into a WhatsApp chat.
The Embed Code panel: JavaScript snippet, WhatsApp short-link, and QR code.
Congratulations! Your chat widget is now active and ready to improve customer interaction on your website.
Next Steps
Once you're ready to go live, check where your website platform lets you add custom code — most platforms (WordPress, Shopify, Wix, Squarespace, and others) have a dedicated "Custom HTML," "Header Scripts," or "Embed Code" section. Paste the JavaScript snippet from the Result section there so the widget appears across your site.
