كيفية إعداد وتهيئة أداة دردشة واتساب التفاعلية

يعد توفير قناة اتصال مباشرة وسلسة لزوار موقع الويب الخاص بك أمراً بالغ الأهمية لتعزيز معدلات التحويل وزيادة رضا العملاء. توفر وحدة أداة دردشة واتساب (WhatsApp Chat Widget) زر اتصال عائم وقابل للتخصيص الكامل وبطاقة تواصل تفاعلية تظهر بمرونة في الواجهة الأمامية لموقع ووردبريس الخاص بك. كما تدعم الأداة تهيئة وكلاء دعم متعددين، وإدراج روابط حسابات التواصل الاجتماعي المتنوعة، وتوفر لوحة إحصاءات متكاملة لتتبع تفاعل الزوار بدقة، مع إمكانية استثناء ظهور الأداة في صفحات معينة.

هيكلية التهيئة المكونة من خمس علامات تبويب

تنظم لوحة إعدادات أداة دردشة واتساب كافة الخيارات في خمسة أقسام مخصصة يتم التحكم فيها عبر علامات التبويب؛ مما يتيح لك إدارة وكلاء الدعم، وروابط شبكات التواصل، وتقارير التحليلات، والتنسيقات البصرية، وقواعد الظهور في الصفحات بكل سهولة وسلاسة.

علامة التبويب 1: واتساب (التهيئة الأساسية - WhatsApp)

تتحكم علامة تبويب واتساب في حالة تفعيل الأداة بشكل عام، وتصميم بطاقة الدردشة الرئيسية، وإدارة دليل وكلاء الدعم الفني والمبيعات لديك.

1. حالة نشاط أداة الواتساب (WhatsApp Widget Status)

• زر التبديل (Toggle): مفتاح تحكم عام (wawp_enable_button مضبوط على yes أو no) لنشر الأداة فوراً أو إخفائها بالكامل من الموقع.
• مؤشرات الحالة المباشرة: تعرض إشعارات فورية بناءً على خيار التبديل المحدد:
  • 🟢 زر واتساب العائم نشط حالياً ويعمل على موقع الويب الخاص بك.
  • ⚪ زر واتساب العائم مخفي حالياً عن زوار موقعك.

2. تهيئة حساب وبطاقة الدردشة (Account Configuration)

قم بتخصيص النصوص والتنسيقات البصرية لترويسة نافذة الدردشة العائمة:

• عنوان الأداة (Widget Headline): العنوان الرئيسي الذي يظهر في الجزء العلوي من نافذة الدردشة (مثل: تواصل معنا أو الدعم الفني والخدمة).
• نص وقت الاستجابة (Reply Time Text): مؤشر مفيد يظهر تحت العنوان بجانب أيقونة الساعة لتحديد توقعات العملاء (مثل: متصل الآن أو يرد عادةً خلال دقائق).
• رسالة الترحيب (Welcome Message): كتلة نصية قابلة للتخصيص تظهر في جسم نافذة الدردشة، وتدعم الرموز التعبيرية (Emojis) والتنسيق الغني لدعوة المستخدمين لبدء المحادثة.
• الصورة الرمزية للترويسة (Header Avatar): الصورة الدائرية الرئيسية التي تظهر في بطاقة الترويسة. انقر فوق موضع الصورة لفتح مكتبة وسائط ووردبريس لرفع أو تحديد شعار مخصص لعلامتك التجارية.

3. دليل وكلاء الدعم (Support Agents Directory)

قم بإضافة جهات اتصال واتساب متعددة ليتمكن الزوار من توجيه استفساراتهم مباشرة إلى القسم المعني (مثل: المبيعات، الحسابات، الدعم الفني).

• ملخص قائمة الوكلاء: يعرض قائمة منظمة بكافة الوكلاء المضافين توضح الاسم، الرقم، والدور الوظيفي بجانب زري تعديل (Edit) و حذف (Delete).
• إضافة وكيل جديد (Add New Agent): انقر عليه لإدراج بطاقة وكيل جديدة فارغة.
• الإعدادات التفصيلية للوكيل (وضع التعديل):
  • الاسم (Name): اسم الوكيل الذي سيظهر للزوار في بطاقة التواصل.
  • رقم الواتساب (WhatsApp Number): رقم الهاتف المستهدف لاستقبال الرسائل، مع كتابته بالتنسيق الدولي الصحيح.
  • الدور / المسمى الوظيفي (Role / Title): يظهر مباشرة تحت اسم الوكيل (مثل: مبيعات الاشتراكات أو الدعم الفني والتقني).
  • رسالة جاهزة مسبقاً (Pre-filled Message): نص افتراضي يظهر تلقائياً في حقل الكتابة لدى العميل في تطبيق واتساب بمجرد نقره على اسم الوكيل لبدء المحادثة (مثل: مرحباً! لدي استفسار بخصوص طلبي الأخير.).
  • الصورة الرمزية للوكيل (Agent Avatar): صورة شخصية دائرية مخصصة لكل وكيل، متصلة مباشرة بمكتبة وسائط ووردبريس.

علامة التبويب 2: روابط التواصل الاجتماعي (الدعم متعدد القنوات - Social Links)

اربط منصات التواصل الاجتماعي الأخرى لتمنح زوار موقعك خيارات إضافية متنوعة للتواصل مع علامتك التجارية.

• شبكات التواصل (Social Channels): أضف روابط حساباتك الاجتماعية؛ حيث يمكنك اختيار المنصة المستهدفة من قائمة منسدلة قابلة للبحث ومجهزة بأيقونات Remix Icons الملونة بالهوية الرسمية للمنصات (مثل فيسبوك، إنستغرام، تليجرام، لينكد إن، وغيرها)، ثم الصق رابط حسابك.

• الشكل والستايل البصري (Display Shape & Style): حدد كيفية ظهور أزرار شبكات التواصل في ذيل الأداة:
  • Round White (دائري أبيض): يعرض أيقونات دائرية بخلفية بيضاء ورموز ملونة للمنصات.
  • Square White (مربع أبيض): يعرض أيقونات مربعة بخلفية بيضاء وحواف دائرية ناعمة.
  • Outline (مفرغ): يعرض أيقونات دائرية بحدود خارجية رفيعة وأنيقة.
  • Brand Colors (ألوان المنصات الرسمية): يعرض الأزرار باللون الرسمي المميز لكل منصة تواصل اجتماعي.

• تخطيط العرض (Social Layout): حدد اتجاه وتنسيق محاذاة روابط التواصل الاجتماعي:
  • Vertical (Above) (رأسي): يعرض نصاً ترحيبياً يليه ترتيب رأسي للأيقونات الاجتماعية.
  • Horizontal (Inline) (أفقي): يعرض النص والأيقونات الاجتماعية جنباً إلى جنب في صف أفقي واحد منسق.

• النص التعريفي للشبكات (Social Intro Text): نص تعريفي مخصص يظهر مباشرة قبل صف أيقونات التواصل الاجتماعي (مثل: تواصل معنا عبر: أو تابع آخر تحديثاتنا على:).

علامة التبويب 3: التحليلات والإحصاءات (لوحة التفاعل - Analytics)

تضم علامة تبويب التحليلات لوحة متقدمة لعرض تقارير وإحصائيات تفاعل زوار موقعك مع أداة الدردشة في الوقت الفعلي.

1. لوحة المؤشرات الرئيسية (Core KPIs Snapshot Grid)

• إجمالي المشاهدات (Total Views): عدد المرات الإجمالي التي تم فيها تحميل وعرض زر الدردشة العائم لزوار موقعك.
• فتحات الأداة (Widget Opens): عدد النقرات على الزر العائم لفتح بطاقة التواصل التفاعلية. يعرض لك نسبة التحويل للتفاعل الإجمالي: (opens / views) * 100.
• محادثات واتساب (WhatsApp Chats): عدد النقرات التي وجهت الزوار لبدء المحادثة الفعلية في واتساب. تمثل معدل تحويل العملاء الفعليين: (chats / opens) * 100.
• التفاعل الاجتماعي (Social Engagement): إجمالي عدد النقرات الصادرة على أيقونات شبكات التواصل الاجتماعي الإضافية الموجودة في ذيل الأداة.

2. الرسوم البيانية للتوزيع الزمني (Timeline Graphs)

• أيام النشاط (Active Days): مخطط بياني يوضح توزيع النقرات على مدار أيام الأسبوع (من الإثنين إلى الأحد) لتحديد الأيام الأكثر نشاطاً في متجرك.
• توقيتات النشاط (Hourly Trends): رسم بياني يوضح تفاصيل تفاعل العملاء على مدار 24 ساعة (من 00:00 إلى 23:59) لمساعدتك في تحديد ساعات عمل الوكلاء الفعالة.

3. مقاييس أداء المحتوى وفريق العمل (Content and Team Performance Metrics)

• الصفحات الأكثر فاعلية (Top Performing Pages): تعرض قائمة بأفضل 5 صفحات في موقعك جذبت أكبر عدد من النقرات والعملاء المحتملين عبر الواتساب.
• أفضل وكلاء الدعم (Top Support Agents): ترتيب أداء وكلاء دعم فريقك بناءً على إجمالي محادثات الواتساب التي تم توليدها لكل منهم.
• توزيع الأجهزة (Device Distribution): رسم بياني يوضح نوع الأجهزة التي يفضلها زوار موقعك للتفاعل: أجهزة المكتب (باللون الأزرق)، الهواتف (باللون الأخضر)، والأجهزة اللوحية (باللون البرتقالي).

علامة التبويب 4: المظهر البصري (تنسيقات العرض والظهور - Appearance)

اضبط خيارات الحجم، والألوان، وموضع العرض، وقواعد التجاوب لزر واتساب العائم على مختلف شاشات الأجهزة.

• أيقونة الزر (Button Icon): حدد شكل أيقونتك الرئيسية المفضلة من قائمة منسدلة قابلة للبحث (وتعرض أيقونة بالون واتساب التقليدي افتراضياً في حال تركها فارغة).
• موضع الزر (Button Position): حدد زاوية موضع ظهور الزر العائم إما في الجانب الأيسر (Left Side) أو الجانب الأيمن (Right Side) من الشاشة.
• حجم الزر (Button Size): شريط تمرير لضبط القطر الدقيق للزر العائم من مقاس 40px حتى 100px.
• نصف قطر الحواف (Corner Radius): شريط تمرير لتغيير زوايا الزر من 0px (زر مربع حاد الزوايا) إلى 50px (زر دائري بالكامل) ليتماشى مع الطابع البصري لموقعك.
• الإزاحة الرأسية (Vertical Offset): شريط تمرير من 0px إلى 200px لرفع موضع ظهور الزر العائم رأسياً من الأسفل، لمنع تداخله مع أزرار العودة للأعلى أو أي عناصر أخرى بموقعك.
• ألوان مخصصة (Custom Colors): حقول اختيار ألوان دقيقة لتحديد لون خلفية الزر ولون الأيقونة الداخلية.
• ظهور الأجهزة (Device Visibility): اختر بشكل مستقل إظهار أو إخفاء الأداة على أجهزة الكمبيوتر والمكتب (Desktop) أو الهواتف الذكية والأجهزة اللوحية (Mobile).
• رابط الحقوق وإزالة العلامة التجارية ("Powered by"): خيار لإظهار أو إخفاء رابط حقوق الملكية Powered by WAWP في ذيل بطاقة الدردشة:
  • ملاحظة هامة لإصدار Pro: تظهر شارة قفل وتفعيل الباقات المدفوعة على هذا الخيار في النسخ المجانية، ويتطلب الترقية لإحدى الباقات المدفوعة (Starter أو Growth أو Premium) لإخفاء رابط الحقوق بالكامل.

علامة التبويب 5: الشروط والاستثناءات (قواعد استثناء الصفحات - Conditions)

تحكم بشكل دقيق وتفصيلي في صفحات موقعك التي ترغب في إظهار أو إخفاء أداة الدردشة التفاعلية بها.

• قواعد الظهور الفعالة (Visibility Rules): اضبط خيار wawp_trigger_on_all_pages على yes لعرض أداة الدردشة عالمياً على جميع صفحات موقعك العامة والنشطة.

• قوائم الاستثناء (Exclusion Lists): عند حصر خيارات الظهور وضبطها على (no)، يظهر حقل بحث متطور ومتعدد الاختيارات (MultiSelectTagify). اختر الصفحات أو المقالات المحددة التي ترغب في إخفاء أداة الدردشة منها تماماً.

• تنبيه الاستثناء البرتقالي: يظهر شريط تحذيري برتقالي مميز ليؤكد لك: ⚠️ لن تظهر أداة دردشة واتساب للزوار في الصفحات المحددة أعلاه.