Free WhatsApp button generator: build your floating WhatsApp button with sliders, see it live in the preview and copy the ready-made code for your website – no coding needed.
Pick the country on the left, then the number without a leading 0.
Your embed code
Set up your button above and tap the generate button – your ready-made code to copy appears here.
This is how the button looks on your website
A WhatsApp button is a small floating button in the corner of your website. One click opens a WhatsApp chat with your number directly – optionally with a message already typed. Your visitors don't have to look up or save a number, fill in a form or wait for an email reply.
The button stays visible while scrolling (fixed), works on mobile and desktop and needs no app and no signup. You get a ready-made snippet that you paste into your site just once.
Whether it's WordPress, Shopify, Wix or your own HTML site: you paste the WhatsApp button code once and have a direct line to your visitors from then on – no plugin clutter and no monthly fees. That turns every website visit into a potential WhatsApp inquiry, appointment or sale.
Most visitors don't buy or get in touch on the first visit. A WhatsApp button lowers the barrier to a minimum – messaging is faster and more personal than a form or a call. That's how you catch inquiries that would otherwise be lost.
Set up your button in seconds with sliders and fields – the preview reflects every change instantly.
Color
Pick the button color freely – the default is classic WhatsApp green, but you can use your brand color too.
Size
From subtle to eye-catching via a slider. The icon and text scale automatically.
Position
Bottom right or bottom left – wherever the button fits your design best.
Text & message
Icon only (round) or with button text. Plus a pre-filled message that's already typed in the chat.
No coding skills needed. Click copy code and paste it at the end of the page, just before the closing </body> tag. Here's how on the common platforms:
WordPress
Easiest with the free plugin WPCode (or Insert Headers and Footers): paste the code in the footer area and save. Without a plugin: use a Custom HTML block in the footer widget.
HTML website
Open your HTML file, paste the code right before </body>, save and upload. Done.
Wix
Settings -> Custom Code -> add new code and place it under Body - End.
Squarespace
Settings -> Advanced -> Code Injection -> paste the code into the Footer field.
Shopify
Online Store -> Themes -> Edit code -> open theme.liquid and paste the code before </body>.
Site builders (Jimdo, IONOS …)
Look for Custom Code / Embed HTML / Footer code and paste the code there.
Yes. The button is responsive and works on mobile, tablet and desktop. On mobile it opens the WhatsApp app, on desktop WhatsApp Web.
No. You just paste a small snippet into your page. It loads no library and needs no plugin (on WordPress a code plugin is just the easiest way to paste it).
Yes. You can create one button per day for free here. With a free promolinks account it's unlimited – plus click stats, a short link and a QR code.
The code itself loads nothing from third parties and sets no cookies. In your privacy policy, note that clicking forwards to WhatsApp (Meta).
Sure. Set the button up again here, generate the code anew and replace the old snippet on your page.
Yes. The button works with any WhatsApp number – personal or WhatsApp Business.
Not every spot needs a floating button. For your Instagram bio, an ad, your email signature or a QR code, a clickable WhatsApp link (wa.me) is enough. You create one in seconds with our WhatsApp link generator – enter your number, add an optional message, ready to share.
Open the WhatsApp link generatorWith a free promolinks account you build unlimited buttons – and turn every WhatsApp number into a short link with click stats and a matching QR code.
Create free account