تغيير مظهر واجهة الدردشة الخاصة بـ tawk.to

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

3. انقر على الإدارة في شريط التنقل الأيمن.

4. انقر على واجهة الدردشة في القائمة الفرعية اليمنى.

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

6. في صفحة مظهر لواجهة (Widget Appearance)، يمكنك تخصيص لون واجهتك وشكلها وحجمها لسطح المكتب والجوال. استخدم المعاينة الحية على اليسار لاختبار تغييراتك. عندما تكون راضيًا، انقر على يحفظ (Save). سيتم تحديث الواجهة تلقائيًا على موقعك — لا حاجة لتغيير أي كود.

الشكل: اختر دائري (مضغوط) أو مستطيل. الشكل الدائري أقل إزعاجًا، بينما الشكل المستطيل يوفر مساحة وخيارات أكبر.

الحجم: اضبط العرض والارتفاع (هذه الإعدادات تؤثر على الواجهة عند تكبيرها). إذا اخترت الشكل المستطيل، يمكنك أيضًا ضبط عرض/ارتفاع مصغَّر ونصف قطر الأعلى/الأسفل للتحكم في الزوايا المنحنية.

الموقع: اختر مكان ظهور الواجهة على الصفحة (الأسفل-يسار هو الافتراضي). اختر موضعًا يتناسب مع تصميم موقعك.

عنصر لفت الانتباه (Attention Grabber): شغِّل هذا لجذب الانتباه. انقر على المعرض لاختيار تصميم جاهز أو تحميل عملك الفني الخاص. ملاحظة: يظهر عنصر لفت الانتباه فقط على سطح المكتب وفقط عندما تكون الواجهة متصلة بالإنترنت. تعرف على المزيد هنا: تفعيل عنصر لفت الانتباه

اختر نوع واجهة الجوال وموقعها بحيث لا تتداخل الواجهة مع التنقل أو الأزرار المهمة على الشاشات الصغيرة. تُظهر المعاينة على الجوال كيف ستظهر.

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

الرأس: غيّر لون خلفية الواجهة، الرأس، ولون الرسالة المقترحة (Suggested Messages).

نص الرأس: غيّر لون نص الرأس والجزء الداخلي للتصميم الافتراضي.

رسالة الوكيل/نص الوكيل: تحكم في لون الخلفية والنص للرسائل القادمة من وكلائك.

رسالة الزائر/نص الزائر: تحكم في لون الخلفية والنص للرسائل القادمة من الزوار. اضبطها بحيث تكون الرسائل مقروءة ومتسقة مع علامتك التجارية.

• رؤية عنصر لفت الانتباه (Attention Grabber)
  يظهر عنصر لفت الانتباه (Attention Grabber) فقط على سطح المكتب وفقط عندما تكون الواجهة متصلة بالإنترنت. إذا كانت الواجهة مضبوطة على غير متصل أو بعيد، فلن يظهر.

• استجابة الجوال
  قد تقوم الواجهة بضبط تصميمها على الجوال لتجنب تغطية عناصر التنقل أو عناصر واجهة المستخدم الأخرى. اختبرها على عدة أجهزة وأحجام شاشات.

• التعارض مع أنماط الموقع
  يمكن أن تتداخل CSS المخصصة أو السكربتات على موقعك أحيانًا مع موقع أو مظهر (Appearance) الواجهة. إذا كنت تستخدم أنماط موقع مخصصة، اختبرها جيدًا وتحقق من وجود أي تعارضات.

• اضغط على أيقونة الدردشة المباشرة الخضراء
• حدد موعدًا للاتصال بنا
• زر مجتمعنا