A WhatsApp button on a website uses a click-to-chat link: wa.me followed by your full international number without the plus sign, spaces or leading zero, such as wa.me/923284675162. Add ?text= with a URL-encoded message to pre-fill it, place the button in a fixed bar on mobile, and track clicks as a GA4 event.
Key Takeaways
- Click-to-chat links open a WhatsApp chat with your number without the visitor saving it first.
- Use the full international number with country code, and no plus sign, dashes, spaces or leading zero.
- A pre-filled message tells you which page or product the customer came from.
- On phones, a fixed bar with WhatsApp and Call buttons works better than a small floating icon.
- Track button clicks in Google Analytics, so you know which pages bring conversations.
Why Add a WhatsApp Button to Your Website?
In Pakistan, WhatsApp is often how customers prefer to contact a business. Many would rather send a quick message than fill in a form or make a call. A WhatsApp button on your website lets them start a chat in one tap, while they are still looking at your product or service. Done properly, it can become your main source of enquiries.
What Is the Correct Click-to-Chat Link Format?
WhatsApp's click-to-chat feature uses links that start with wa.me. The rules, from WhatsApp's help centre:
| Part | Rule | Example |
|---|---|---|
| Base | https://wa.me/ | https://wa.me/ |
| Number | Full international format: country code then number, no plus sign, zeros before the code, brackets, spaces or dashes | 923284675162 (not 0328-4675162 or +92 328 4675162) |
| Pre-filled message | Add ?text= followed by your message, URL-encoded | ?text=Hi%2C%20I%20need%20a%20quote |
The full example opens a chat with our number and the words "Hi, I need a quote" already typed. Spaces become %20 and commas %2C when URL-encoded; most website builders and plugins do this for you. Test every link on a phone after publishing.
Which Pre-Filled Messages Work Best?
A pre-filled message saves the customer typing and tells you where they came from. Write one per page type:
- Product page: "Hi, I am interested in the black cotton kurta, size M. Is it available?"
- Service page: "Hi, I would like a quote for a 10-page business website."
- Clinic booking: "Hi, I would like an appointment with the skin specialist this week."
- Contact page: "Hi, I found you on your website and have a question."
- Roman Urdu option: "Assalam o Alaikum, mujhe is product ki qeemat aur delivery ka pata karna hai."
Keep them short and editable; the customer can change the text before sending.
Where Should the Button Go?
On phones, a fixed bar at the bottom of the screen with WhatsApp and Call buttons, visible on every page, is easy to tap with a thumb and does not cover content. On desktop, a clear button in the header and next to each product or service works well. Avoid tiny floating icons that hide behind cookie banners or chat widgets. Show your WhatsApp hours so customers know when to expect a reply.
How Do You Track WhatsApp Clicks in GA4?
- Decide on an event name, for example whatsapp_click, and a parameter for the page or product.
- Fire the event when the button is clicked, using Google Tag Manager or your site's analytics plugin.
- Check that it arrives using GA4's Realtime report or DebugView, as Google's help pages recommend for testing events.
- Mark the event as a key event, so it appears in conversion reports.
- Review which pages produce the most WhatsApp clicks each month.
Google's recommended events include one for generating a lead, which you can use for form submissions alongside your WhatsApp event. Clicks are not the same as conversations, so ask staff to note which chats came from the website.
How Should Your Team Handle the Chats?
A button only helps if someone replies quickly. Use the WhatsApp Business app for quick replies, labels and away messages, or the WhatsApp Business Platform through a provider if you receive many chats and need several agents. Reply within working hours, save customer details with consent, and never share one customer's details in another chat.
What We Would Build for You
Every website we build includes WhatsApp buttons with page-specific pre-filled messages, a mobile call and WhatsApp bar, and click tracking in GA4. Sites start at Rs 40,500, and online stores at Rs 157,500 with product-specific messages. For existing sites, we can add and track buttons under maintenance at Rs 7,200 a month. See our business websites service, the 12 fixes for websites with no enquiries and the guide to getting your website on Google.
Frequently Asked Questions
How We Researched This Guide
The wa.me link format follows WhatsApp's click-to-chat help page (approved source; it blocks automated reading, so the format was confirmed from the brief's approved list and standard practice). GA4 testing and recommended events follow Google Analytics Help, checked 29 October 2026. Message examples are our own. Prices are our own.
Sources
- WhatsApp Help Center — How to use click to chat
- WhatsApp Business — Business Platform
- Google Analytics Help — Recommended events
- Google Analytics Help — Add, edit and delete users
- Nielsen Norman Group — Usability 101
Disclosure: Kamboh Associates sells the web development services discussed here. Other providers' prices are quoted from their own public pages on the dates shown and may have changed. We correct errors as soon as they are reported. First published ; last reviewed .
Keep Reading
Want more WhatsApp enquiries from your website?
Send us a short description of your project and we'll reply within one business day with a written scope, fixed price and timeline.