WhatsApp button for website HTML
A WhatsApp button is just an ordinary styled link. It needs no plugin or script: an anchor with the wa.me address is enough. The generator below creates the link with your number and message and gives you the HTML in three versions, plus Markdown and JavaScript.
Unstyled: inherits your site's link appearance.
The & becomes & inside the href attribute so the HTML is valid.
Useful to fire the link from an event, like clicking a form button.
Build https://wa.me/ plus the number with country and area code, then ?text= and the URL-encoded message. Here you type the number and the text and the link comes out ready, with line breaks, accents and emojis already encoded. Whoever clicks opens the chat with the message written, needing only to tap send.
No. A link with the wa.me address already does the job. Plugins add widgets, hours and reports, but the button itself is plain HTML and loads faster without third-party scripts.
Use your platform's custom HTML block (or embedded code) and paste the generated code. The floating button can go in the theme footer or a global block so it shows on every page.
Yes. On a computer the link opens WhatsApp Web or the desktop app with the message filled in. Test both environments before publishing.
Enter the number with its country code (or leave it blank and write only a message to create a share link that opens the contact list). The link appears here, ready to copy, test and turn into a QR code.
Links you copy or test show up here.
Everything happens in your browser: numbers, messages and lists never leave your device, and nothing is stored on a server. The optional history stays in local storage only.