How to add a WhatsApp button to any website
A WhatsApp button is the highest-converting contact method for most local businesses. Here's how to add one to any website, without a plugin.
Quick answer
You don't need a plugin. WhatsApp's click-to-chat link format is https://wa.me/ followed by your number in full international format with no plus sign, spaces or dashes — for example https://wa.me/447700900123. Put that link behind any button on your site. You can pre-fill a message by adding ?text= and your wording. This works identically on Wix, Squarespace, WordPress, Shopify and every other builder.
Step-by-step
- 1
Build your click-to-chat link
Take https://wa.me/ and add your number in full international format with no plus sign, no spaces and no dashes. A UK number 07700 900123 becomes 447700900123, giving https://wa.me/447700900123. This is the single most common mistake — leaving the leading zero on or including the plus sign breaks it.
- 2
Pre-fill a message to remove the blank-screen problem
Add ?text= and your wording to the end: https://wa.me/447700900123?text=Hi,%20I'd%20like%20a%20quote. Spaces need to be written as %20. A pre-filled message meaningfully increases the number of people who actually send it — an empty chat box asks the visitor to compose something, which many won't.
- 3
Add it as a button, not a link
In any builder, add a button element and set its link to your wa.me URL. On Adviita, ask the AI editor to add a WhatsApp button with your number. There's no plugin required on any platform — anything that can make a button can make a WhatsApp button.
- 4
Put it where people decide to make contact
Header, so it's on every page. Hero, so it's visible immediately. And beside your prices, which is where hesitation turns into a question. For most local service businesses this outperforms a contact form substantially, because it's the channel customers already use all day.
- 5
Test it on an actual phone
Open your live site on a mobile and tap it. It should open WhatsApp with your number and any pre-filled text. On desktop it opens WhatsApp Web, which is fine. If it opens a blank chat or errors, the number format is wrong — recheck the country code and the removed leading zero.
Tips & best practices
- ▸No leading zero, no plus sign, no spaces — that's the fix for almost every broken wa.me link.
- ▸Pre-filled messages convert better than an empty chat window.
- ▸For most local trades a WhatsApp button beats a contact form; people reply to messages.
- ▸Use WhatsApp Business rather than personal WhatsApp so you get a profile, catalogue and away messages.
Common questions
How do I add a WhatsApp button to my website?
+−
Create a link in the format https://wa.me/ followed by your number in full international format with no plus sign or spaces, then set any button on your site to that link. No plugin is needed on any platform.
What's the correct WhatsApp link format?
+−
https://wa.me/447700900123 — country code first, leading zero removed, no plus sign, no spaces and no dashes. Adding ?text=your%20message pre-fills the message for the visitor.
Do I need a plugin to add WhatsApp to Wix or Squarespace?
+−
No. Both let you set a button's link to any URL, and the wa.me link is just a URL. Plugins offer floating widgets and extra styling, but the core function needs nothing installed.
Should I use WhatsApp Business or personal WhatsApp?
+−
WhatsApp Business, which is free. You get a business profile, catalogue, quick replies and away messages, and it separates work from personal — which matters more than people expect once enquiries pick up.