# الدردشة المباشرة على الموقع

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

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

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

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

<div data-with-frame="true"><figure><img src="/files/265821ab90d7ab6796206101a2e2124f4de5e2a1" alt=""><figcaption></figcaption></figure></div>

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

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

## الإعدادات

### التزيين

<div data-with-frame="true"><figure><img src="/files/08c2e4bffb57ebfc668670fb346efd752c9966fc" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

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

3. **تسمية الأداة المحددة**

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

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

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

<div data-with-frame="true"><figure><img src="/files/d58824214cd16018ff4ec66061a740cf48e84097" alt=""><figcaption></figcaption></figure></div>

5. **اتجاه النص**

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

<div data-with-frame="true"><figure><img src="/files/6aa6b8757dd0043cee100d6cbdab40eafdeab1ff" alt="" width="177"><figcaption></figcaption></figure></div>

6. زر الدردشة

<div data-with-frame="true"><figure><img src="/files/5b6b2f5f4364bc62ae5ccae7631c81bdc2d978e4" alt="" width="375"><figcaption></figcaption></figure></div>

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

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

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

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

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

<div data-with-frame="true"><figure><img src="/files/0b2fbeb18d1967e4a360875e417acd2db3bd3e41" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

<div data-with-frame="true"><figure><img src="/files/672e4164bdafc4ec15868c2b0b865053e93c8f4f" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

9. **شعار MaviBot**

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

<div data-with-frame="true"><figure><img src="/files/13dedf6a103df3f13decb2e42546dcdce7d983a2" alt="" width="369"><figcaption></figcaption></figure></div>

### الإعدادات

<div data-with-frame="true"><figure><img src="/files/ad7e6a92ed02b4518f9eada0cc064bfb34f6b030" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

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

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

3. **رسالة عند إسناد مشغّل إلى عميل**&#x20;

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

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

<div data-with-frame="true"><figure><img src="/files/530991d8ef376b338246bdbe8e23d2e9535ea549" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

<div data-with-frame="true"><figure><img src="/files/79bbdd3da18ba006120972f5e7c2a5dd4a984fde" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

6. **عرض المراسلات**

<div data-with-frame="true"><figure><img src="/files/31470e539cb267c899b4f3c05aa406782e2c2d40" alt="" width="367"><figcaption></figcaption></figure></div>

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

{% hint style="warning" %}
ستظهر أزرار المراسلة فقط بعد ربط هذه التطبيقات بمنشئ القوالب.
{% endhint %}

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

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

<div data-with-frame="true"><figure><img src="/files/f3acffab8e57d5f688f0f06e756f2fb1e42aad5a" alt="" width="563"><figcaption></figcaption></figure></div>

8. **نص المراسلة**

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

<div data-with-frame="true"><figure><img src="/files/de0fd502bd1803a0dcda90cb62d91642814ebde9" alt="" width="563"><figcaption></figcaption></figure></div>

9. **رسالة بدء WhatsApp**&#x20;

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

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

<div data-with-frame="true"><figure><img src="/files/7db4edfec5bdd6e2a04716f11869b77482e09788" alt="" width="375"><figcaption></figcaption></figure></div>

10. **روابط مخصصة**

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

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

<div data-with-frame="true"><figure><img src="/files/66ba57b8653bd5b255958f7504c2e232ebd8f28f" alt="" width="563"><figcaption></figcaption></figure></div>

11. رفع ملف

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

<div data-with-frame="true"><figure><img src="/files/123ead5278516216e782feed0c7d30826e1f7073" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
الحد الأقصى المسموح به لحجم الملف للتحميلات الواردة عبر الدردشة المباشرة هو 20 ميغابايت.
{% endhint %}

12. **بيانات المستخدم**

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

<div data-with-frame="true"><figure><img src="/files/3020a20b811b66829c7bd61f020d29080bb8148c" alt="" width="375"><figcaption></figcaption></figure></div>

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

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

<div data-with-frame="true"><figure><img src="/files/03875116b2c73b81c45ead01f58948e0b8fd5c52" alt="" width="375"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/bfbc2c943e5b6a3505799bcc3fce606d9e318608" alt="" width="375"><figcaption></figcaption></figure></div>

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

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

#### *كيف يعمل*

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

{% hint style="info" %}
يتم إسناد الموظف تلقائيًا. عند اختيار موظف، يتم التحقق مما يلي:

* الحالة: على الوردية
* أي دور، بما في ذلك المسؤول
* الاتصالات الهاتفية مفعلة (مهيأة) للموظف

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

14. طلب الموافقة على معالجة البيانات الشخصية&#x20;

<div data-with-frame="true"><figure><img src="/files/fbdefc30a75c9bb5cd266d772e0f4d87c0eefb93" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

<div data-with-frame="true"><figure><img src="/files/32c3bd4e28482b1aebd8646631f3211760a4b808" alt="" width="264"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/d8a2f05499c93f6949946c352f9c9711d900335d" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

{% hint style="info" %}
سيكون النص في حقل "Message" بدون فواصل أسطر. يرجى أخذ ذلك في الاعتبار أثناء العمل.
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/b525e3a7b0f498f7ecb468e0c6acd934f48738fb" alt="" width="375"><figcaption></figcaption></figure></div>

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

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

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

<div data-with-frame="true"><figure><img src="/files/50cfbc36180f1ec910cd80352dc6c3be948641bc" alt="" width="207"><figcaption></figcaption></figure></div>

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

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

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

<div data-with-frame="true"><figure><img src="/files/b6abc9848b5f199e8d6fabd134732a1e7ba91c39" alt="" width="375"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/e6e630a81b3934437539d082836618069ba8093a" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/4e1e14c8f909ce28641dca15657187950392e65b" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

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

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

<div data-with-frame="true"><figure><img src="/files/acc1d5e8d630a4231aefde29f3ff95dc35512be0" alt="" width="563"><figcaption></figcaption></figure></div>

6. **الوقت على الصفحة**. يشبه هذا الشرط الوقت خلال اليوم؛ ومع ذلك، إذا كانت قاعدة بيانات عملائك موزعة عبر مناطق زمنية مختلفة، فأنت بحاجة إلى أن يحدث هذا الإجراء التلقائي في نفس الوقت المحلي لكل منطقة زمنية.
7. **الوقت منذ إغلاق نافذة MAviBot**. يتم ضبط هذا الشرط بطريقة مشابهة للوقت خلال اليوم أو الوقت على الصفحة، لكنه يعتمد على إجراء المستخدم بإغلاق نافذة Salebot.
8. **الوقت منذ أول رسالة للزائر.** سيتم تشغيل الإجراء التلقائي بعد فترة محددة (بالثواني) تلي الرسالة الأولى للعميل في الدردشة المباشرة.
9. **الوقت دون رد من المشغل منذ الرسالة الأولى للمستخدم**. يتم ضبط هذا الشرط أيضًا بالثواني ويُفعَّل بغض النظر عمّا إذا كان المشغل قد رد على العميل أم لا.

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

<div data-with-frame="true"><figure><img src="/files/6ddd816a5ecbda4cfc25528abc401c6f02a0e5d9" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/9837da83317d23589fc45d5f9048a245ebb9b4c3" alt="" width="563"><figcaption></figcaption></figure></div>

1. **فتح الدردشة تلقائيًا**. يفتح هذا الإجراء الدردشة المباشرة للمستخدم تلقائيًا. لا حاجة إلى أي إعدادات إضافية.
2. **دعوة تلقائية إلى الدردشة**. يرسل هذا الإجراء التلقائي للمستخدم رسالة محددة مسبقًا تم إدخالها في الحقل المقابل. يمكنك أيضًا إخفاء حقل إدخال الرسالة باستخدام مربع الاختيار الذي يحمل الاسم نفسه إذا لزم الأمر.
3. **إخفاء أيقونة الدردشة المباشرة من موقع ويب**. يمكن استخدام هذا الإجراء، على سبيل المثال، بعد انتهاء ساعات عمل المسؤولين لديك.
4. **إظهار أيقونة الدردشة المباشرة**. وبالمثل مع الإجراء السابق، يتيح لك هذا عرض أيقونة الدردشة للعملاء خلال فترة زمنية محددة (أو استنادًا إلى شروط أخرى مطلوبة).
5. **إرسال رسالة بصفتك المسؤول**. يرسل هذا الإجراء رسالة في الدردشة المباشرة تحت دور المسؤول.
6. **إرسال نموذج**. يُستخدم هذا الإجراء لجمع بيانات العملاء. يمكنك تخصيص نص النموذج، وتحديد حقول الإدخال المطلوبة (مثل الاسم، رقم الهاتف، البريد الإلكتروني، مربع اختيار، أو أي حقل إدخال آخر تضبطه يدويًا).

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

### اللافتات

<div data-with-frame="true"><figure><img src="/files/b3cd6651b58c9987ef69f187aad33c2fe449b890" alt=""><figcaption></figcaption></figure></div>

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

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

<div data-with-frame="true"><figure><img src="/files/f7062a5dcef06924008a9df9cebf7286a5a1c607" alt="" width="260"><figcaption></figcaption></figure></div>

2. ارفع صورة.

<div data-with-frame="true"><figure><img src="/files/0ba56adb97880d5ffcfc19846314fc646b80437e" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
حجم الصورة ثابت.

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

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

<div data-with-frame="true"><figure><img src="/files/58c42d241fa87830d19948c435415ba3beb807a4" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/8a76b3a057fe34d373157fa1e5460de8ee5f6d6b" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/82b9ce764a697a33f4eec0caee9df4122bb3b194" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/8c15fa71163055fc941603e1212f77b5764691a9" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/a40fc3721453d65801ccf2335c2ef2bd42f35c37" alt="" width="563"><figcaption></figcaption></figure></div>

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

### تقييم الجودة

<div data-with-frame="true"><figure><img src="/files/d2fd68f8428a7501ba4601b3d32bef9a2c3d19e7" alt="" width="375"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/c88bd04db70e9bdc88df99a080490c36b3fc3d02" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/97e6bb62e0aef0722511556d8399e85175d22bb5" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/7bff14797842b1e51b5106af2e34431a7d4a6722" alt=""><figcaption></figcaption></figure></div>

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

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

<div data-with-frame="true"><figure><img src="/files/aa0629ec1b4533db7a238bbec87702fc00b77282" alt="" width="375"><figcaption></figcaption></figure></div>

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

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

<div data-with-frame="true"><figure><img src="/files/a91c03e6c57a8786aaec433a0da0fde838ba8f7c" alt="" width="363"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/ca8960c31ef915350d82d0f80cdb47702be4c60f" alt="" width="313"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/d6b8abe83b9f5a98563dd2ee34286b8f888986b9" alt="" width="563"><figcaption></figcaption></figure></div>

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

{% hint style="success" %}
لا يرى المشغل التقييم الذي منحه العميل للمحادثة.
&#x20;ستكون جميع تقييمات الجودة متاحة في قسم "Analytics".
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/987a7059a65fc9681bd217324267fcffa3aa0db6" alt="" width="375"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/13959e919199e737e1891f444c372504a462c994" alt="" width="375"><figcaption></figcaption></figure></div>

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

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

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

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

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

<div data-with-frame="true"><figure><img src="/files/1d1630942d3ce16469776b62cd1b3dad2721cf84" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/f105d6966ba0ae90636c2a6694665ed690c006c4" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/30709ee8eb094895610f68b6cda9a50a995d029d" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/4e812f1c04a4066e979d7409d84763b147097ce7" alt="" width="563"><figcaption></figcaption></figure></div>

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

<figure><img src="/files/c2a980b67ed7ea35bb05e7cb03863890575696b2" alt="" width="563"><figcaption></figcaption></figure>

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

<div data-with-frame="true"><figure><img src="/files/bc8bfa11c3b5d40d7e9f11205d56753acc86b80d" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
**الصق هذا الكود في كل صفحة من صفحات موقعك الإلكتروني، داخل الوسم `<head>` .**
{% endhint %}

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

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

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

<div data-with-frame="true"><figure><img src="/files/a4cad77db5130087ef18ee39a3f380a96e23da60" alt="" width="375"><figcaption></figcaption></figure></div>

يتم إرسال مثل هذا النموذج باستخدام الدالة **online\_chat\_send\_form()** ، التي تأخذ المعاملات التالية:

1. **name;**
2. **phone;**
3. **privacy;**
4. **callback** (يعمل هذا المعامل فقط إذا كانت الاتصالات الهاتفية مدمجة في المشروع);
5. age;
6. email\_group\_ID (إذا أدرجت هذا المعامل مع بريد إلكتروني، فسيتم إنشاء بريد إلكتروني للعميل وربطه بمستخدم الدردشة);
7. wa\_group\_ID (إذا أدرجت هذا المعامل مع رقم هاتف، فسيتم إنشاء جهة اتصال واتساب وربطها بمستخدم الدردشة).
8. *إذا تم تحديد مجموعة غير موجودة، فسيتم إرسال النموذج، ولكن لن يتم إنشاء العميل.*

{% hint style="danger" %}

#### مهم

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

*مثال على الإدخال في Calculator:* online\_chat\_send\_form("name,email,email\_group\_ID")
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/0e927490b6627ee97de493be667d15bd209dc4ce" alt="" width="371"><figcaption></figcaption></figure></div>

{% hint style="info" %}
يتم حفظ البيانات المرسلة عبر النموذج في متغيرات العميل.
&#x20;يمكنك رؤية المزيد من التفاصيل حول هذه المتغيرات أدناه في ملف المستخدم عبر الإنترنت.
{% endhint %}

#### <mark style="color:أحمر;">!</mark> online\_chat\_send\_form(arguments, texts)

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

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

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

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

<div data-with-frame="true"><figure><img src="/files/e3d389dcb0175b01672a14c4657f473cc7f61e76" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/9cf3611a5a06b21683ccc8ca5afdf493ad0c371f" alt="" width="375"><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/ar/chatbot/ttbyqat-almraslh/live-chat.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.