إضافة واجهة tawk.to إلى موقعك الإلكتروني

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

سهّل على العملاء بدء المحادثات من خلال إضافة واجهة الدردشة الخاصة بـ tawk.to إلى موقعك. هل ترى أيقونة الدردشة المباشرة الخضراء في أسفل يسار هذه الصفحة؟ يمكنك إضافة واجهة دردشة مشابهة إلى موقعك الإلكتروني.

تشرح هذه المقالة أسهل طريقة لإضافة الواجهة من خلال لصق كود JavaScript، كما توفّر روابط لأدلة مخصّصة لمنصّات مثل WordPress وWix وShopify وغيرها.

خطوات إضافة الواجهة باستخدام مقتطف JavaScript

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


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

3. انقر على الإدارة في شريط التنقل الموجود على اليمين.
4. انقر على واجهة الدردشة في القائمة الفرعية على اليمين.
5. انسخ الكود الظاهر في حقل كود الواجهة. هذا هو مقتطف JavaScript الذي سيقوم بتحميل الواجهة على موقعك.

6. أضف كود الواجهة إلى موقعك. افتح ملف HTML الخاص بالصفحة التي تريد أن تظهر فيها واجهة الدردشة، ثم الصق كود الواجهة مباشرة قبل وسم الإغلاق </body>.

على سبيل المثال:

7. احفظ الصفحة وانشرها. من المفترض أن تظهر الواجهة على الموقع المباشر عند تحميل السكربت.

استخدام نظام إدارة المحتوى (CMS)

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

اعتبارات إضافية
  • النشر والاختبار
    بعد النشر، افتح موقعك في نافذة تصفّح خفي أو خاصة (أو امسح ذاكرة التخزين المؤقت) وتأكد من ظهور الواجهة وعملها بشكل صحيح.


  • خصائص متعددة / مواقع متعددة
    إذا كنت تدير أكثر من موقع إلكتروني، فتأكد من إنشاء واستخدام كود الواجهة الخاص بالخاصية الصحيحة. لكل خاصية كود واجهة خاص بها. تحقّق من اسم الخاصية في Dashboard قبل نسخ الكود.


  • سياسة أمان المحتوى (CSP)
    إذا كان موقعك يطبّق رؤوس سياسة أمان المحتوى، فقد تؤدي السياسة الصارمة إلى حظر السكربتات التابعة لجهات خارجية. إذا لم تظهر الواجهة بعد تثبيت الكود، فتحقق من وحدة تحكم المتصفح بحثًا عن أخطاء CSP، وقم بإضافة نطاقات tawk.to ومصادر السكربت إلى القائمة المسموح بها في إعدادات CSP.

أدلة ذات صلة
الدروس التعليمية



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

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

3098 من 3977 أعجب بهذا المقال