WhatsApp Chat Button for Your Website
Generate a floating WhatsApp button for any website. You get plain HTML and CSS to paste before the closing body tag: no plugin, no JavaScript, no cookies and no third-party requests.
WhatsApp chat button generator
Set your number, position, colour and message, then copy the code.
Adding the button
How to add the button to your site
- Enter your number and, optionally, a pre-filled message.
- Choose the side of the screen and the colour.
- Copy the code and paste it just before the closing
</body>tag of your page or template. - Open your site on a phone and tap the button to test it.
On WordPress, Shopify, Webflow or Wix: paste the snippet into the theme's footer or a custom HTML or code block that appears on every page. Platform-specific menus differ; look for "custom code", "footer" or "theme code".
What the button does (and does not do)
The button is a normal link to https://wa.me/<number>. A tap opens WhatsApp with your chat. It does not read the page, track visitors or load anything from another server, which keeps it light and avoids a cookie banner for the button itself.
It also does not answer anyone. A click-to-chat button hands the visitor to a person (or tool) on your WhatsApp number, so plan who replies and how fast.
Accessibility and usability
- The button has an accessible label so screen readers announce it.
- Keep it away from your cookie banner and chat widgets so nothing overlaps on small screens.
- Show it where people have questions: product pages, pricing, checkout help and contact.
Button or chat widget?
A click-to-chat button sends people out of your site into WhatsApp. A chat widget keeps the conversation on your page and can answer common questions automatically from your own content, with a person taking over when needed. Many teams use both: a widget for instant answers and WhatsApp for people who prefer it.
Frequently asked questions
Is the code free? Yes, copy and use it on any site.
Does it need the WhatsApp Business API? No, any WhatsApp number works.
Can I change the icon or size? Yes. It is plain HTML and CSS; edit the width, height and colour values in the snippet.
Answer the chats this link brings in
Once customers message you, momo puts WhatsApp, Instagram, Messenger, email and web chat in one inbox. It answers from your own content with sources, and hands over to your team when it is not sure.