كيفية تخصيص مظهر روبوت الدردشة الخاص بك

يوفّر Shoply AI Chat وAI Search أكثر من 40 خيارًا لتخصيص مظهر التطبيق.

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

هل أنت مستعد للبدء؟ افتح Customize AI Chat في Shoply AI Admin Console الخاصة بك، سواء كنت تستخدم Shopify أو أي منصة مواقع أخرى. إذا لم يكن روبوت الدردشة ظاهرًا بعد، فاتبع قائمة التحقق الخاصة بالتثبيت والظهور.

معاينة نافذة الدردشة الخاصة بك

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

لتغيير طريقة تحدث الذكاء الاصطناعي بدلًا من مظهره، راجع كيفية تخصيص شخصية الذكاء الاصطناعي الخاص بك.

اختيار أيقونة الدردشة

Select an icon

يمكنك اختيار أيقونة دردشة من بين 17 أيقونة مختلفة محددة مسبقًا، أو رفع صورة لتكون أيقونة الدردشة الخاصة بك

لون وحجم أيقونة الدردشة

Primary Color

هذا هو لون السمة الرئيسي، ويُستخدم أيضًا كلون للنص المميز في نافذة الدردشة.

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

Complementary Color

هذا لون تكميلي يعمل مع لونك الأساسي لإنشاء تدرجات لونية (انتقال سلس بين لونين) لأيقونة الدردشة ورأس نافذة الدردشة، مما يجعل أيقونة الدردشة أكثر جاذبية بصريًا وأكثر انسجامًا مع علامتك التجارية.

Icon’s Line Color

هذا هو لون حدود أيقونة الدردشة.

Whether to remove the background color of the chat icon.

يكون هذا مفيدًا غالبًا إذا قمت برفع صورة كأيقونة للدردشة، وكنت تريد إزالة لون الخلفية (اللون الأساسي) لأيقونة الدردشة.

Whether to remove the shadow of the chat icon.

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

Floating Icon Size for desktop and mobile.

على الأجهزة المحمولة، قد ترغب في تعيين حجم أصغر لأيقونة الدردشة لتجنب حجب رؤية العميل لشاشة الهاتف.

موضع أيقونة الدردشة

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

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

Auto-hide chat icon on mobile

أخفِ أيقونة الدردشة بعد عدد محدد من الثواني على الأجهزة المحمولة.

هذا الخيار متاح فقط للأجهزة المحمولة. وهو يساعد على منع أيقونة الدردشة من حجب رؤية العميل لشاشة الهاتف.

تخصيص نافذة الدردشة

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

سيرشدك هذا القسم إلى الخيارات المختلفة المتاحة لتخصيص نافذة الدردشة.

Color Theme (dark mode or light mode) of the chat window

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

Width of the chat window on desktop

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

Select the branding image and background image

يمكنك اختيار رفع صورة الهوية البصرية الخاصة بك وصورة الخلفية لنافذة الدردشة، أو ببساطة ترك Shoply AI ينشئ هذه الصور لك.

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

Adjust the transparency and aspect ratios of the background image for the chat window.

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

Whether to remove Shoply AI’s Logo in Input Bar

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

هذا الخيار متاح فقط في الخطط المدفوعة.

الرسائل المحددة مسبقًا لدردشة الذكاء الاصطناعي

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

Popup Welcome message (shows above chat icon if not empty)

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

Pre-defined messages in chat window

يمكنك إعداد ما يصل إلى 3 أنواع من الرسائل المحددة مسبقًا في نافذة الدردشة:

1. الرسالة الأولى في نافذة الدردشة - هذه هي رسالة التحية الأولية التي تظهر تلقائيًا عندما يفتح العملاء نافذة الدردشة لأول مرة. استخدمها للترحيب بالعملاء وتحديد نبرة المحادثة.

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

3. رسالة العنصر النائب لحقل الإدخال - هذا هو النص الإرشادي الذي يظهر في حقل إدخال الدردشة قبل أن يبدأ العملاء في الكتابة. وهو يوفّر إرشادًا حول ما يمكن للعملاء سؤاله، مثل “اسألني أي شيء 🤗” أو “كيف يمكنني مساعدتك اليوم؟”

تتحكم هذه الإعدادات في الافتتاحية القياسية للدردشة. عندما يفتح المتسوق الدردشة من خلال رابط “Question About This Product?”، يعرض Shoply بدلًا من ذلك اسم المنتج، ولمحة موجزة عنه، وأسئلة مُنشأة تلقائيًا حول ذلك المنتج. لست بحاجة إلى كتابة أسئلة ابتدائية لكل منتج. تعرّف على كيفية عمل أسئلة المنتجات المدعومة بالذكاء الاصطناعي، أو اتبع الخطوات لإضافة زر سؤال عن المنتج.

اطّلع على المثال الخاص بكل نوع من الرسائل المحددة مسبقًا: