كيفية إضافة Widget Chat من WhatChimp إلى WordPress

دليل خطوة بخطوة لدمج widget webchat من WhatChimp في موقع WordPress الخاص بك

Updated 18 September 2026

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

قدمت WhatChimp ميزة Chatbot الأصلي للموقع، مما يسمح للمستخدمين بإضافة widget محادثة إلى صفحات الهبوط الخاصة بموقعهم وإدارة التفاعلات عبر خيار WebChat Live Chat.

المتطلبات الأساسية

قبل البدء، تأكد من أن لديك ما يلي:

حساب WhatChimp

وصول المسؤول إلى موقع WordPress الخاص بك

Plugin Elementor مثبت (إذا كنت تستخدم Elementor كمنشئ صفحات)

ربط موقع الويب الخاص بك

انتقل إلى خيار "Connect Website" في WebChat من لوحة تحكم WhatChimp.

انقر على Connect Website للوصول إلى قائمة التكوين.

قدم عنواناً مناسباً لـ chatbox الخاص بك.

أدخل Website URL الخاص بك.

قم بتكوين Theme Background و Theme Color.

حدد ألوان Chat Bubble Background و Chat Bubble Color.

قم بتحميل Brand Logo وتكوين Chatbox Wallpaper.

اختر موضع chatbox وما إذا كان يظل مفتوحاً أو مغلقاً عند بدء التشغيل.

قم بتعيين مواضع المحور X والمحور Y للوضع الدقيق.

قم بتكوين Loading Chatbox After delay (الافتراضي 0 ثانية).

اختر ما إذا كنت تريد حذف سجلات المشتركين تلقائياً (الافتراضي Never).

انقر على Connect لإنهاء الإعداد.

نسخ كود التضمين JS

انقر على Embed Code لفتح مربع حوار.

انسخ كود التضمين JavaScript من الزاوية العلوية اليمنى.

يمكن استخدام هذا الكود لـ WordPress والمواقع المخصصة والمنصات الأخرى.

لصق كود التضمين JS على موقع الويب الخاص بك

قم بتسجيل الدخول إلى موقع WordPress الخاص بك والوصول إلى Dashboard.

انتقل إلى الصفحة الرئيسية وحدد Visit Site.

انقر على أيقونة Home، ثم اختر Edit with Elementor.

ابحث عن widget Code في قسم Widgets.

حدد widget Shortcode، ثم اسحبه وأفلته داخل حاوية على الصفحة.

الصق كود التضمين المنسوخ في قسم shortcode.

انشر الصفحة لجعل chatbot نشطاً.

يرجى ملاحظة أننا اخترنا الصفحة الرئيسية فقط وسيكون widget المحادثة الخاص بنا مرئياً فقط لهذه الصفحة. إذا كنت تريد إظهاره على صفحات أخرى، اتبع نفس الإجراء.

ملاحظة: نظراً لأن معظم مواقع WordPress تستخدم plugin Elementor كمنشئ صفحات، فقد استخدمناه. بالنسبة لمنشئي الصفحات الآخرين، ستكون العملية مشابهة تقريباً.

اختبر Chatbot الخاص بك

قم بزيارة موقع الويب الخاص بك وافتح chatbot.

اختبر مشغلات الكلمات المفتاحية لاستجابات البوت.

ارجع إلى خيار BotSailor Web Chat Live Chat لإدارة المحادثات.

باتباع هذه الخطوات، يمكنك دمج WebChat من WhatChimp بنجاح في موقع WordPress الخاص بك لتحقيق تفاعل سلس مع العملاء.

FAQ

1. هل يمكنني استخدام هذا Chatbot على مواقع غير WordPress؟

نعم، يمكنك دمج chatbot مع مواقع مخصصة ومنصات أخرى باستخدام كود التضمين JavaScript المقدم.

2. هل أحتاج إلى Elementor لإضافة chatbot إلى موقعي؟

لا، Elementor هو مجرد طريقة واحدة لإضافة chatbot. يمكنك لصق كود التضمين JS في أي منشئ صفحات أو مباشرة في HTML الخاص بموقعك.

3. هل يمكنني تخصيص مظهر Chatbot؟

نعم، يمكنك تعديل لون الموضوع، وخلفية فقاعة المحادثة، وورق الجدران للـ chatbox، وشعار العلامة التجارية في قائمة تكوين Webchat.

5. ماذا لو لم يظهر Chatbot على موقعي؟

تحقق من التالي:

تأكد من لصق كود التضمين بشكل صحيح.

تأكد من تمكين JavaScript على موقعك.

تحقق من تنشيط chatbot في إعدادات BotSailor.

امسح ذاكرة التخزين المؤقت لموقعك وحاول مرة أخرى.