أضف زر محادثة واتساب إلى موقعك (بدون برمجة)

زر "الدردشة على واتساب" العائم يحوّل زوار الموقع إلى محادثات. الخبر السار: يمكنك إضافة واحد إلى أي موقع تقريبًا دون كتابة برمجة حقيقية. إليك ثلاثة أساليب، من الأبسط على الإطلاق إلى مقتطف خفيف للنسخ واللصق.

أولًا: جهّز رابط واتساب الخاص بك

كل طريقة أدناه تحتاج إلى رابط wa.me. إن لم يكن لديك واحد بعد، أنشئ رابط واتساب المجاني الخاص بك — أدخل دولتك ورقمك ورسالة معبّأة مسبقًا مثل "مرحبًا! أنا على موقعكم ولديّ سؤال." انسخ الرابط الجاهز؛ ستلصقه في الطريقة التي تختارها.

الطريقة 1: زر رابط بسيط (بلا برمجة حقًا)

إذا كان منشئ موقعك يتيح لك إضافة زر أو رابط (وكلها تتيح ذلك)، فلست بحاجة إلى أداة إطلاقًا:

أضف عنصر زر في أي مكان — الترويسة، أو التذييل، أو شريط ثابت.
اضبط الرابط/العنوان الخاص به على رابط wa.me.
اضبطه على الفتح في علامة تبويب جديدة.
سمّه "الدردشة على واتساب"، وإن أمكن أضف أيقونة واتساب الخضراء.

يعمل هذا على Wix وSquarespace وWebflow وWordPress وShopify وCarrd — أي شيء. إنه ليس فقاعة عائمة، لكنه بلا مخاطر ويستغرق 60 ثانية.

الطريقة 2: خدمة أداة بلا برمجة

خدمات مثل WATI أو Chaty أو Chaport أو Tidio تمنحك فقاعة عائمة مستضافة تفعّلها من لوحة تحكم:

سجّل وأدخل رقم واتساب ورسالة معبّأة مسبقًا.
خصّص لون الفقاعة وموضعها ونص الترحيب.
انسخ سطر <script> الوحيد الذي يمنحونك إياه.
الصقه في منطقة "الكود المخصص / التذييل" في موقعك (كل منشئ لديه واحدة).

المزايا: فقاعة أنيقة متحركة مع نص ترحيب وساعات عمل. العيوب: إنها اعتماد على طرف ثالث، وقد تحمّل جافاسكربت إضافية، وبعض الباقات مدفوعة. لمعظم المواقع الصغيرة، الباقة المجانية تكفي.

الطريقة 3: زر عائم للنسخ واللصق (بلا خدمة، بلا إضافة)

تريد زرًا عائمًا دون التسجيل في أي شيء؟ الصق هذا في منطقة HTML/التذييل المخصص في موقعك وغيّر الرقم:

<a href="https://wa.me/15551234567?text=Hi!%20I%20have%20a%20question."
   target="_blank" rel="noopener"
   style="position:fixed;bottom:20px;right:20px;z-index:9999;
   background:#25D366;color:#fff;padding:14px 18px;border-radius:50px;
   font-family:sans-serif;text-decoration:none;
   box-shadow:0 4px 12px rgba(0,0,0,.15);">
   💬 Chat on WhatsApp
</a>

هذا رابط عادي مُنسّق ليطفو في الزاوية السفلية اليمنى. بلا جافاسكربت، ولا شيء يتعطّل، ولا رسوم شهرية. استبدل 15551234567 برقمك واضبط الرسالة.

أين تضع الزر

الزاوية السفلية اليمنى هي العُرف السائد — يتوقّع المستخدمون المحادثة هناك.
شريط تذييل ثابت على الجوال يعمل جيدًا للمتاجر.
داخل قسم التواصل كزر رئيسي كبير.

تجنّب تغطية محتوى مهم أو تكديسه فوق شريط ملفات تعريف الارتباط.

نصائح تصميم تزيد النقرات

استخدم الأخضر الرسمي (#25D366) وأيقونة واتساب كي يكون مألوفًا فورًا.
أبقِ التسمية موجّهة نحو الفعل: "راسلنا" أو "الدردشة على واتساب" أفضل من "تواصل".
أضف فقاعة ترحيب خفيفة ("أسئلة؟ راسلنا!") تظهر بعد بضع ثوانٍ — معظم خدمات الأدوات تفعل ذلك تلقائيًا.
اعرض ساعات العمل إن لم تستطع الرد فورًا، كي تُضبط التوقعات.

عبّئ رسالة مسبقًا دائمًا

أيًّا كانت الطريقة التي تختارها، ضمّن رسالة ?text= معبّأة مسبقًا. المحادثة الفارغة تجعل الزوار يترددون؛ سطر أول جاهز ("مرحبًا! أنا على موقعكم…") يجعلهم يتحدثون. تعلّم المزيد في كيف تضيف رسالة معبّأة مسبقًا.

اختبر على أجهزة حقيقية

قبل أن تعتبره منجزًا:

على الهاتف: اضغط الزر — يجب أن يفتح تطبيق واتساب مع رسالتك جاهزة.
على سطح المكتب: يجب أن يفتح واتساب ويب (يحتاج المستخدمون إلى تسجيل الدخول).
تحقّق من الموضع على الجوال وسطح المكتب معًا؛ الزر المثالي على سطح المكتب قد يغطّي قائمتك على الجوال.

رقم Business مقابل الشخصي

وجّه الزر إلى رقم واتساب Business، لا رقمك الشخصي. يمنحك Business ملفًا تعريفيًا احترافيًا ورسالة ترحيب وردودًا سريعة — كلها قيّمة بمجرد أن تبدأ محادثات الموقع بالتدفق. راجع واتساب Business مقابل الشخصي.

خلاصة

أسرع طريق: أنشئ رابط واتساب المجاني الخاص بك، ثم إما أضفه كزر عادي (الطريقة 1) أو الصق مقتطف الزر العائم (الطريقة 3). بلا إضافات، ولا برمجة تتجاوز النسخ واللصق، ولا رسوم شهرية.