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

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

 يمكنك تشغيل واجهة محادثة tawk.to من أي رابط نصي أو صورة أو زر على موقعك الإلكتروني.

أولاً، احصل على رمز الواجهة الخاصة بك

اتبع هذه الخطوات:


1. سجّل الدخول إلى حسابك في tawk.to.

2. اختر الخاصية الصحيحة.

3. انقر على الإدارة (Administration) من القائمة العلوية.

4. انقر على واجهة المحادثة (Chat Widget) ضمن القنوات (Channels) في القائمة اليسرى.

5. انسخ رمز الواجهة والصقه مباشرة قبل وسم الإغلاق </body> في موقعك.

6. حدّث صفحتك للتأكد من تحميل الواجهة بشكل صحيح.

أضف زرًا أو رابطًا نصيًا

أضف زرًا أو صورة أو نصًا يمكن للزوار النقر عليه لفتح المحادثة:


لأجل الروابط النصية:

 لأجل الصور:

عندما ينقر الزوار على هذا الرابط، فإنه يُشغّل Tawk_API.toggle() ويفتح واجهة المحادثة.

إخفاء الواجهة عند تحميل الصفحة

لجعل الواجهة تظهر فقط عند النقر:


1. انتقل إلى إعدادات واجهة المحادثة الخاصة بك.

2. ضمن طريقة عمل الواجهة (Widget Behavior)، انتقل إلى إعدادات الرؤية (Visibility Settings) وفعّل خيار "إخفاء الواجهة عند التحميل" في سطح المكتب.

يتم حفظ تغييراتك فورًا. الآن ستظهر المحادثة فقط بعد أن ينقر الزائر على الزر أو الرابط.

إظهار صور أو نصوص مخصصة بناءً على الحالة (اختياري)

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


أولاً، أضف عنصر <div> محددًا في كود HTML الخاص بك في المكان الذي ترغب أن يظهر فيه الزر أو النص. لا تحتاج إلى إضافة أي شيء داخل الـ div — فقط انسخ الكود التالي كما هو:

 بعد ذلك، أضف وعدّل الكود التالي، وضعه مباشرة قبل وسم الإغلاق </body>:

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

اعتبارات إضافية

يعمل هذا الإعداد بشكل أفضل على متصفحات سطح المكتب أو على لوحة التحكم (Dashboard) في tawk.to. ولا يتم دعمه في تطبيق الهاتف المحمول.


تأكد من تحميل Tawk_API بالكامل قبل استدعاء Tawk_API.toggle(). إذا لزم الأمر، ضع الدالة داخل onLoad handler لتجنب الأخطاء.


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



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

179 من 277 أعجب بهذا المقال