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

## التوافق والمتطلبات[​](https://www.chatwoot.com/docs/product#compatibility-and-requirements "رابط مباشر إلى العنوان")

يعمل لوحة التحكم على الويب وأداة الدردشة المباشرة مع معظم متصفحات الويب الحديثة. فيما يلي إصدارات المتصفحات المدعومة:

* موزيلا فايرفوكس: الإصدار 52 وما بعده

* جوجل كروم: الإصدار 57 وما بعده

* كروميوم: الإصدار 57 وما بعده

* آبل سفاري: الإصدار 14.1 وما بعده

* مايكروسوفت إيدج: الإصدار 16 وما بعده

وفيما يلي أنظمة تشغيل الهواتف المحمولة المدعومة لتطبيق Chatwoot:

* أندرويد: الإصدار 5.0 وما بعده

* iOS: الإصدار 11.0 وما بعده

## كيف تنشئ قناة موقع إلكتروني على Chatwoot؟

**الخطوة 1**. انتقل إلى صفحة صناديق الوارد. انتقل إلى الإعدادات → صناديق الوارد → زر "إضافة صندوق وارد".

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNnRTVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--c20bce3346e4c5302e34231b732d35756c5d8f7c/add-inbox-button-in-chatwoot.png)

**الخطوة 2**. انقر على أيقونة "موقع إلكتروني".

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN3BTVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--ca254101e5b84f709f7af7422bd82a888f947073/choose%20website%20inbox.png)

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

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEJTVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--15de72d163b99b8c4c03979f6cf65ceaa0890c40/website%20channel%20settings%20in%20chatwoot.png)

تم شرح الحقول المتوفرة أدناه.

1. **اسم الموقع الإلكتروني**

   أدخل اسم موقعك الإلكتروني. على سبيل المثال، Example Inc.

2. **نطاق الموقع الإلكتروني**

   أدخل رابط موقعك الإلكتروني. على سبيل المثال، [`www.example.com`](http://www.example.com/)

3. **لون الأداة**

   انقر على لوحة الألوان واختر لون أداة الدردشة المباشرة في موقعك الإلكتروني.

4. **عنوان الترحيب**

   اكتب رسالة ترحيبية لعملائك. على سبيل المثال، مرحبًا بك 👋

5. **سطر الترحيب**

   على سبيل المثال، نحن هنا لمساعدتك في استفساراتك. اسألنا أي شيء أو شاركنا ملاحظاتك.

6. **تفعيل/تعطيل رسالة الترحيب للقناة**

   فعّل لإرسال رسالة ترحيب عند بدء العميل المحادثة

7. **رسالة الترحيب للقناة**

   قدّم ترحيبًا لبدء المحادثة. على سبيل المثال، مرحبًا. كيف يمكننا مساعدتك؟

بعد إدخال جميع التفاصيل، انقر على زر “إنشاء صندوق وارد”.

**الخطوة 4**. "أضف الوكلاء" إلى صندوق وارد موقعك الإلكتروني.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK1ZTVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--bc3650f3167675552f06e58f14243f29159d3716/adding%20agents%20to%20inbox.png)

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

اختر الوكلاء من القائمة المنسدلة ثم انقر على إضافة الوكلاء. إذا لم تتم إضافة الوكلاء، اتبع الخطوات [لإضافة الوكلاء](https://www.chatwoot.com/hc/user-guide/articles/1788726217-).

**الخطوة 5**. تهانينا! لقد أنشأت صندوق وارد موقع إلكتروني بنجاح. الآن، أضف الأداة إلى موقعك الإلكتروني.

انسخ والصق جزء الكود المعروض في الصفحة إلى موقعك وابدأ في دعم عملائك. يمكنك النقر على زر "نسخ" لنسخ ثم [اللصق في ملف الجذر](https://www.chatwoot.com/docs/user-guide/setting-up-chatwootwidget#root-file-of-website) لموقعك.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdzlUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2de82601616d737879b126aa57ef963e368dfaa1/website%20inbox%20is%20ready.png)

إذا نقرت على زر "**المزيد من الإعدادات**"، سيتم نقلك إلى الإعدادات الإضافية لصندوق الوارد. إذا نقرت على زر "**خذني هناك**"، سيتم نقلك إلى صندوق الوارد الذي تم إنشاؤه حديثًا.

**الخطوة 6**. إذا رغبت في تحديث الوكلاء الذين لديهم صلاحية على صندوق الوارد، انتقل إلى الإعدادات → صناديق الوارد. ستتمكن من رؤية صندوق وارد موقعك الإلكتروني مدرج هناك. انقر على الإعدادات. ستتمكن من رؤية الكود بالإضافة إلى قائمة الوكلاء الذين لديهم صلاحية للوصول إلى صندوق الوارد.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeUpUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--d927267e1314006286bb481ac4cfad56640250c4/website%20settings.png)

## إكمال إعداد صندوق وارد الموقع الإلكتروني

أصبح لديك بالفعل صندوق وارد موقع إلكتروني فعّال. لنطلع الآن على الإعدادات الإضافية لصندوق الوارد.[​](https://www.chatwoot.com/docs/product/channels/live-chat/create-website-channel#additional-inbox-settings "رابط مباشر إلى العنوان")

في شاشة صناديق الوارد لديك، انقر على أيقونة الترس للوصول إلى صفحة الإعدادات. سترى الشاشة التالية:

### علامة تبويب الإعدادات

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBekJUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--217e87f08cc9fedfd4f013077a28a7c0c7f1b3c0/updating%20website%20settings.png)

قم بالتمرير لأسفل لرؤية المزيد من الإعدادات، حيث يمكنك إعداد الإشعارات التي ترغب في تلقيها عند بدء عمل صندوق وارد موقعك الإلكتروني.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBelZUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--c57a9e3df4574d12a56cfcf79567f2702a7719a8/updating%20more%20website%20settings.png)

إليك بعض الأمثلة لفهمك:

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

**تفعيل مقياس رضا العملاء (CSAT)**. عند تفعيل هذا الخيار، سيتم إطلاق استطلاع رضا العملاء في كل مرة يتم حل تذكرة. يمكن عرض نتائج CSAT لاحقًا في قسم التقارير.

انقر على زر "**تحديث**" لحفظ التغييرات التي قمت بها.

### علامة تبويب المتعاونون[**​**](https://www.chatwoot.com/docs/product/channels/live-chat/create-website-channel#collaborators-tab "رابط مباشر إلى العنوان")

انقر على علامة تبويب "المتعاونون".

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

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMEZUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--fb59fd3384c40aa182e8025c2ce50dbdd412679a/collaborators%20in%20website%20inbox.png)

انقر على `تحديث` لحفظ التغييرات.

### علامة تبويب ساعات العمل[**​**](https://www.chatwoot.com/docs/product/channels/live-chat/create-website-channel#business-hours-tab "رابط مباشر إلى العنوان")

انقر على علامة تبويب "ساعات العمل". في هذا القسم، يمكنك تعيين أوقات العمل لفريقك.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMGxUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--67f7632d1b08f2600a7e9e5b57437925dbbe8d8e/website%20business%20hours%20setting.png)

حدد مربع "تفعيل توفر ساعات العمل لهذا الصندوق" إذا كانت لديك ساعات عمل محددة جيدًا. بمجرد تحديد المربع، سيفتح قسم جديد كما هو موضح أدناه. يمكنك كتابة الرسالة التي ستُعرض للعميل خارج ساعات العمل الرسمية.

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

يمكنك أيضًا اختيار ساعات العمل المتاحة لكل يوم من أيام الأسبوع مع المنطقة الزمنية المناسبة.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMUJUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b0121cc8955abbafb5ba02f2571be6512cf8e95d/business%20hour%20settings%20in%20chatwoot.png)

انقر على زر `تحديث إعدادات ساعات العمل`.

### علامة تبويب نموذج ما قبل الدردشة[​](https://www.chatwoot.com/docs/product/channels/live-chat/create-website-channel#pre-chat-form-tab "رابط مباشر إلى العنوان")

انقر على علامة تبويب "نموذج ما قبل الدردشة".

من خلال ذلك يمكنك [جمع معلومات حول عملائك](https://www.chatwoot.com/blog/pre-chat-form-automations/) بمجرد دخولهم نافذة الدردشة/أداة موقعك. يمكنك استخدام ذلك لجمع الاسم والبريد الإلكتروني والمزيد قبل بدء المحادثة.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMXBUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--44b3215e97ab368f518d0edc68540dee5ad8c977/pre%20chat%20form%20settings%20in%20chatwoot.png)

تم شرح الحقول الظاهرة أدناه:

1. تفعيل نموذج ما قبل الدردشة

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

2. رسالة ما قبل الدردشة

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

3. حقول نموذج ما قبل الدردشة

   حدد الحقول المطلوبة.\
   **مهم:** "الاسم"، "البريد الإلكتروني" و "رقم الهاتف" هي السمات الافتراضية الوحيدة لنموذج ما قبل الدردشة. أما الحقول الأخرى، فتنشئ عبر السمات المخصصة. إذا كنت بحاجة إلى حقول مخصصة في النموذج، [أنشئها كسمات مخصصة](https://www.chatwoot.com/hc/user-guide/articles/1788726269-) أولاً.

انقر على زر "تحديث". تم تفعيل نموذج ما قبل الدردشة الآن.

### علامة تبويب التكوين[​](https://www.chatwoot.com/docs/product/channels/live-chat/create-website-channel#configuration-tab "رابط مباشر إلى العنوان")

انقر على علامة تبويب "التكوين". ستجد هنا جزء الكود لنسخه إلى موقعك الإلكتروني.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEJUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--9d1f59b59a73fa8c2b9b2bb5d43628d9aee98b5b/configuration%20settings%20tab%20in%20website%20inbox.png)

يمكنك النقر على زر `نسخ` لنسخ الكود ومن ثم [لصقه في ملف الجذر](https://www.chatwoot.com/docs/user-guide/setting-up-chatwootwidget#root-file-of-website) لموقعك.

### علامة تبويب منشئ الأداة[**​**](https://www.chatwoot.com/docs/product/channels/live-chat/create-website-channel#widget-builder-tab "رابط مباشر إلى العنوان")

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

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGxUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b7cc5f2ecd054b45fed9f15da31a074dfb8df860/chatwoot's%20web%20widget%20builder.png)