إضافة واجهة الدردشة (Chat Widget) من tawk.to إلى موقعك في GoDaddy

[Desktop]

ضافة واجهة الدردشة (Chat Widget) من tawk.to إلى موقع GoDaddy يتيح لك مراقبة زوار الموقع في الوقت الفعلي وتقديم الدعم من خلال الدردشة وقاعدة المعرفة (Knowledge Base) ومركز نظام التذاكر (Ticketing) ونظام إدارة علاقات العملاء (CRM).


هناك طريقتان لإضافة الدردشة المباشرة إلى موقعك باستخدام tawk.to:

  • إضافة رابط الدردشة المباشرة (Direct Chat Link) إلى زر أو نص رابط

  • إضافة الواجهة (Widget) باستخدام رمز الواجهة (Widget Code)

ضافة رابط الدردشة المباشرة (Direct Chat Link) إلى زر
لإضافة رابط الدردشة المباشرة (Direct Chat Link) إلى زر أو نص رابط، انتقل إلى ⚙️ الإدارة (Administration)القنوات (Channels)واجهة الدردشة (Chat Widget)

ثم قم بنسخ (Copy) الرابط الموجود تحت رابط الدردشة المباشرة (Direct Chat Link).

قم بتسجيل الدخول إلى حسابك في GoDaddy وافتح أداة Website Builder الخاصة بموقعك.


بعد ذلك، أضف أو اختر عنصر الزر الذي تريد استخدامه لبدء الدردشة.


نقر على الزر في القائمة اليمنى لإجراء تعديل (Edit).

ثم قم بلصق رابط الدردشة المباشرة (Direct Chat Link) في حقل رابط URL (Link URL).


عندما ينقر الزائر على الزر في الموقع المنشور، ستفتح الواجهة (Widget) في علامة تبويب جديدة في المتصفح.

إضافة الواجهة (Widget) باستخدام رمز الواجهة (Widget Code)

يمكنك أيضًا إضافة الواجهة (Widget) إلى موقع GoDaddy عن طريق إدراج رمز الواجهة (Widget Code) في قسم HTML مخصص في الصفحة.


ولاً، ستحتاج إلى العثور على رمز الواجهة (Widget Code) الخاص بك.


من لوحة التحكم (Dashboard)، انتقل إلى ⚙️ الإدارة (Administration)القنوات (Channels)واجهة الدردشة (Chat Widget).


ثم قم بنسخ (Copy) رمز الواجهة (Widget Code) إلى الحافظة الخاصة بك.

تمرير الواجهة

تم تصميم الواجهة (Widget) لتظل عائمة أثناء تمرير الزائر للصفحة. ومع ذلك، هذه الوظيفة غير متاحة في مواقع GoDaddy. لمواجهة ذلك، نوصي بوضع كود التضمين الخاص بالواجهة في الجزء العلوي من الصفحة بحيث يلاحظ الزوار وجودها.


لإنشاء مساحة لعرض الواجهة (Widget)، ستحتاج إلى إضافة قسم جديد في موقع GoDaddy الخاص بك.


في أداة Website Builder، مرّر مؤشر الفأرة فوق علامة (+) وانقر لإنشاء قسم جديد.

دخل "HTML" في شريط البحث أعلى قائمة إضافة قسم (Add Section) التي تظهر على اليمين.

ثم انقر على زر إضافة (+ Add) لإنشاء القسم.

في حقل الكود المخصص (Custom Code)، أدخل رمز الواجهة (Widget Code) الخاص بك.

تغيير حجم الواجهة

ذا لم تتناسب الواجهة (Widget) المفتوحة مع القسم، فستحتاج إلى تغيير حجم القسم ليتناسب معها أو تعديل حجم الواجهة ليتناسب مع القسم.


قم بالتمرير لأسفل بعد الكود المخصص (Custom Code) وأدخل قيمة في خانة الارتفاع الإجباري (Forced Height) لترك مساحة كافية لفتح الواجهة بالكامل.


 ثم انقر على زر تم (Done) أسفل قائمة التبويبات لتحديث التغييرات.

تغيير أبعاد الواجهة

ذا كنت تفضل تغيير حجم الواجهة (Widget) نفسها بدلاً من القسم الذي تحتويه، يمكنك القيام بذلك من لوحة التحكم (Dashboard) في tawk.to.


من لوحة التحكم (Dashboard)، انتقل إلى ⚙️ الإدارة (Administration)القنوات (Channels)واجهة الدردشة (Chat Widget).


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

تغيير العرض والارتفاع في هذه الصفحة سيؤدي إلى تعديل حجم الواجهة (Widget) في موقع GoDaddy الخاص بك.


تغيير الأبعاد إلى 320 × 320 يناسب قسمًا متوسط الحجم. ومع ذلك، اعتمادًا على موضع الواجهة (Widget)، قد يحتاج الزائر إلى التمرير لرؤيتها.

تكبير الواجهة

ضافة الواجهة (Widget) عبر كود التضمين قد تترك مساحة فارغة في بقية القسم. إحدى الطرق لملء هذه المساحة هي إبقاء الواجهة مفتوحة عند تحميل الصفحة باستخدام واجهة برمجة التطبيقات (JavaScript API) الخاصة بنا.


 يمكنك القيام بذلك عن طريق إضافة مقطع JavaScript التالي إلى رمز الواجهة (Widget Code) قبل وسم الإغلاق مباشرة:

مزيد من الطرق لتخصيص الواجهة (Widget) باستخدام واجهة برمجة التطبيقات (JavaScript API)، يمكنك زيارة بوابة المطورين الخاصة بنا: JavaScript API


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


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


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

7 من 9 أعجب بهذا المقال