A WhatsApp button for your website
Set up your floating button, see it live and copy code that's ready to paste into your site. Free, no sign-up, no dependencies.
With country code, digits only. E.g.: 5215512345678
Preview
This is how it will float on your site
Your code
Paste it before '</body>' on your page. Works on WordPress, Shopify, Wix and any HTML.
<!-- Botón de WhatsApp — konectus.io/boton-whatsapp-web -->
<a href="https://wa.me/5215512345678" target="_blank" rel="noopener" aria-label="WhatsApp"
style="position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25D366;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .15s ease;"
onmouseover="this.style.transform='scale(1.08)'" onmouseout="this.style.transform='scale(1)'">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="33" height="33" fill="#fff" aria-hidden="true"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>
</a>Install it in 3 steps
- 1
Enter your number and customize the button
- 2
Copy the generated code
- 3
Paste it before '</body>' on your site (or in an HTML block of your editor)
Does it work on WordPress, Shopify or Wix?
Yes. It's pure HTML with no dependencies: on WordPress paste it in an HTML block or your theme footer; on Shopify in theme.liquid before '</body>'; on Wix with the "Embed code" element.
Is the button free? Does it have a watermark?
Completely free, with no watermark and no hidden links. The code is yours: paste it and you're done.
What happens when someone clicks it?
A WhatsApp chat with you opens, with the preset message already typed (the visitor just hits send). On desktop it opens WhatsApp Web; on mobile, the app.
More free tools
Ready for the clicks your button will bring?
Konectus distributes those chats across your team, with AI and pipelines. Join the beta and use it for free.
No card · No commitment · 50% off for life for early adopters