How it works
A WhatsApp button is an inline link styled to look like a call-to-action: <a class="whatsapp-btn" href="https://wa.me/...">Chat on WhatsApp</a>. Unlike the floating widget, it sits inside your page content — next to a product, under a menu, or at the end of a service description. This generator produces the anchor plus the CSS that styles it.
What you control
Pick the phone number the button dials, the button text, a size (small, medium, large) and one of six colors, including a white variant for dark pages. The output is a few lines of HTML and CSS with no dependencies. If your theme already defines button styles, you can drop the style block and keep only the anchor.
Placement that converts
- Beside a product or menu item — "order this dish"
- At the end of a service or pricing section
- In email footers and PDF proposals
- Next to the phone number on a contact page
Place the button where the buying decision happens, not on a separate contact page. A visitor who just read your price list should find the chat button in the same breath.
Button hygiene
Use a label that matches what happens next ("Chat on WhatsApp", not "Contact us"), keep the target _blank so customers don't leave your page, and test the number after any change. Buttons that point at the wrong number quietly kill sales. If you use a light color, keep the text dark for contrast; the generator handles that automatically for the white variant. Finally, review the button monthly: numbers change, and a button pointing at an old number quietly kills every click it receives.
From click to conversation
A button is a promise of a reply. Wutt's shared inbox makes that promise hold: every tap lands in one queue with AI reply drafts, so the button you place today turns clicks into conversations your team can actually handle.
