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

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

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

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

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

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

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

الإعدادات

التنسيق

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

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

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

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

1. التسمية المحددة للويدجت

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

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

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

1. اتجاه النص

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

1. زر الدردشة

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

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

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

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

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

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

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

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

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

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

1. شعار MaviBot

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

الإعدادات

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

افتراضيًا، يحتوي هذا الحقل على النص: "أدخل رسالتك واضغط Enter."

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

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

افتراضيًا، تم ضبط النص على: "اختر طريقة الاتصال المفضلة لديك."

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

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

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

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

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

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

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

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

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

1. إظهار المراسِل

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

ستظهر أزرار المراسلة فقط بعد ربط هذه المراسلات بالمنشئ.

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

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

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

افتراضيًا، يكون مضبوطًا على: "اكتب إلى".

1. رسالة بدء WhatsApp

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

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

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

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

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

1. رفع ملف

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

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

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

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

يمكن أن يكون تعبئة النموذج اختيارية أو إلزامية من خلال تفعيل "جعل تعبئة النموذج إلزامية" المبدّل.

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

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

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

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

كيف يعمل

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

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

• الحالة: على الدوام

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

• تم تفعيل (ضبط) الاتصالات الهاتفية للموظف

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

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

هذا الخيار معطّل افتراضيًا. عند تفعيله، ستظهر رسالة تقول "أوافق على معالجة البيانات الشخصية" بالإضافة إلى الـ زر "Confirm" عند تشغيل الدردشة عبر الإنترنت لأول مرة.

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

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

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

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

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

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

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

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

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

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

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

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

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

1. إخفاء الدردشة عبر الإنترنت

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

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

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

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

المزيد عن الشروط:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

اللافتات

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

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

1. حمّل صورة.

حجم الصورة ثابت.

تنسيق الصورة الموصى به: إذا أضفت عنوانًا وعنوانًا فرعيًا، فاستخدم حجم لافتة 345x194 بكسل أو نسبة أبعاد 16:9.

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

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

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

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

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

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

تقييم الجودة

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

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

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

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

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

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

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

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

مربع الاختيار "يمكن للمستخدم تقييم الدردشة"

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

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

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

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

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

إذا لم يترك العميل تقييمًا، فستعرض الإحصاءات "لم يترك المستخدم تقييمًا."

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

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

انسخ كود الدردشة عبر الإنترنت.

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

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

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

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

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

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

إرسال نموذج ليملأه العملاء

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

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

1. name;

2. phone;

3. privacy;

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

5. age;

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

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

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

مهم

تُدخل جميع المعلمات كسلسلة واحدة مفصولة بفواصل.

مثال على الإدخال في Calculator: online_chat_send_form("name,email,email_group_ID")

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

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

! online_chat_send_form(arguments, texts)

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

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

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

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

مثال على استجابة الدردشة عبر الإنترنت.

إرسال رسائل إلى الدردشة

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

if(window.ChatBotPro) { window.ChatBotPro.sendMessageFromUser("Message") }

على سبيل المثال، عندما ينقر المستخدم على زر، سيتم إرسال رسالة نيابةً عنه.

تغيير إعدادات التلميح

يمكنك ضبط الروبوت ليتفاعل مع هذه الرسالة.

يتم إدراج الكود في قسم HTML من إعدادات الموقع.