💬 كيفية إنشاء زر النقر للدردشة على موقعك عبر منصة أزير
📹 ملخص الفيديو
يشرح هذا الفيديو الدليل الكامل لإنشاء وتخصيص زر النقر للدردشة في منصة أزير، بدءًا من الوصول للأداة وتفعيل القناة، مرورًا بإعدادات المظهر والرسائل الترحيبية، وصولًا إلى ضبط موضع الزر ونسخ الكود لتثبيته على موقعك.
كيف أضيف زر واتساب لموقعي؟
عبر أداة "WhatsApp Widget" في أزير، يمكنك تخصيص تصميم الزر، ورسالة الترحيب، ثم نسخ الكود ولصقه في موقعك مباشرة.
يوفّر زر النقر للدردشة طريقةً فورية لبدء محادثة مع عملائك عبر واتساب (ويمكنك إظهاره أيضاً لزوار موقعك القادمين من فيسبوك أو إنستغرام). فيما يلي الدليل الكامل لإعداده وتخصيصه.
1) الوصول إلى الأداة
- من لوحة التحكم في منصة أزير انتقل إلى التطبيقات.
- اختر أداة واتساب.
- ستُفتح صفحة إعدادات الزر وفيها كل الحقول والتبديلات اللازمة.
2) تفعيل القناة والاتصال
- في بطاقة القناة اضغط زر الاتصال لربط الرقم المعتمد.
- تأكد من ظهور حالة الحساب متصل مع الشارة الخضراء قبل المتابعة.
- إن لم تكن متصلاً لن يظهر الزر للزوار.
💡 نصيحة
اختبر الاتصال عبر إرسال رسالة تجريبية قبل حفظ التغييرات.
3) إعداد رأس المحادثة
في قسم رأس الدردشة، أدخِل اسم النشاط الظاهر أعلى النافذة ووصفاً مختصراً (مثل: متصل الآن)، ثم حدّد لون خلفية الرأس بما ينسجم مع هويتك البصرية.
4) رسالة الترحيب داخل النافذة
اكتب رسالة ترحيب قصيرة تصل للعميل عند فتح النافذة أول مرة. مثال: "مرحباً بك، كيف يمكننا مساعدتك اليوم؟"
5) تخصيص نص الزر ومظهره
غيّر نص الزر ليكون واضحاً (مثال: "تواصل معنا عبر واتساب")، واختر لون الخلفية والنص، ويمكنك إظهار/إخفاء عبارة "مدعوم من أزير".
6) الرسالة المُعبّأة مسبقاً
اكتب رسالة جاهزة تُرسَل تلقائياً حال بدء المحادثة لتسريع التفاعل. مثال: "مرحباً، أود معرفة تفاصيل الخدمة والعرض المتاح حالياً."
7) إظهار الزر على الصفحات
فعِّل خيار إظهار الزر في جميع صفحات الموقع لظهوره لكل الزوار، أو اتركه معطّلاً ثم ضع كود التضمين في صفحات محددة فقط.
8) موضع الزر على الشاشات
أ) الهاتف: فعِّل إظهار الزر، حدِّد المحاذاة (مثل: أسفل اليمين)، وعدِّل الهامش الأيمن والسفلي لتجنب حجب عناصر أخرى.
ب) الويب: فعِّل إظهار الزر، اختر الموضع المناسب، واضبط الهوامش بدقّة لمنع التداخل.
✅ تلميح عملي
ابدأ بقيم صغيرة للهامش (مثلاً: الأيمن 10، السفلي 10)، ثم زِد تدريجياً حتى تصل لوضعية مريحة بصرياً.
9) الحفظ ونسخ الكود
اضغط حفظ، انسخ كود التضمين، ثم ضعه في موقعك داخل القالب العام قبل إغلاق الصفحة.
10) اختبار الزر
افتح الموقع في وضع التصفّح الخفي وجَرّب على الهاتف والحاسوب. تأكد من بدء محادثة فعلية ووصول الرسائل كما أعددتها.
⚠️ تنبيه
تأكد من مسح ذاكرة التخزين المؤقت (Cache) لمتصفحك بعد لصق الكود، أو استخدم وضع التصفح الخفي، لضمان رؤية أحدث نسخة من الزر على موقعك.
أفضل الممارسات (موصى بها)
- اكتب رسالة ترحيب واضحة تتضمن دعوة للفعل.
- راعِ التباين اللوني بين الزر والخلفية لتسهيل القراءة.
- تجنّب وضع الزر فوق عناصر تفاعلية أخرى.
- وفّر ردوداً سريعة داخل نظامك لتسريع الإجابة.
- اختبر سرعة التحميل بعد إضافة الشفرة.
💡 الخلاصة
باتباع الخطوات السابقة ستضيف زر النقر للدردشة بسهولة، وتخصّص مظهره ورسائله، وتتحكّم بظهوره على الهاتف والويب، ثم تختبره قبل الإطلاق. النتيجة: قناة تواصل فورية ومريحة تزيد تفاعل العملاء وتحسّن تجربة الخدمة.
❓ الأسئلة المتكررة
س1: أضفت الزر لكنه لا يظهر في الموقع، ما الحل؟
تحقّق من: تفعيل إظهار الزر، حالة القناة متصل، وضع الشفرة في القالب الصحيح، وعدم حجب الزر بعنصر فوقه. اختبر من متصفح آخر وفي التصفّح الخفي.
س2: أريد إظهار الزر في صفحات معيّنة فقط. كيف أفعل ذلك؟
عطّل خيار الإظهار في جميع الصفحات، ثم ضع كود التضمين في الصفحات المطلوبة فحسب (ضمن قالب تلك الصفحات).
س3: كيف أغيّر موقع الزر على الهاتف دون التأثير على الويب؟
استخدم بطاقتي الهاتف والويب كلٌّ على حدة. عدِّل المحاذاة والهوامش في بطاقة الهاتف فقط لتطبيقها على الشاشات الصغيرة.
س4: الرسالة المُعبّأة تُرسَل باللغة الخطأ. ماذا أفعل؟
حرّر نص الرسالة في قسم الرسالة المُعبّأة مسبقاً واكتبها باللغة المطلوبة. إن كان لديك أكثر من لغة للموقع فوفّر نصاً مناسباً لكل نسخة.
س5: كيف أخفي عبارة “مدعوم من أزير”؟
من قسم خصائص الزر عطِّل خيار إظهار العبارة، وسيختفي النص فور الحفظ.
س6: زرّ الدردشة يحجب زرّاً آخر في الصفحة. كيف أعالج التداخل؟
غيّر المحاذاة (مثلاً إلى أسفل اليسار) أو زِد الهامش الأيمن/السفلي حتى يبتعد الزر عن العناصر الثابتة.
س7: هل يمكن تغيير لون رأس المحادثة والنص داخله؟
نعم، من قسم رأس الدردشة يمكنك تحديد لون الخلفية، ومن إعدادات المظهر تضبط ألوان النصوص بما يتفق مع هويتك.
س8: لا تصلني رسالة الترحيب داخل نافذة الدردشة. لماذا؟
تأكّد من ملء حقل رسالة الترحيب وحفظ التغييرات، ومن أن المحادثة تبدأ عبر الزر نفسه (وليس من جلسة مفتوحة سابقة).