# تخصيص تجربة دعم دردشة المستخدم

### المنتجات

* مركز الاتصال Zoom
* Zoom Virtual Agent

### المتطلبات المسبقة

[تضمين Campaign SDK على موقعك الإلكتروني أو تطبيق الأجهزة المحمولة](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id)

### نظرة عامة

غالبًا ما تكون نافذة الدردشة أول تفاعل حقيقي يجريه العميل مع شركتك—سواء كان يتحدث مع وكيل افتراضي أو وكيل مباشر. مع مركز الاتصال من Zoom وZoom Virtual Agent، لديك تحكم كامل في شكل هذه التجربة وطريقة عملها على موقعك الإلكتروني.

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

### إنشاء خطة

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

* **الألوان:** ما هي الألوان الأساسية وألوان التمييز في شركتك؟ استخدم هذه الألوان لعناصر مختلفة من تجربة الدردشة، مثل فقاعات الدردشة، والرموز، والأزرار، وألوان الخلفية. ستحدد الألوان باستخدام رموز hex (على سبيل المثال #FFFFFF)، لذا من المفيد أن تكون رموز علامتك التجارية في متناول اليد.
* **الخطوط:** طابق طباعة موقعك من أجل الاتساق. يمكنك تحديد من بين عدة خطوط شائعة، أو تحميل ملف TTF الخاص بك لإضافة خط مخصص.
* **الشعار:** فكر في إضافة شعارك أو صورة شركتك إلى تجربة الدردشة. يمكنك تحميل ملف JPG/JPEG أو PNG أو SVG أو GIF بحجم يصل إلى 10MB. وبحسب تصميم الدردشة الذي اخترته، توجد أبعاد صور موصى بها -- والمزيد عن ذلك أدناه.
* **الصورة الرمزية:** الصورة الرمزية هي التمثيل الصوري للروبوت أو الوكيل. بالنسبة لرسائل الروبوت أو رسائل النظام، استخدم شعارك أو شخصية/صورة رمزية تمثل علامتك التجارية. وعلى غرار أيقونات المواقع المفضلة في متصفحات الويب، تكون هذه الأيقونات صغيرة لكنها تحدث فرقًا في التجربة عندما تتوافق جيدًا مع علامة الشركة التجارية. يكون حجم الصور الرمزية 40x40 بكسل، ويمكنك تحميل ملف JPG/JPEG أو PNG أو SVG أو GIF بحجم يصل إلى 2MB.

### الأجزاء

[Campaign Builder من Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) يُستخدم لتخصيص كل من تصميم الدردشة وتوفرها على موقعك أو تطبيقك.

في الحملات، ستقوم بإعداد:

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

  **على سبيل المثال:** "هل تحتاج إلى مساعدة في اختيار خطة؟"

بالإضافة إلى ذلك، ستقوم أيضًا بإعداد **الصورة الرمزية**، وهي التمثيل الصوري للروبوت أو الوكيل. سيرى المستهلكون هذه الصور الرمزية للروبوت أو الوكيل التي تمثل علامتك التجارية.

### أنشئ تجربة الدردشة الخاصة بك

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

{% content-ref url="/pages/e26ccbd8c9411c0b26f68a5eae58892041078b11" %}
[أنشئ تجربة دردشة الخاصة بك](/technical-library/technical-library-ar/khdmat-alaamal/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md)
{% endcontent-ref %}

### الملخص

يساعدك مركز الاتصال من Zoom وZoom Virtual Agent على إنشاء دردشة دعم تبدو متوافقة مع علامتك التجارية وسهلة الاستخدام. يمكنك تخصيص التصميم بالكامل، واختيار أين ومتى تظهر الدردشة، وإضافة رسائل استباقية للتفاعل مع المستخدمين في اللحظة المناسبة. بمجرد تضمين Campaign SDK، يمكنك التحكم في كل شيء من واجهة مسؤول الإدارة أو باستخدام الكود. إنها مرنة ونظيفة ومصممة لتناسب موقعك.

أنت مستعد لإطلاق تجربة دردشة تساعد عملاءك وتمثل علامتك التجارية.

### الموارد ذات الصلة

* [إعداد حملة رقمية لمركز الاتصال من Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management)
* [دمج ميزات مركز الاتصال من Zoom في موقعك الإلكتروني](/technical-library/technical-library-ar/khdmat-alaamal/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md)
* [تضمين Campaign SDK على موقعك الإلكتروني أو تطبيق الأجهزة المحمولة](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id)


---

# 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://library.zoom.com/technical-library/technical-library-ar/khdmat-alaamal/zoom-contact-center/expert-insights/customize-user-chat-support-experience.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.