How do I add a WhatsApp button to my website?
The fastest way is a click-to-chat button that opens WhatsApp when clicked. You need three things: your WhatsApp number, a wa.me link, and a button. The link format is https://wa.me/{country-code-and-number}?text={pre-filled-message}. You can generate one with the WhatsApp link generator and wrap it in an HTML anchor with a button style, or install a widget that handles all three styles (floating, popup, inline) for you.
What is the best WhatsApp button placement?
Floating bottom-right converts best across most websites - it is where visitors expect to find help, doesn't cover the primary content, and stays visible during scroll. Bottom-left works well for right-to-left languages. Popup styles (opening on scroll or exit intent) convert higher on landing pages but are annoying if overused - keep them off high-volume informational pages. Inline buttons (in a hero or CTA block) are best for contact pages and pricing pages where the visitor is already deciding.
Do I need coding to add a WhatsApp button?
No. Boei installs with one line of JavaScript or via a native plugin (WordPress, Shopify, Wix, Squarespace, Webflow). You configure the button style, color, position, and pre-filled message in the dashboard. If you prefer to hand-code a static link, use the WhatsApp link generator to build a wa.me URL and drop it into any anchor tag.
Can I change the WhatsApp button color?
Yes. Boei lets you set any hex color for the button background, icon color, and hover state. Default is WhatsApp green (#25D366). You can also swap the icon (WhatsApp bubble, phone, chat, custom SVG) and set the size, position offset, and animation (bounce, pulse, none).
Does the WhatsApp button work on mobile?
Yes. On mobile, tapping the button opens the WhatsApp app directly with your number pre-loaded. On desktop, it opens web.whatsapp.com. The button is responsive: it sizes down on small screens and respects safe areas on iOS (so it doesn't overlap with the home indicator).
from Utrecht 