الدردشة المباشرة على الموقع الإلكتروني

من خلال تثبيت دردشة مباشرة على موقعك الإلكتروني، يمكنك جمع بيانات العملاء وأتمتة التواصل مع الزوار مباشرةً على موقعك.

يمكنك أيضًا ربط فريق المبيعات بالدردشة، مما يتيح للمديرين الانضمام إلى محادثات العملاء. يمكن أن يتم التواصل إما عبر واجهة الويب الخاصة بـ MaviBot أو عبر تطبيقاتنا المحمولة لنظامي Android وiOS.

كيفية إنشاء موقع دردشة مباشرة

لإنشاء دردشة، انتقل إلى قسم "Messengers" وانقر على زر "Live chat".

بمجرد النقر على زر "Online chat"، ستفتح لوحة إعدادات الدردشة التي تم إنشاؤها حديثًا تلقائيًا.

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

الإعدادات

التزيين

  1. عنوان الدردشة

يحدد هذا الحقل اسم الدردشة المباشرة — وسيظهر في أعلى نافذة الدردشة تمامًا.

  1. العنوان الفرعي للدردشة

يقع هذا الحقل أسفل عنوان الدردشة ويتيح لك توضيح دور الدردشة المباشرة أو الغرض منها على موقعك الإلكتروني.

  1. تسمية الأداة المحددة

تظهر التسمية على زر الأداة عندما يتم تصغير الدردشة المباشرة. بشكل افتراضي، تعرض النص من حقلي العنوان والعنوان الفرعي، ولكن يمكنك تعيين تسمية مختلفة إذا لزم الأمر.

  1. رسالة ترحيب الدردشة

يحتوي هذا الحقل على نص رسالة التحية الأولية للروبوت

  1. اتجاه النص

باستخدام شريط أدوات محاذاة النص، يمكنك محاذاة عنوان الدردشة والعنوان الفرعي إلى اليسار أو اليمين أو الوسط — تمامًا كما في محررات النصوص القياسية.

  1. زر الدردشة

تم تصميم هذا الزر لفتح الدردشة المباشرة عند النقر عليه.

يمكنك اختيار كيفية ظهور زر الدردشة المباشرة على الأجهزة المختلفة: سطح المكتب الخاص بالموقع

تتوفر عدة خيارات للعرض. يمكنك وضع الزر على الحافة اليمنى أو اليسرى.

  1. لوحة الألوان

لتخصيص الدردشة المباشرة حسب رغبتك، لا يمكنك فقط ضبط اللون، بل أيضًا عرض أنماط مثيرة للاهتمام في خلفية الدردشة وترويسة الصفحة.

يمكنك أيضًا اختيار لون ولمعان الأنماط وكذلك العناصر الأخرى للدردشة المباشرة. للقيام بذلك، فعّل مربع الاختيار "Advanced settings".

يمكنك أيضًا ضبط إعدادات إضافية متقدمة للألوان الخاصة بالدردشة المباشرة.

  1. صورة رمزية للدردشة المباشرة

يتيح لك هذا الخيار تغيير الصورة الرمزية للمساعد في الدردشة المباشرة. يمكن إضافة الصورة الرمزية إما عبر عنوان URL أو عن طريق رفع ملف.

يمكنك أيضًا إخفاء الصورة الرمزية للدردشة إذا لزم الأمر، من خلال تفعيل مربع الاختيار هذا.

  1. شعار MaviBot

تتيح الإعدادات عرض شعار MaviBot.

الإعدادات

  1. النص داخل حقل الإدخال

بشكل افتراضي، يحتوي هذا الحقل على النص: "Enter your message and press Enter."

يمكنك تخصيص هذا النص أو ترك النص الافتراضي.

  1. النص في النسخة المحمولة

بشكل افتراضي، يتم ضبط النص على: "Choose your preferred contact method."

  1. رسالة عند إسناد مشغّل إلى عميل

إذا أدرجت #{operatorName} في هذا الحقل، فسيتم عرض اسم المشغل المحدد في قسم "Employees".

يمكنك إسناد مشغّل يدويًا بالنقر على زر "Take client" أو "Transfer client" أثناء محادثة العميل. بدلاً من ذلك، يمكنك إعداد توزيع تلقائي للعملاء بين المشغلين في قسم "Employees".

  1. رسالة عند عدم اتصال المشغلين

بشكل افتراضي، ستظهر الرسالة التالية: "لا يوجد مشغلون متصلون حاليًا. يُرجى ترك رسالة لنا، وسنعاود الاتصال بك في أقرب وقت ممكن."

تُؤخذ حالة "Online" للروبوت من قسم "Employees". الحالات الممكنة هي: Online وBreak وOffline.

يمكنك أيضًا تغيير حالتك من الشريط العلوي أثناء وجودك في أي قسم من المشروع

  1. إشعار صوتي في الدردشة المباشرة

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

  1. عرض المراسلات

يمكنك اختيار تطبيقات المراسلة التي ستظهر على الموقع عند تمرير المؤشر فوق عنصر الدردشة المباشرة (الأيقونة).

circle-exclamation
  1. إظهار المراسلات فقط

إذا فعّلت هذا المفتاح، فستظهر أزرار المراسلة فقط على الموقع. سيتم تعطيل جميع وظائف الدردشة المباشرة الأخرى!

  1. نص المراسلة

بشكل افتراضي، يتم ضبطه على: "Write to".

  1. رسالة بدء WhatsApp

سيظهر هذا النص في حقل الإدخال للمستخدم في WhatsApp عندما ينقر على الزر في موقعك الإلكتروني. سيحتاج المستخدم فقط إلى الضغط على "Send."

احرص أيضًا على تضمين هذا النص في شروط كتلة البدء لتسلسل رسائلك.

  1. روابط مخصصة

إضافةً إلى أزرار المراسلة، يمكنك الآن إضافة أزرارك الخاصة بروابط مخصصة.

يمكنك تحديد عنوان URL للرابط وإضافة صورة في الإعدادات.

  1. رفع ملف

يتيح لك هذا الإعداد تلقي مرفقات من زوار الموقع، مثل الصور.

circle-exclamation
  1. بيانات المستخدم

في الرسالة الأولى، يمكنك الحصول على موافقة على معالجة البيانات الشخصية و/أو جمع معلومات المستخدم من خلال نموذج جمع البيانات. يمكنك أيضًا تعيين أو تغيير عنوان البريد الإلكتروني عبر نافذة الترحيب.

يمكن أن يكون ملء النموذج اختياريًا أو إلزاميًا من خلال تفعيل"Make form filling mandatory" المفتاح.

مثال على الرسالة الأولى مع جمع البيانات.

بعد إعداد النموذج، يمكنك تحديد إعدادات عرض البلد باستخدام حقل منسدل.

  1. طلب اتصال هاتفي لاحق

يظهر مربع الاختيار "Callback request" في إعدادات الدردشة المباشرة إذا كانت خدمة الاتصالات الهاتفية مفعلة في المشروع.

كيف يعمل

عند ملء النموذج، يمكن للمستخدم تحديد المربع لطلب معاودة الاتصال. في هذه الحالة، يتم اختيار أحد الموظفين الذين تم تفعيل الاتصالات الهاتفية لديهم تلقائيًا، ثم تُجرى مكالمة مع العميل.

circle-info

يتم إسناد الموظف تلقائيًا. عند اختيار موظف، يتم التحقق مما يلي:

  • الحالة: على الوردية

  • أي دور، بما في ذلك المسؤول

  • الاتصالات الهاتفية مفعلة (مهيأة) للموظف

بعد المكالمة، سيتم تعيين هذا الموظف بوصفه المسؤول عن المستخدم.

  1. طلب الموافقة على معالجة البيانات الشخصية

هذا الخيار معطّل افتراضيًا. عند تفعيله، ستظهر رسالة تقول "I give consent for personal data processing" بالإضافة إلى الزر "Confirm" عند تشغيل الدردشة المباشرة لأول مرة.

مثال على الرسالة الأولى للحصول على الموافقة على معالجة البيانات الشخصية:

  1. إعدادات زر البدء

النقر على "Add button" يفتح النموذج لإنشاء زر بدء:

يمكن أن يؤدي الزر إحدى الوظائف التالية:

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

  • البريد الإلكتروني. سيتم توجيه العميل إلى خدمة البريد الإلكتروني الخاصة به لإرسال رسالة إلى عنوان البريد الإلكتروني المحدد في إعدادات الزر.

  • الهاتف. يتم تشغيل تطبيق الاتصال، أو يُطلب من المستخدم اختيار تطبيق لإجراء المكالمة — وذلك حسب الجهاز المستخدم. تذهب المكالمة إلى الرقم المحدد في إعدادات الزر.

  • رسالة (من المسؤول / المستخدم) — تتيح هذه الميزة للروبوت إرسال ردود سريعة عند النقر على زر.

على سبيل المثال، يمكنك إنشاء زر باسم "Address"، وفي حقل "Message"، تحديد العنوان الدقيق وساعات العمل.

circle-info

سيكون النص في حقل "Message" بدون فواصل أسطر. يرجى أخذ ذلك في الاعتبار أثناء العمل.

  • فصل العملاء من النطاقات المختلفة. يتيح هذا الإعداد فصل المحادثات إذا كتب الشخص نفسه في الدردشة المباشرة المستضافة على نطاقات مختلفة. بشكل افتراضي، يتم التعامل معه على أنه نفس المحادثة.

هذا المفتاح ضروري إذا تم تثبيت دردشات مباشرة مختلفة على مواقع ويب مختلفة ضمن النطاق نفسه وتحتاج إلى فصل المحادثات عندما يكتب الشخص نفسه.

  • سيتم عرض الأزرار الموجودة في النص في سجل الدردشة المباشرة (مفتاح). فعّل هذا الخيار لإظهار الأزرار من نص منشئ القمع في سجل الدردشة المباشرة الخاص بالعميل.

  1. إخفاء الدردشة المباشرة

ليس من الضروري إزالة الدردشة المباشرة من الموقع. يمكنك ببساطة إخفاؤها باستخدام المفتاح المقابل.

الإجراءات التلقائية

تعمل الإجراءات التلقائية على النحو التالي: لكي يتم تشغيل إجراء تلقائي، يجب تعيين شرط تشغيل محدد لذلك الإجراء.

أولًا، حدّد الشروط التي يتم عندها تنفيذ الإجراء المخصص. يمكنك إضافة شروط بناءً على وقت اليوم، أو بلد الزائر، أو المدينة، أو عنوان URL للصفحة الحالية، وما إلى ذلك.

المزيد حول الشروط:

  1. الوقت الحالي. اضبط التشغيل التلقائي للدردشة المباشرة وفقًا للفترة الزمنية التي يتفاعل فيها العميل مع الدردشة (على سبيل المثال، خلال ساعات السعادة بعد الساعة 4:00 مساءً، قد يحصل زائر صفحة الهبوط على خصم).

  2. نفّذ هذا الإجراء مرة واحدة فقط يوميًا للمستخدم. يمكن تطبيق هذا الشرط في حالات مختلفة: على سبيل المثال، لإرسال روابط تسويق بالعمولة أو روابط أخرى في الرسائل من المسؤول/المستخدم (مثل الوصول إلى مواد دورة جديدة)؛ أو لنظام الولاء أو التجميع؛ وما إلى ذلك.

  3. مدينة المستخدم / بلد المستخدم. من خلال ضبط هذا الشرط، يمكنك استهداف مجموعة محددة من المستخدمين الذين ستستفيد من الخدمة — على سبيل المثال، عندما يكون وجود العميل الفعلي مطلوبًا لشراء منتج أو خدمة.

في هذه الحالة، يمكنك ضبط الشرط ليكون مساويًا أو غير مساوي. على سبيل المثال، إذا كنت بحاجة إلى تحديد مدينة أو بلد (أو قائمة بلدان) لا يجب أن يتم فيها تشغيل الإجراء التلقائي، فاختر "not equal".

  1. يوم الأسبوع. يعمل هذا الشرط كمشغل للإجراءات التلقائية بناءً على يوم الأسبوع. يمكنك تحديد مربعات الاختيار بجوار أيام الأسبوع، وضبط الشرط ليكون مساويًا أو غير مساوي، واختيار الإجراء التلقائي الذي ستنفذه الدردشة المباشرة.

على سبيل المثال، يمكنك تحديد جميع أيام العمل لمشغليك/مديريك لتمكين تواصلهم اللاحق مع العملاء.

  1. عنوان URL للصفحة الحالية. سيتم تشغيل الإجراء التلقائي وفقًا لما إذا كان عنوان URL يحتوي/لا يحتوي على رابط محدد أو يساويه/لا يساويه.

  2. رسالة المستخدم. لتشغيل الإجراء التلقائي وفقًا لهذا الشرط، يجب أن يحتوي الحقل على كلمة محددة من المستخدم.

  1. الوقت على الصفحة. يشبه هذا الشرط الوقت خلال اليوم؛ ومع ذلك، إذا كانت قاعدة بيانات عملائك موزعة عبر مناطق زمنية مختلفة، فأنت بحاجة إلى أن يحدث هذا الإجراء التلقائي في نفس الوقت المحلي لكل منطقة زمنية.

  2. الوقت منذ إغلاق نافذة MAviBot. يتم ضبط هذا الشرط بطريقة مشابهة للوقت خلال اليوم أو الوقت على الصفحة، لكنه يعتمد على إجراء المستخدم بإغلاق نافذة Salebot.

  3. الوقت منذ أول رسالة للزائر. سيتم تشغيل الإجراء التلقائي بعد فترة محددة (بالثواني) تلي الرسالة الأولى للعميل في الدردشة المباشرة.

  4. الوقت دون رد من المشغل منذ الرسالة الأولى للمستخدم. يتم ضبط هذا الشرط أيضًا بالثواني ويُفعَّل بغض النظر عمّا إذا كان المشغل قد رد على العميل أم لا.

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

بعد ذلك، اختر الإجراء الذي يجب أن تنفذه الدردشة المباشرة تلقائيًا:

  1. فتح الدردشة تلقائيًا. يفتح هذا الإجراء الدردشة المباشرة للمستخدم تلقائيًا. لا حاجة إلى أي إعدادات إضافية.

  2. دعوة تلقائية إلى الدردشة. يرسل هذا الإجراء التلقائي للمستخدم رسالة محددة مسبقًا تم إدخالها في الحقل المقابل. يمكنك أيضًا إخفاء حقل إدخال الرسالة باستخدام مربع الاختيار الذي يحمل الاسم نفسه إذا لزم الأمر.

  3. إخفاء أيقونة الدردشة المباشرة من موقع ويب. يمكن استخدام هذا الإجراء، على سبيل المثال، بعد انتهاء ساعات عمل المسؤولين لديك.

  4. إظهار أيقونة الدردشة المباشرة. وبالمثل مع الإجراء السابق، يتيح لك هذا عرض أيقونة الدردشة للعملاء خلال فترة زمنية محددة (أو استنادًا إلى شروط أخرى مطلوبة).

  5. إرسال رسالة بصفتك المسؤول. يرسل هذا الإجراء رسالة في الدردشة المباشرة تحت دور المسؤول.

  6. إرسال نموذج. يُستخدم هذا الإجراء لجمع بيانات العملاء. يمكنك تخصيص نص النموذج، وتحديد حقول الإدخال المطلوبة (مثل الاسم، رقم الهاتف، البريد الإلكتروني، مربع اختيار، أو أي حقل إدخال آخر تضبطه يدويًا).

يمكنك إعداد حقل إدخال مخصص. على سبيل المثال، لجمع مدينة إقامة العميل أو أي معلومات أخرى ذات صلة.

اللافتات

يمكنك إضافة لافتات قابلة للنقر إلى نافذة بدء الدردشة في تبويب "Banners". لننتقل إلى الإعدادات.

  1. انقر على "Add banner".

  1. ارفع صورة.

circle-exclamation

لجعل اللافتة قابلة للنقر (بحيث يتمكن عميلك من اتباع رابط عند النقر عليها)، أدخل عنوان URL في الحقل المقابل.

بعد ذلك، حدّد عنوان اللافتة وعنوانها الفرعي إذا لزم الأمر.

أدخل العنوان والعنوان الفرعي، ثم انقر على "Save".

ستظهر اللافتة بعد ذلك في عنصر الدردشة المباشرة.

لتعطيل لافتة (إيقاف عرضها في الدردشة المباشرة)، بدّل المفتاح إلى الوضع غير النشط.

لتعديل أو حذف لافتة، انقر على تعديل.

تقييم الجودة

يوجد قسم إعدادات إضافي في الدردشة المباشرة يسمى "Quality control". لتفعيل هذه الميزة، انتقل إلى التبويب المقابل في الإعدادات.

توفر الوظيفة خيارًا بين ثلاث مقاييس لتقييم الجودة: من خمس نقاط، ومن ثلاث نقاط، ومن نقطتين.

أدخل النص الذي سيظهر قبل التقييم في الحقل المقابل.

لا توجد قيمة افتراضية في هذا الحقل. إذا تركته فارغًا، فسيظهر النص التالي على لافتة تقييم الجودة.

يمكنك أيضًا تحديد اسم مخصص لحقل ملاحظات العميل.

للقيام بذلك، أدخل نصك الخاص لاسم الحقل، وكذلك نصًا نائبًا داخل حقل الملاحظات. بشكل افتراضي (انظر المثال أعلاه)، تم بالفعل ضبط الغرض ونص كل حقل لتسهيل الأمر عليك.

يمكنك أيضًا تفعيل مربع اختيار لجعل تعليق ملاحظات العميل إلزاميًا.

بعد ذلك، يمكنك ملء رسالة الملاحظات التي ستُرسل إلى العميل بعد مراجعة إيجابية أو سلبية. لمعرفة كيف تظهر رسالة الدردشة المباشرة النهائية بعد إرسال التقييم، انقر على الزر في الدردشة لإرسال التقييم.

مربع الاختيار "User can rate the chat"

في قسم "Clients"، يمكن للمشغل إنهاء الحوار أثناء محادثة مع مستخدم. إذا تم تفعيل هذا المربع، فسيتمكن المستخدم من تقديم تقييم.

circle-check

يمكن للمشغل النقر على زر "End conversation" أثناء المحادثة مع المستخدم. سيؤدي ذلك إلى فتح نموذج تأكيد لإجراء المشغل:

إذا كانت خدمة بريد إلكتروني متصلة في القنوات، فستظهر خيارات لإرسال الرسائل عبر البريد الإلكتروني.

بعد أن ينهي المشغل المحادثة، يتم إرسال نموذج تقييم الجودة إلى المستخدم، ويتم تسجيل التقييم نفسه في Analytics.

إذا لم يترك العميل تقييمًا، فستعرض الإحصاءات "User did not leave a rating."

كيفية إضافة الدردشة المباشرة إلى موقعك الإلكتروني

لتضمين الدردشة المباشرة في موقعك، ما عليك سوى نسخ السكربت من تبويب Code ولصقه في HTML الخاص بموقعك.

انسخ كود الدردشة المباشرة.

بعد ذلك، انتقل إلى "Sites" القسم وانقر على بطاقة الموقع الذي تريد وضع عنصر الدردشة المباشرة فيه.

ثم انتقل إلى تحرير الموقع.

وانتقل إلى إعدادات الموقع.

في قسم Colors, Fonts & HTML ، الصق كود الدردشة المباشرة المنسوخ في HTML code head الحقل.

circle-info

الصق هذا الكود في كل صفحة من صفحات موقعك الإلكتروني، داخل الوسم <head> .

تم الآن ربط الدردشة المباشرة بموقعك الإلكتروني بنجاح.

إرسال نموذج ليقوم العملاء بملئه

تتضمن الدردشة المباشرة أيضًا ميزة تتيح لك إرسال نموذج إلى العملاء من أجل جمع معلومات المستخدم وإضافته إلى النظام للتفاعل لاحقًا.

يتم إرسال مثل هذا النموذج باستخدام الدالة online_chat_send_form() ، التي تأخذ المعاملات التالية:

  1. name;

  2. phone;

  3. privacy;

  4. callback (يعمل هذا المعامل فقط إذا كانت الاتصالات الهاتفية مدمجة في المشروع);

  5. age;

  6. email_group_ID (إذا أدرجت هذا المعامل مع بريد إلكتروني، فسيتم إنشاء بريد إلكتروني للعميل وربطه بمستخدم الدردشة);

  7. wa_group_ID (إذا أدرجت هذا المعامل مع رقم هاتف، فسيتم إنشاء جهة اتصال واتساب وربطها بمستخدم الدردشة).

  8. إذا تم تحديد مجموعة غير موجودة، فسيتم إرسال النموذج، ولكن لن يتم إنشاء العميل.

triangle-exclamation

مهم

إشعار سيظهر في الدردشة بعد إرسال النموذج

circle-info

يتم حفظ البيانات المرسلة عبر النموذج في متغيرات العميل. يمكنك رؤية المزيد من التفاصيل حول هذه المتغيرات أدناه في ملف المستخدم عبر الإنترنت.

! online_chat_send_form(arguments, texts)

تأخذ وسيطين مطلوبين.

arguments - سلسلة المعاملات

texts - اسم النموذج

على سبيل المثال، في Calculator، يمكنك إدخاله هكذا: online_chat_send_form("name,phone", "مرحبًا، يُرجى ملء النموذج.").

مثال على رد الدردشة المباشرة.

Last updated