Yes. On mobile it opens the WhatsApp app; on desktop it opens WhatsApp Web or the desktop app.
Marketing Tool
WhatsApp Button Generator
Design a WhatsApp floating button for your website, preview it live, and copy a snippet ready to paste before </body>.
Free generator
Confirm your country code
Enter the number without the country code — pick the country above.
Opens in WhatsApp when visitors tap the CTA
Widget view
Choose whether the button opens a chat preview or WhatsApp right away.
Button style
Animation
Button size
Position
Logo
Live preview
This is how it will look on your site
Your website
Your WhatsApp button
Enter a valid number (7 to 15 digits) to activate the button.
What is a floating WhatsApp button?
A floating WhatsApp button is a fixed widget (usually bottom-right or bottom-left) that lets visitors start a chat with you in one click.
Unlike a plain link, it often includes a preview window with your business name, response time, and a greeting — reducing friction and improving conversions.
Benefits of a WhatsApp button on your site
- More inquiries and sales without long forms.
- A preset message that qualifies leads from the first tap.
- Works with Instagram, Facebook Ads, and Google Ads campaigns.
- Self-contained code: no third-party scripts that hurt Core Web Vitals.
- Fully customizable: colors, size, position, and animations.
Compatibility: WordPress, Shopify, Webflow, and more
The snippet works anywhere you can add custom HTML:
- WordPress (theme or HTML/script plugin)
- Shopify (theme.liquid before </body>)
- Webflow, Wix, Squarespace
- Static HTML, React, Next.js, Laravel, Django
Paste the code before </body>. No CDN or external libraries required.
Best practices for your WhatsApp widget
Keep the greeting short. Use a realistic response-time note. Avoid aggressive animations for B2B audiences. Test on mobile before publishing.
Need a shareable link or QR for social? Pair this widget with our WhatsApp link generator.