تخصيص الواجهة

تخصيص الواجهة

خصّص مظهر واجهة المحادثة لتتناسب مع علامتك التجارية وتصميم موقعك.

الإعدادات

تتوفر جميع خيارات تخصيص الواجهة في الإعدادات ← القنوات ← الويب. اختر قناة الويب الخاصة بك وافتح تبويب المظهر.

---

لون السمة

يُطبَّق لون السمة بشكل متسق على الواجهة بأكملها:

• خلفية زر التشغيل
• خلفية شريط الرأس
• لون زر الإرسال
• لون تمييز الروابط
• خلفية فقاعة رسالة المستخدم

اختر لونًا يتناسب مع هوية علامتك التجارية ويضمن تباينًا جيدًا مع النص الأبيض.

---

رسالة الترحيب

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

أمثلة:

1. “مرحبًا! كيف يمكنني مساعدتك اليوم؟”
2. “مرحبًا بك في دعم أكمي. اسألني أي شيء عن منتجاتنا وخدماتنا.”
3. “مرحبًا! أنا هنا للمساعدة. بماذا يمكنني خدمتك؟“

---

موضع الواجهة

الموضع	قيمة الإعداد	متى تُستخدم
أسفل اليمين	bottom-right (افتراضي)	الموضع الافتراضي، يناسب معظم المواقع
أسفل اليسار	bottom-left	عند تعارض الجانب الأيمن مع عناصر أخرى

---

الصورة الرمزية

v1.6.4

اعرض صورة رمزية مخصصة في رأس الواجهة والشاشة الرئيسية عبر تقديم رابط صورة.

عبر لوحة التحكم: حدد رابط الصورة الرمزية في الإعدادات ← القنوات ← الويب ← المُخصِّص ← رابط الصورة الرمزية.

عبر كود التضمين: مرِّر avatarUrl في إعداد السمة:

<script>
  window.ClientaConfig = {
    botId: "YOUR_BOT_ID",
    widgetId: "YOUR_WIDGET_ID",
    theme: {
      avatarUrl: "https://example.com/your-logo.png"
    }
  };
</script>

المتطلبات:

• يجب أن يكون رابطًا من نوع https:// (تُرفض روابط http وdata: وjavascript: لأسباب أمنية)
• الحجم الموصى به: 128 × 128 بكسل (مربع)
• الصيغ المدعومة: PNG وJPG وWebP وSVG
• إذا كان الرابط غير صالح أو فشل تحميل الصورة، يُعرض الأيقونة الافتراضية

---

وضع التحية

v1.6.2

تدعم رسالة التحية ثلاثة أوضاع للغة. اذهب إلى الإعدادات ← القنوات ← الويب ← المُخصِّص وابحث عن قسم وضع التحية.

ثابت

يُعرض نفس نص التحية لكل زائر بغض النظر عن اللغة. هذا هو الوضع الافتراضي.

أدخل تحية واحدة في حقل النص. مثال: “مرحبًا! كيف يمكنني مساعدتك اليوم؟“

مطابقة الزائر (اللغة المحلية)

اعرض تحية مختلفة لكل لغة. تقرأ الواجهة اللغة المكتشفة للزائر وتعرض التحية المناسبة.

1. اختر وضع مطابقة الزائر.
2. يظهر حقل لكل من اللغات المحلية الـ15 المدعومة.
3. املأ نص التحية لكل لغة تريد دعمها.
4. اترك حقل اللغة فارغًا للرجوع إلى التحية الثابتة لتلك اللغة.

مثال على الإعداد:

• التايلاندية: “สวัสดีค่ะ! มีอะไรให้ช่วยไหม?”
• الإنجليزية: “Hi! How can I help you today?”
• اليابانية: “こんにちは！何かお手伝いできますか？“

اللغة الرئيسية للمنظمة

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

استخدم اللغة الرئيسية للمنظمة عندما يعمل فريقك بلغة واحدة وتريد أن تكون جميع التحيات متسقة.

---

محدد اللغة

v1.6.2

يضيف محدد اللغة أيقونة كرة أرضية (🌐) إلى رأس الواجهة ليتمكن الزوار من اختيار لغتهم صراحةً. وهو معطَّل افتراضيًا.

لتفعيله: في الإعدادات ← القنوات ← الويب ← المُخصِّص، فعِّل خيار إظهار محدد اللغة.

عندما يختار الزائر لغة من القائمة المنسدلة:

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

راجع واجهة الويب — محدد اللغة للاطلاع على نظرة عامة كاملة عن السلوك.

---

اللغة الافتراضية

v1.6.8

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

ترتيب أولوية اللغة هو:

1. فرض هذه اللغة (إعدادات الذكاء الاصطناعي) — يتجاوز كل شيء عند تفعيله
2. اختيار الزائر الصريح (عبر محدد اللغة، إن كان مفعَّلًا)
3. اللغة الافتراضية — هذا الإعداد
4. لغة إعداد التضمين — قيمة locale في كود التضمين
5. التايلاندية — بديل عند عدم تعيين أي شيء آخر

اختر “لا شيء — اتبع إعداد التضمين” لتخطي هذا الإعداد والاعتماد على قيمة اللغة في كود التضمين بدلًا منه.

ملاحظة

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

---

المعاينة

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

---

نصائح

نصيحة

• اختبر واجهتك على سطح المكتب والهاتف المحمول للتأكد من أنها لا تحجب المحتوى المهم في الصفحة.
• استخدم لون سمة عالي التباين للحفاظ على إمكانية الوصول إلى الواجهة لجميع المستخدمين.
• أبقِ رسالة الترحيب قصيرة — جملة أو جملتان مثالية. يريد العملاء طرح سؤالهم، لا قراءة فقرة كاملة.