كيفية تعيين موضع عنصر لفت انتباه مخصص

[Desktop]

يمكنك تحميل شعارك أو أي صورة مخصصة أخرى كعنصر لفت انتباه مخصص لإعلام زوار موقعك بأن هناك وكيلاً متاحًا وجاهزًا للدردشة عبر واجهتك.

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


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


ملاحظة: لا يمكن تنفيذ التعليمات أدناه إلا من خلال متصفح أو تطبيقات tawk.to لسطح المكتب. ولا يمكن تنفيذها عبر تطبيق tawk.to على الهاتف المحمول.

وضع عنصر لفت انتباه مخصص يدويًا

إذا كان لديك عدة خصائص، فتأكد من أنك تستعرض الخاصية الصحيحة.

انتقل إلى ⚙️الإدارة واجهة الدردشة.

ضمن مظهر لواجهة (Widget Appearance)، انقر على خيارات متقدمة.

بعد ذلك، حرّك زر تبديل عنصر لفت الانتباه إلى وضع التشغيل (الأخضر).


بمجرد يُمكَِن عنصر لفت الانتباه، انقر على زر المعرض.
في الزاوية السفلية اليمنى من المعرض، اختر تحميل.
قم بتحميل صورتك. ستظهر في معاينة أداة سطح المكتب (Desktop widget preview) على الجانب الأيسر من لوحة مظهر لواجهة.

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

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

أضف الكود أدناه إلى كود الواجهة الحالي لديك.


ملاحظة: لا تضع هذا الكائن داخل دالة (function)، إذ يجب أن تكون القيم متاحة قبل تنزيل سكربت الواجهة. إن تعيين القيم أو تغييرها بعد تنزيل سكربت الواجهة لن يؤدي إلى تحديث نمط الواجهة.


إذا كان لديك ملاحظات حول هذه المقالة، أو إذا كنت بحاجة إلى مزيد من المساعدة:

هل كان هذا المقال مفيداً؟

28 من 40 أعجب بهذا المقال