WhatsApp chat button for your website
The tool builds a floating WhatsApp button for your site: pick a style, copy one self-contained snippet, and paste it before </body>. Free, no account and no tracking.
Designing the button
- A WhatsApp number in international format — with the country code and without the leading 0.
- A message that appears prefilled when a visitor opens the chat.
- Position (left or right), size and shape (circle or rounded square).
- A color — from the presets or any custom hex value.
- A greeting bubble, an agent name and an accessibility label for screen readers.
Installing it
- 1Click "Copy code" — the snippet is fully self-contained.
- 2Paste it before </body>: in your site's HTML, your website builder's custom-code box, or your template footer.
- 3That's it — the button floats on every page that includes the code, with no scripts to maintain.
Privacy
The snippet sets no cookies, runs no tracking, and loads nothing from our servers or anyone else's. The only network request happens when a visitor clicks the button and WhatsApp opens — which makes the button GDPR-friendly by design.
When you need more
The free button is a button only. The full oToK widget adds multiple agents with avatars, business-hours availability, greeting flows and click analytics — and you can edit it without re-embedding.
💡 The free tool is at otok.io/tools/whatsapp-button; the full widget lives inside an oToK account.