تخصيص موقع واجهة الدردشة باستخدام JavaScript API
تتيح لك قائمة مظهر الواجهة في لوحة التحكم إمكانية تغيير موضع الواجهة على موقع الويب بسهولة. إذا كنت ترغب في تخصيص الموضع بشكل أكبر، يمكنك استخدام كود JavaScript API التالي لضبط المكان الصحيح للواجهة وصولاً إلى البكسل.
ملاحظة: لا يمكنك استخدام وظائف JavaScript API إلا إذا قمت بتضمين كود الواجهة لإضافة الواجهة إلى نظام إدارة المحتوى. لن تتمكن من الاستفادة من وظائف JavaScript API، إذا استخدمت مكوناً إضافياً أو تطبيقاً.
يتيح لك هذا تعيين موقع الواجهة على كل من سطح المكتب والهاتف جنباً إلى جنب مع مكان وشكل الجاذب للانتباه.
القيم المقبولة للموضع:
tl (أعلى اليسار)
tr (أعلى اليمين)
cl (يسار الوسط)
cr (يمين الوسط)
bl (أسفل اليسار)
br (أسفل اليمين)
القيم المقبولة للاستدارة:
٩٠ درجة (تدوير ٩٠ درجة في اتجاه عقارب الساعة)
-٩٠ درجة (تدوير ٩٠ درجة عكس اتجاه عقارب الساعة)
٠ (بدون دوران)
يشير xOffset إلى المسافة بالبكسل التي سيتم نقل الكائن بها على طول المحور الأفقي. يتم تحديد اتجاه الحركة من خلال قيمة موضع البداية.
إذا تم تعيين الواجهة إلى أعلى اليمين ، ستؤدي زيادة yOffset إلى خفض الواجهة.
إذا تم تعيين الواجهة إلى أسفل اليمين، ستؤدي زيادة yOffset إلى رفع الواجهة .
إذا تم تعيين الواجهة إلى يسار أو يمين الوسط ، ستؤدي قيمة yOffset السلبية إلى رفع الواجة، بينما تؤدي القيمة الإيجابية yOffset إلى خفضها.
يضع الكود التالي واجهة الدردشة في الجزء السفلي الأيمن على كل من سطح المكتب والهاتف، مع محاذاة الفقاعة وعدم تدويرها.
لا تتردد في نسخ الرمز أدناه، الصقه أسفل الواجهة وقم بالتغييرات اللازمة لاختبار موقع الواجهة و تحقيق النتيجة المطلوبة.
لمزيد من الطرق حول كيفية تغيير سلوك الواجهة ومظهرها، راجع مقالاتنا الأخرى عن واجهة برمجة تطبيقات JavaScript في مركز مساعدة tawk.to.