كيفية تخصيص مظهر دردشة Shoply AI
توفّر Shoply AI Chat وAI Search أكثر من 40 خيارًا لتخصيص مظهر التطبيق.
يرشدك هذا القسم إلى خيارات التخصيص المختلفة المتاحة لروبوت الدردشة AI Chatbot الخاص بك. يمكنك تخصيص مظهره، وتصميم نافذة الدردشة، وتجربة المراسلة بما يتوافق مع علامتك التجارية.
هل أنت مستعد للبدء؟ انتقل إلى صفحة Customize AI Chat في لوحة إدارة التطبيق لبدء تخصيص تجربة الدردشة الخاصة بك. بعد تفعيل Shoply AI Chat في Shopify’s Theme Editor، ستظهر أيقونة الدردشة في الزاوية السفلية اليمنى من صفحة الويب الخاصة بمتجرك.
اختيار أيقونة الدردشة
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 من شريط إدخال الدردشة للحصول على تجربة أنظف وأكثر توافقًا مع علامتك التجارية. ويكون هذا مفيدًا بشكل خاص إذا كنت تريد الحفاظ على هوية علامة تجارية متسقة في جميع أنحاء متجرك دون شعارات خارجية، أو إذا كنت تفضل تصميم واجهة دردشة أكثر بساطة.
هذا الخيار متاح فقط في الخطط المدفوعة.
الرسائل المحددة مسبقًا لدردشة AI
يمكنك أيضًا تعيين الرسائل الافتراضية أو تعديلها لتوجيه العملاء عند تفاعلهم لأول مرة مع روبوت الدردشة الخاص بك. بالإضافة إلى ذلك، يمكنك ضبط خيارات الترجمة لتلك الرسائل (راجع صفحة الأسئلة الشائعة هذه لمزيد من التفاصيل).
Popup Welcome message (shows above chat icon if not empty)
إذا تركت رسالة الترحيب فارغة، فلن نعرض رسالة الترحيب فوق أيقونة الدردشة.
Pre-defined messages in chat window
يمكنك إعداد ما يصل إلى 3 أنواع من الرسائل المحددة مسبقًا في نافذة الدردشة:
-
الرسالة الأولى في نافذة الدردشة - هذه هي رسالة التحية الأولية التي تظهر تلقائيًا عندما يفتح العملاء نافذة الدردشة لأول مرة. استخدمها للترحيب بالعملاء وتحديد نبرة المحادثة.
-
حتى 4 أسئلة افتتاحية - هذه اقتراحات أسئلة قابلة للنقر تظهر في بداية الدردشة. وهي تساعد في توجيه العملاء من خلال توفير أسئلة شائعة يمكنهم النقر عليها لبدء محادثة، مما يجعل البدء أسهل عليهم.
-
رسالة العنصر النائب لحقل الإدخال - هذا هو النص الإرشادي الذي يظهر في حقل إدخال الدردشة قبل أن يبدأ العملاء في الكتابة. ويوفّر إرشادًا حول ما يمكن للعملاء سؤاله، مثل “Ask me anything 🤗” أو “How can I help you today?”
تتحكم هذه الإعدادات في الافتتاح القياسي للدردشة. عندما يفتح المتسوق الدردشة من خلال رابط “Question About This Product?”، يعرض Shoply بدلًا من ذلك اسم المنتج، وميزة موجزة عنه، وأسئلة يتم إنشاؤها تلقائيًا حول ذلك العنصر. لا تحتاج إلى كتابة أسئلة افتتاحية لكل منتج. تعرّف على كيفية عمل AI-powered product questions work، أو اتبع الخطوات من أجل add a product-question button.
اطّلع على المثال الخاص بكل نوع من أنواع الرسائل المحددة مسبقًا:
