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

### المنتجات

* 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. وبحسب تصميم الدردشة الذي اخترته، توجد أبعاد موصى بها للصورة — والمزيد عن ذلك أدناه.
* **الصورة الرمزية:** الصورة الرمزية هي التمثيل المصوَّر للروبوت أو الوكيل. بالنسبة لرسائل الروبوت أو النظام، استخدم شعارك أو شخصية/صورة رمزية تمثل علامتك التجارية. وعلى غرار أيقونات المواقع المفضلة في متصفحات الويب، تكون هذه الأيقونات صغيرة لكنها تحدث فرقًا في التجربة عندما تتوافق جيدًا مع علامة الشركة التجارية. أبعاد الصور الرمزية هي 40×40 بكسل، ويمكنك تحميل ملف JPG/JPEG أو PNG أو SVG أو GIF بحجم يصل إلى 2MB.

### الأجزاء

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

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

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

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

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

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

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

{% content-ref url="customize-user-chat-support-experience/build-your-chat-experience" %}
[build-your-chat-experience](https://library.zoom.com/technical-library/technical-library-ar/khdmat-alaamal/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience)
{% endcontent-ref %}

### ملخص

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

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

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

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