A complete UAE guide to WhatsApp click-to-chat buttons for Arabic websites: the wa.me link format, percent-encoding Arabic prefilled messages with a real worked example, +971 number formatting, RTL button placement, ready-made Arabic prefill templates for restaurants, clinics and real estate, plus click tracking and common mistakes to avoid.
What is the wa.me click-to-chat link format?
https://wa.me/<number>?text=<url-encoded-message> — the number in international format without +, spaces or dashes (e.g. 971501234567), and the message percent-encoded.
How do you percent-encode an Arabic prefilled message?
Run the Arabic text through encodeURIComponent (JavaScript) or your framework's URL encoder — every Arabic letter becomes a %D8../%D9.. sequence and spaces become %20. Worked example: مرحبا، أريد حجز طاولة encodes to %D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D8%8C%20%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%AD%D8%AC%D8%B2%20%D8%B7%D8%A7%D9%88%D9%84%D8%A9. Never paste raw Arabic into the URL — some browsers tolerate it, but encoding is the reliable path.
Where should the WhatsApp button sit on an Arabic RTL page?
On RTL pages the floating button typically mirrors to the bottom-left (the visual "end" side), matching where Arabic readers expect persistent actions. Keep it clear of sticky footers and cookie banners, and test on small screens.
Ready-made Arabic prefill templates
- Restaurant:
مرحبا، أريد حجز طاولة لشخصين اليوم الساعة ٧ مساء - Clinic:
مرحبا، أريد حجز موعد مع الدكتور هذا الأسبوع - Real estate:
مرحبا، أنا مهتم بالشقة المعروضة وأريد مزيدا من التفاصيل
How do you track WhatsApp button clicks?
Fire a GA4 event (or your analytics platform's equivalent) on click with the page and button location as parameters, and add UTM parameters to the wa.me link when the button appears in campaigns.
Frequently asked questions
What is the wa.me link format?
https://wa.me/971501234567?text=... — international number without +, spaces or dashes, plus a percent-encoded message.
Do I need the WhatsApp Business API for click-to-chat?
No — wa.me links open a chat with any number, personal or business. The API is only needed for automation and bulk messaging.
Can I prefill an Arabic message in a WhatsApp button?
Yes — percent-encode the Arabic text with encodeURIComponent and pass it as the text parameter.
Why is my Arabic prefill showing as gibberish?
The message was not percent-encoded, or it was double-encoded. Encode once, test the link in an incognito window.
Conclusion
A WhatsApp click-to-chat button with an Arabic prefill is a wa.me link, a +971 number in international format, and a once-encoded Arabic message — placed for RTL readers and tracked like any other conversion.
