في Tidio، يمكنك تغيير موضع الأداة بين الجانب الأيمن والأيسر من واجهة إدارة Tidio. إذا كنت تريد نقل الأداة وعرضها أعلى أو أقل قليلاً، فيمكن القيام بذلك عن طريق تطبيق كود CSS المخصص الذي نوضحه في هذه المقالة.
يرجى ملاحظة أن هناك خيارات مختلفة لإصدارات مختلفة من عنصر واجهة المستخدم الخاص بك في Tidio: إصدار سطح المكتب، وإصدار الهاتف المحمول، والشريط الجانبي.
في هذه المقالة سوف تتعلم:
الوضع الأفقي (يسار/يمين)
يمكنك تغيير الموضع الأيسر/الأيمن لأداة الدردشة على سطح المكتب من خلال الانتقال إلى قسم الإعدادات> الدردشة الحية> المظهر في واجهة إدارة Tidio، حيث يمكنك العثور على خيار وضع عنصر واجهة المستخدم (ضمن علامة تبويب المظهر ):
نصيحة: إذا كنت تريد ظهور عنصر واجهة المستخدم على صفحة معينة فقط في أوقات معينة من اليوم، فيمكنك دمج تغيير الموضع مع برنامج JavaScript النصي الذي سيتحقق من الوقت ويحدث CSS وفقًا لذلك.
الوضع الرأسي (مرتفع/منخفض)
يلزم تنفيذ كود CSS المخصص إذا كنت تريد نقل أيقونات الدردشة الخاصة بنا إلى أعلى أو أقل قليلاً. سيسمح لك تطبيق الكود بتحريك أداة الدردشة بمقدار مخصص من المسافات.
إذا لم تكن متأكدًا من مكان وضع التعليمات البرمجية أو الوصول إلى مصدر التعليمات البرمجية، فنوصيك بالاتصال بمطور الويب الخاص بك لمساعدتك في التنفيذ.
كيفية استخدام كود CSS
لنقل الأداة، قم بإضافة الكود الموضح أدناه إلى رأس الموقع، أعلى العلامة مباشرةً< /رأس> القوس
يقوم السطر الأول #tidio-chat iframe بتنشيط موضع الأداة على كل من أجهزة سطح المكتب والأجهزة المحمولة.
يتيح السطران الثاني والثالث إمكانية نقل الأداة فقط على الأجهزة المحمولة (حيث يتجاوزان القاعدة الأولى)، ويسمحان بتحديد حجم الشاشة المقصود أيضًا. إذا كنت تريد فقط نقل الأداة للأجهزة المحمولة، فقم بتغيير هذه السطور فقط – أو انظر إلى الكود أعلاه – إذا كنت تريد نقل الدردشة على سطح المكتب فقط.
يتم تمثيل قيمة الإزاحة بواسطة “px” .
يتم تعريف الاتجاه المتحرك بالقيمة الأولى بين قوسين { }:
أعلى – يعني “بعيدًا عن القمة”
القاع – يعني “بعيدًا عن القاع”
يسار – يعني “بعيدًا عن الجانب الأيسر”
يمين – يعني “بعيدًا عن الجانب الأيمن”
سيؤدي استخدام قيمة بكسل سالبة (على سبيل المثال، تعيينها على -100 بكسل) إلى نقلها في الاتجاه المعاكس، لذلك إذا كتبت أسفل: -100 بكسل في الكود، فستتحرك الدردشة لأسفل بمقدار 100 بكسل على الموقع.
مثال عملي: إذا كان لديك لافتة إعلانية في أعلى الموقع، فيمكنك استخدام CSS لتحريك الأداة لأسفل حتى لا تخفي اللافتة.
تخصيص إضافي
بالإضافة إلى تغيير موقع الأداة، هناك خيارات أخرى لتخصيص أداة Tidio. تشمل هذه الخيارات ما يلي:
- تغيير الألوان: يمكنك تغيير ألوان الأداة لتتناسب مع التصميم العام لموقع الويب الخاص بك.
- تغيير الحجم: يمكنك تغيير حجم الأداة لتناسب المكان الذي تضعها فيه.
- إضافة شعار: يمكنك إضافة شعارك الشخصي إلى الأداة لتعزيز علامتك التجارية.
- إعداد رسائل الترحيب: يمكنك إعداد رسائل ترحيب مخصصة سيتلقاها المستخدمون عند فتح الأداة.
تغيير الألوان
لتغيير ألوان القطعة، انتقل إلى قسم الإعدادات> الدردشة الحية> يظهر في واجهة المسؤول الخاصة بك. هناك يمكنك اختيار ألوان مختلفة للخلفية والنص وأزرار الأداة.
تغيير الحجم
يتم أيضًا تغيير حجم الأداة في نفس القسم. يمكنك ضبط ارتفاع وعرض الأداة لتناسب المكان الذي تريد وضعها فيه.
إضافة شعار
لإضافة شعار، ابحث عن خيار إضافة شعار في واجهة إدارة Tidio. قم بتحميل شعارك واحفظ التغييرات.
إعداد رسائل الترحيب
لتكوين رسائل الترحيب، انتقل إلى قسم الإعدادات> الدردشة الحية> الإخطارات في واجهة المسؤول الخاصة بك. هناك يمكنك إضافة رسائل مخصصة ليتم استلامها من قبل المستخدمين.
ملخص
يعد تغيير موضع أداة Tidio وتخصيصها عملية بسيطة يمكنها تحسين تجربة المستخدم على موقع الويب الخاص بك. باتباع الإرشادات الواردة في هذه المقالة، يمكنك تخصيص الأداة لتناسب احتياجاتك واحتياجات المستخدمين.
إذا كانت لديك أية أسئلة أخرى أو كنت بحاجة إلى مزيد من المساعدة، فلا تتردد في الاتصال بدعم Tidio أو بمطور ويب محترف.