1. Customize the button
Enter your number, a message and choose the position on screen.
Floating WhatsApp button for your website
Generate the HTML code for a WhatsApp button ready to paste into your page. No plugins, no heavy JavaScript, no sign-up.
This is how the button will look on your site. Click "View fullscreen" to try it at full size.
100% private: the code is generated in your browser, no external scripts or tracking.
AD
728x90 / responsive leaderboard
How to install it in 3 steps
Works on WordPress, Wix, Shopify or hand-written HTML.
2. Copy the code
Click "Copy Code" to grab it to your clipboard.
3. Paste it on your site
Paste it before </body> in your HTML, or in your editor's code block.
WhatsApp button for websites, explained
A floating WhatsApp button is a fixed icon, usually in the bottom corner of the screen, that accompanies visitors as they browse your site. Clicking it opens a WhatsApp conversation with you directly, without the visitor having to look up your number anywhere.
Many WhatsApp plugins for WordPress or Shopify load external libraries, make requests to third-party servers, or require an account to work. The code this tool generates is the opposite: a block of HTML with inline styles, no external dependencies, that you can review line by line before pasting it.
The button uses the same wa.me link as the rest of TapToChat's tools, so it opens WhatsApp directly in the conversation, without you or your visitors needing to save any number.
AD
728x90 / responsive banner
Frequently asked questions
Do I need to know how to code to install the button?
No. Just copy the generated code and paste it into your website's HTML, right before the closing </body> tag. If you use WordPress, Wix or Shopify, you can paste it into a custom HTML block or code widget.
Does the button slow down my website?
No. The generated code doesn't use external libraries or JavaScript: it's HTML with inline styles, so it weighs less than 1 KB and doesn't add any extra request to your server.
Can I change the position or text later?
Yes. Come back to this tool, adjust the position or the welcome message text, generate the code again and replace the previous block on your site.
Does the code collect data from my visitors?
No. The button is a simple link to wa.me with your number; it doesn't include any tracking script or connection to external servers.
More tools
Everything you need to talk on WhatsApp without friction.
Direct link
Open a WhatsApp chat instantly without saving the contact.
QR Code
Generate a WhatsApp QR code for posters, menus or cards.
Button for your site
You're here. Generate and copy your button above.