جدول المحتويات

تثبيت واجهة دردشة الموقع على WordPress

JQ Lee محدث بواسطة JQ Lee

إضافة أداة دردشة ويب إلى موقع الويب الخاص بك WordPress عملية سريعة وسهلة. وهي لا تتطلب أي مهارات ترميز أو معرفة تقنية.

شعار ووردبرس

إعداد التثبيت

من أجل تثبيت أداة دردشة ويب على WordPress، ستحتاج إلى ما يلي:

  • الوصول إلى موقع الويب الخاص بك'لوحة تحكم WordPress.
  • كتلة كود برمجية لعنصر واجهة دردشة الويب الخاص بك.

إذا كان لديك كتلة كود برمجية بالفعل'، فستنشئ كتلة برمجية عند إنشاء الرد. o ودجت الدردشة في الموقع أو باستخدام إضافة دردشة فيسبوك ل ماسنجر فيسبوك.

إذا كان لديك قنوات متصلة بالفعل على الرد. o المنصة وتحتاج إلى استرداد كتلة الكود البرمجي التي تم إنشاؤها، اتبع التعليمات هنا.

للتثبيت الناجح، تأكد من ملء نطاق موقعك. هناك طريقتان للقيام بذلك.

اذهب respond.io الإعدادات > حدد القنوات > حدد قناة دردشة موقعك > انقر فوق تكوين > أضف نطاق موقع الويب. 

إضافة نطاق موقع الويب

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

إعدادات ودجيت الدردشة

تثبيت على ووردبرس

الخطوة 1: تسجيل الدخول إلى ووردبرس

انتقل إلى لوحة إدارة وردبريس في موقعك الإلكتروني وسجل الدخول.

صفحة تسجيل دخول ووردبرس

الخطوة 2: الانتقال إلى صفحة الإضافات

من لوحة التنقل اليسرى، انقر فوق الإضافات. في صفحة الإضافات، اضغط على زر إضافة جديدة الأزرق في الجزء العلوي من الصفحة.

صفحة البرنامج المساعد WordPress - إضافة زر جديد

الخطوة 3: إضافة إضافة جديدة

باستخدام شريط البحث، ابحث عن إدراج رأس وتذييل الإضافة. سوف ترى العديد من الخيارات في صفحة نتائج البحث التي يمكنك استخدامها، لكننا سوف نستخدم "إضافة رأس وتذييلات" من قبل WPBeginner لهذا البرنامج التعليمي. اضغط على زر التثبيت الآن وتأكد من تفعيل الملحق لاستخدامه.

صفحة البرنامج المساعد WordPress - تثبيت رأس & تذييل الصفحة

الخطوة 4: فتح رؤوس وتذييل وحدة التحكم

من قائمة التنقل اليسار، انقر فوق الإعدادات وحدد إضافة الترويسات والتذييل من قائمة الإعدادات الفرعية.

صفحة البرنامج المساعد WordPress - الانتقال إلى الإعدادات والرؤوس & تذييل الصفحة

الخطوة 5: إضافة نص دردشة حية

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

إضافة نص دردشة حية في تذييل WordPress

بمجرد لصقك البرنامج النصي ، انقر على الزر الأزرق "حفظ" في أسفل الصفحة.

تم!

افتح الموقع وقم بالتحقق من المحادثة الإضافية. ستجده في الركن الأيمن السفلي. الآن يمكن لزوار موقعك أن يتحدثوا معك بدون جهد. إذا كنت تستخدم الكود البرمجي الذي تم إنشاؤه من الرد. o منصة, ستتمكن من إدارة المحادثات وتحديث مظهر القطعة من المنصة.

أداة الدردشة نشطة الآن على موقع الويب الخاص بك!

تحديد المستخدمين المسجلين

هذا القسم ينطبق فقط إذا كان موقعك يحتوي على ميزة تسجيل دخول المستخدم.

الخطوة 1: تسجيل الدخول إلى حساب ووردبريس

انتقل إلى موقع الويب الخاص بك'لوحة تحكم ووردبرس وسجل الدخول.

الخطوة 2: فتح ملفات رأس السمة

من قائمة التنقل اليسرى، انقر فوق الظهر وحدد محرر ملف السمة. انتقل إلى تحديد ملف رأس السمة.

تعديل السمات في محرر ملف الموضوع

الخطوة 3: إضافة معرف المستخدم المسترد ورمز الاسم

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

رمز العينة أدناه هو الحصول على معرف المستخدم والاسم الأول والاسم الأخير من WordPress. لا تتردد في تعديل إذا كنت ترغب في الحصول على حقول اتصال أخرى.
<؟ php 
$user_info = get_userdata (get_current_user_id ()) ؛
؟>

<script type="text/javascript">
نافذة.$wp_ID = "<؟ php echo $user_info>؛ ؟>"؛
نافذة.$wp_firstname = "<؟ php echo $user_info>؛ ؟>"؛
نافذة.$wp_lastname = "<؟ php echo $user_info>؛ ؟>"؛
</script>

الخطوة 4: فتح رؤوس وتذييل وحدة التحكم

من قائمة التنقل اليسار، انقر فوق الإعدادات وحدد إضافة الترويسات والتذييل من قائمة الإعدادات الفرعية.

فتح رؤوس وتذييل وحدة التحكم

الخطوة 5: إضافة البرنامج النصي المستخدم لتسجيل الدخول

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

رمز العينة أدناه يستخدم معرف المستخدم كمعرف ويمر مع الاسم الأول والاسم الأخير. لا تتردد في تعديل إذا كنت ترغب في الحصول على حقول اتصال أخرى.
<script>
نافذة .__ response_settings = {
معرّف: $wp_ID،
FirstName: $wp_firstname،
lastName: $wp_lastname،

</script>

بمجرد لصقك البرنامج النصي ، انقر على الزر الأزرق "حفظ" في أسفل الصفحة.

تم!

افتح الموقع وقم بالتحقق من المحادثة الإضافية. يمكن تحديد المستخدمين المسجلين في WordPress الخاص بك. بمجرد أن يتم تمرير المعرف مع جهة اتصال موجودة، سيتم استئناف المحادثة الحالية.

الأسئلة الشائعة واستكشاف الأخطاء

صاروخ WP-

إذا كنت تستخدم إضافة ذاكرة التخزين المؤقت WordPress مثل WP-Rocket، قم باتخاذ هذه الخطوات بحيث تظهر الأداة بشكل صحيح.

تعطيل ميزة البيانات المصغرة لـ JavaScript

انتقل إلى إعدادات Wordpress > حدد صاروخ WP > على صفحة WP الصاروخ، حدد تحسين الملف علامة التبويب > إلغاء تحديد ملفات جافا سكريبت مصغرة

إضافة نطاق القطعة الخاص بنا إلى ملفات جافا سكريبت المستبعدة

https://cdn.respond.io/webchat/widget/(.*).js

ملفات جافا سكريبت WP-Rocket مستثناة
بمجرد الحفظ، من المستحسن مسح ذاكرة التخزين المؤقت في WordPress.

يشعر بالضيق؟ لا تخف.

احتاج مساعدة؟ اتصل بنا للحصول على الدعم. المساعدة هنا!

البدء السريع لأداة الدردشة على موقع الويب

تثبيت واجهة دردشة الموقع على Shopify

Powered by HelpDocs (opens in a new tab)

Powered by HelpDocs (opens in a new tab)