ماذا يفعل الكود المُنشأ
يضيف المقتطف رابطًا واحدًا ثابت الموضع في الزاوية السفلية من صفحاتك. هذا الرابط هو رابط دردشة بنقرة واحدة قياسي بالصيغة التي يوثّقها واتساب في صفحة المساعدة (faq.whatsapp.com/5913398998672934): https://wa.me/ مع رقمك الدولي الكامل، و?text= مع رسالة مرمّزة للرابط إن أردت. يفتح تطبيق واتساب على الهواتف، وWhatsApp Web أو تطبيق سطح المكتب على أجهزة الكمبيوتر.
كل شيء مضمّن: رمز واتساب مسار SVG، والأنماط محصورة تحت بادئة فئة واحدة، والسكربت بضعة أسطر تتولى التأخير وفقاعة الترحيب القابلة للإغلاق. لا توجد سكربتات أو خطوط أو صور خارجية ولا ملفات تعريف ارتباط، لذلك لا يُبطئ الزر صفحتك ولا يضيف أداة تتبّع تابعة لطرف ثالث.
سهل الوصول وجاهز للغات من اليمين إلى اليسار
غالبًا ما تكون الأزرار العائمة أيقونات فقط، ما يترك مستخدمي قارئات الشاشة في حيرة. يحمل الرابط المُنشأ وسم aria-label تتحكم فيه («تحدث معنا عبر واتساب» افتراضيًا)، وإطار تركيز مرئيًا لمستخدمي لوحة المفاتيح، وأيقونة زخرفية مخفية عن التقنيات المساعدة. ولفقاعة الترحيب زر إغلاق حقيقي بتسمية خاصة به.
الزوار الذين يضبطون أجهزتهم على تقليل الحركة يرون الزر دون حركة الانزلاق أو التكبير عند التمرير. وتستخدم فقاعة الترحيب اتجاه نص تلقائيًا وخصائص CSS منطقية، فيظهر النص العربي وغيره من النصوص من اليمين إلى اليسار بشكل صحيح، ويمكنك وضع الزر في الأسفل يسارًا للمواقع العربية.
- رابط يمكن الوصول إليه بلوحة المفاتيح مع اسم واضح للتقنيات المساعدة.
- يحترم إعداد prefers-reduced-motion.
- مخفي عند الطباعة، ويمكن إظهاره حسب نوع الجهاز.
- يُحفظ إغلاق فقاعة الترحيب طوال الزيارة، دون ملفات تعريف ارتباط.
اختيار اللون والموضع والتوقيت
الأسفل يمينًا هو المتعارف عليه في المواقع ذات الاتجاه من اليسار إلى اليمين، والأسفل يسارًا يناسب غالبًا المواقع العربية، لكن تأكد أن الزر لا يغطي شريط ملفات تعريف الارتباط أو زر روبوت الدردشة أو شريط الدفع على الجوال. أخضر واتساب (#25D366) معروف فورًا؛ ومع أيقونة بيضاء يبلغ تباينه نحو 2:1، فإن كانت سهولة الوصول أولويتك، فإن أخضر أغمق مثل #128C7E يعطي نحو 4:1.
يتيح التأخير لبضع ثوانٍ للزوار قراءة الصفحة قبل ظهور الزر، ويُعد إظهاره على الجوال فقط خيارًا منطقيًا عندما يرد فريقك من الهواتف. واجعل رسالة الترحيب سطرًا واحدًا قصيرًا ومحددًا، مثل "لديك أسئلة عن التوصيل؟ راسلنا."
زر Chat on WhatsApp الرسمي وقواعد العلامة التجارية
ينشر واتساب أيضًا زر "Chat on WhatsApp" بعلامته التجارية باللونين الأخضر والأبيض وبثلاثة أحجام، ويطلب من الشركات استخدامه دون تعديل. ووفقًا لمركز مساعدة واتساب، فهو متاح حاليًا بالإنجليزية فقط. أما زر الأيقونة العائم من هذه الأداة فهو نمط مختلف ومدمج؛ وأيًّا كان ما تستخدمه، لا تعدّل شعار واتساب نفسه ولا توحِ بأن واتساب يؤيد نشاطك التجاري.
عندما لا يعود هاتف واحد كافيًا
قد يضاعف زر الموقع المحادثات الواردة بسرعة. على تطبيق WhatsApp Business، تبقى المحادثات على عدد محدود من الأجهزة المرتبطة. أما على منصة واتساب للأعمال (API)، فيمكن لرابط wa.me نفسه أن يغذّي صندوق وارد موحّدًا للفريق، حيث تُسند المحادثات إلى الموظفين، أو تجيب عنها روبوتات الدردشة أو وكلاء الذكاء الاصطناعي أولًا، وتُتابع بقوالب معتمدة بعد إغلاق نافذة خدمة العملاء البالغة 24 ساعة.
خطّط لمن يرد، وفي أي ساعات، وبأي سرعة. واذكر ساعات الرد في رسالة الترحيب إن لم تكن تغطي المحادثات على مدار الساعة.
