Developer Utilities · Free tool
WhatsApp Button Generator
Drop-in WhatsApp click-to-chat button. Floating or inline, pre-filled message, official wa.me URLs.
Updated May 2026
<a href="https://wa.me/15551234567?text=Hi%2C%20I%20have%20a%20question%20about" target="_blank" rel="noopener" aria-label="Chat with us on WhatsApp" style="position:fixed;bottom:1.5rem;right:1.5rem;border-radius:9999px;width:3.5rem;height:3.5rem;display:grid;place-items:center;background:#25D366;color:#fff;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:9999"> <svg width="32" height="32" viewBox="0 0 24 24" fill="currentColor"><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 0020.464 3.488"/></svg> </a>
Uses the wa.me click-to-chat URL — works on mobile (opens app) and desktop (opens WhatsApp Web). The pre-filled message lets users tap send rather than type. Phone format: country code + number, digits only, no +. E.g. UK: 447xxx, US: 15xxxxxxxxx.
Found this useful?Email
Advertisement
What it does
Drop-in WhatsApp click-to-chat button. Floating bottom-right/left or inline. Pre-filled message support. Uses official wa.me URLs that work on mobile (opens app) and desktop (opens WhatsApp Web).
Embed this tool on your siteShow snippetHide
Paste this snippet into any page. Loads on-demand (lazy), no tracking scripts, and sized to most dashboards. Replace the height to fit your layout.
<iframe src="https://freetoolarena.com/embed/whatsapp-button-generator" width="100%" height="720" frameborder="0" loading="lazy" title="WhatsApp Button Generator" style="border:1px solid #e2e8f0;border-radius:12px;max-width:720px;"></iframe>How to use it
- Enter your WhatsApp number with country code (digits only, no +).
- Pre-fill an opening message if you want.
- Pick position and color.
- Copy the HTML and paste into your site.
Frequently asked questions
- What's the phone number format?
- Country code + number, digits only, no plus sign. UK: 447xxxxxxxxx. US: 15xxxxxxxxxx. Germany: 4915xxxxxxxx. The wa.me URL won't work without the country code.
Advertisement
Learn more
Guides about this topic
- Using Our Tools · GuideHow to generate QR codesMake a QR code for a URL, wifi, vCard, or plain text. What error-correction means, how big to print, how to test it.
- Using Our Tools · GuideHow to create a strong passwordThe entropy math, 2026 NIST rules, passphrases vs passwords, password managers, MFA and hardware keys, where passkeys fit, 5 mistakes that still lose accounts
- Developers & Technical · GuideHow to encode and decode Base64What Base64 is (not encryption), the 3-to-4 encoding mechanics, standard vs URL-safe vs MIME variants, 33% overhead, when to use it, common mistakes
- Design & Media · GuideHow to choose a color paletteHSL color theory, four palette schemes (monochromatic, analogous, complementary, triadic), the 60-30-10 rule, WCAG contrast, dark mode, and palette tools.
- Developers & Technical · GuideHow to use JWT tokens securelyJWT anatomy, HS256 vs RS256, the 'alg: none' attack, expiration strategy, storage (localStorage vs httpOnly cookies), revocation patterns, and claim validation.
- Design & Media · GuideHow to design a faviconThe sizes you actually need in 2026, design principles that survive 16×16 rendering, dark mode support, the HTML tags, web manifest, and testing.
Explore more developer utilities tools
- .htaccess GeneratorGenerate Apache .htaccess with HTTPS redirect, Gzip, caching, error pages, hotlink protection, 301 redirects.
- Color Palette ExtractorExtract dominant colors from any image. Histogram-based, runs in browser. Click swatches to copy hex.
- XML Sitemap GeneratorGenerate sitemap.xml from a URL list. Sets lastmod to today, applies priority and changefreq. Download or copy.
- JavaScript MinifierStrips comments and collapses whitespace from JS. For production minification, use terser or esbuild.
- HTML Table GeneratorInteractive HTML table builder. Click cells to edit. Toggle headers, stripes, borders. Inline-styled output for emails.
- CSS Button GeneratorVisual CSS button generator. Hover, active, and focus-visible states baked in. Tunable colors and sizing.