Chatvio – دردشة الويب بالذكاء الاصطناعي: أضف زر دردشة إلى موقعك (2026)

ملحق Chatvio هو ملحق ووردبريس مجاني يضيف زر دردشة عائم إلى موقعك — ويفتح نافذة دردشة حقيقية، وليس رابطًا. يضغط الزوار، يكتبون رسالتهم، وتصل رسالتهم إلى صندوق وارد فريقك. الملحق مجاني، وربطه بحساب مجاني على منصة The Tech Pad — بدون بطاقة ائتمان، بدون خطة مدفوعة — يفتح كل شيء: قم بلصق مفتاحك القابل للنشر في الملحق وستكون جاهزًا للعمل. في هذا الدليل لعام 2026: لماذا يفوق زر الدردشة الرابط العادي، وكل الخيارات التي يأتي بها الملحق، وخطوات الإعداد الست.

لماذا زر الدردشة أفضل من الرابط

زر واتساب عادي — من النوع الذي يفتح wa.me في تبويب جديد — يبعد الزائر. زر الدردشة يبقيهم على صفحتك. يطرحون سؤالاً، يحصلون على إجابة، ويستمرون في التصفح — بدون تبديل تطبيق، بدون تعدد التبويبات، بدون احتكاك.

هذا الفرق مهم لأن الدردشة هي المكان الذي يستجيب فيه العملاء فعليًا. رسائل واتساب لها معدل فتح بنسبة 98٪ مقارنةً بحوالي 20٪ للبريد الإلكتروني، ومتوسط وقت الاستجابة أقل من 90 ثانية. عندما يكون لدى زائر موقعك سؤال، فإن التقاط تلك اللحظة في نافذة الدردشة أفضل من توقع أن يرسل لك رسالة لاحقًا.

زر الدردشة يشير أيضًا إلى أن المساعدة متاحة، محولًا الصفحة الثابتة إلى محادثة — وهذا بالضبط ما تم بناء منصة The Tech Pad حوله: صندوق وارد مشترك للفريق، الأتمتة، الحملات، والمساعد الذكي بالذكاء الاصطناعي. الزوار لا يحتاجون أبدًا إلى حساب؛ هم فقط يكتبون.

لست متأكدًا مما إذا كنت بحاجة إلى هذا أم إلى رابط واتساب بسيط؟ دليلنا إلى 3 طرق لإضافة زر واتساب إلى ووردبريس يقارن الأساليب، و أفضل إضافات ووردبريس لواتساب لعام 2026 يمنحك رؤية كاملة للمشهد.

ما يقدمه لك برنامج Chatvio

يقوم البرنامج المساعد بتضمين أداة الدردشة على الويب الخاصة بـ The Tech Pad مع إخفاء الفقاعة المدمجة، ثم يضيف زر الإطلاق الخاص به الذي يفتح لوحة الدردشة. بعبارات بسيطة: أنت تتحكم في الزر، وThe Tech Pad يدير الدردشة. إليك الحزمة بأكملها لمحة سريعة:

المتطلبات متواضعة: ووردبريس 6.0+ و PHP 7.4+. يعمل مع أي قالب ويتوافق جيدًا مع أدوات إنشاء الصفحات.

كيفية تثبيت وإعداد الإضافة

ست خطوات، بضع دقائق، بدون كود.

1. قم بتنزيل الإضافة. قم بتحميل الملف المضغوط من صفحة إضافة Chatvio — chatvio-ai-webchat.zip — أو تصفح جميع إضافات The Tech Pad.
2. احصل على المفتاح الخاص بالنشر. سجّل مجانًا في thetechpad.com (بدون بطاقة ائتمان)، افتح إعدادات الدردشة على الويب، وانسخ المفتاح القابل للنشر (عام).
3. قم بالتثبيت والتنشيط. في ووردبريس اذهب إلى الإضافات → أضف جديد → رفع مكون إضافي، اختر ملف zip، انقر على تثبيت الآن، ثم قم بالتفعيل.
4. قم بتوصيل المفتاح. افتح The Tech Pad → Chatvio – AI Webchat. تحت قسم الاتصال، الصق مفتاحك القابل للنشر واحفظه. ثم اختر هدف WhatsApp الخاص بك — اختر ما يفعله فقاعة WhatsApp الخضراء بجانب زر الدردشة: رقم The Tech Pad الخاص بك (الموضح عند الاتصال)، رقم آخر (يفتح wa.me، لا حاجة للاتصال)، أو لا شيء على الإطلاق لـ WhatsApp. قم بتعيين نص CTA الخاص بك، وشغّل تتبع GA dataLayer إذا كنت تستخدم Google Analytics.
5. صمّم المشغل. اختر أيقونة واحدة من بين الثمانية — أو قم بتحميل صورتك أو GIF الخاصة — اختر الألوان والشكل والحجم، ثم حدد الموضع.
6. احفظ، عاين، وانشر. استخدم زر المعاينة للتحقق من إعدادك، ثم افتح موقعك وانقر على الزر — ستفتح نافذة الدردشة الخاصة بك.

شرح جميع الخيارات

الاتصال. المفتاح القابل للنشر هو الإعداد الوحيد المطلوب. يأتي من حساب Tech Pad مجاني — بدون بطاقة ائتمان — وآمن للتضمين: فهو يسمح فقط للزوار بفتح دردشة على موقعك. يمكن للإعدادات المتقدمة تجاوز عنوان API (مفيد للبيئة التجريبية)، الاشتراك في رابط "مدعوم من" (معطل افتراضيًا — لا يتم الاعتماد على شيء في موقعك ما لم تقم بتحديده)، تعيين نص دعوة للعمل، وتمكين تتبع GA dataLayer.

المشغل والنمط. ثمانية أيقونات SVG جاهزة تغطي كل مزاج:

تفضل علامتك التجارية الخاصة؟ قم بتحميل صورة مخصصة أو GIF من مكتبة الوسائط. تقوم أدوات اختيار اللون بتعديل الخلفية والأيقونة، والشكل يمكن أن يكون دائريًا، مربعًا مستدير الزوايا، أو مربعًا، والحجم يتراوح من 32 إلى 120 بكسل.

التسمية والرسوم المتحركة. عرض تلميح عند المرور بالفأرة، تسمية دائمة الظهور، أو لا شيء. الرسوم المتحركة: لا شيء، نبض، ارتداد، رجفة، أو حلقة — طرق خفية لجذب الانتباه.

الموضع. سبع إعدادات مسبقة: أسفل اليمين، أسفل اليسار، أسفل المركز، يمين المركز، يسار المركز، أعلى اليمين، وأعلى اليسار. هل تحتاج للتحكم في البكسل؟ قم بتعيين الإزاحات ومؤشر z المخصص. يتم تعيين الموضع والإزاحات والحجم بشكل منفصل لكل من سطح المكتب والهاتف المحمول (أقل من 782 بكسل)، لذا فإن الزر لا يغطي محتواك على الهواتف.

قواعد العرض. اعرض الزر على الموقع بأكمله، فقط على الصفحات المدرجة، أو في كل مكان ما عدا الصفحات المدرجة — عناوين الصفحات أو المعرفات، واحد لكل سطر. اخفِه على أنواع منشورات محددة، حدده لسطح المكتب أو الهاتف المحمول، قصره على المستخدمين المسجلين الدخول أو الزوار، أجله بعد ثوانٍ أو نسبة التمرير، واضبط ساعات العمل مع الأيام والأوقات بتوقيت موقعك.

متقدم. كل نمط من أنماط المشغل هو إعداد — الألوان، الشكل، الحجم، الموضع، التسمية، والرسوم المتحركة. لأي شيء يتجاوز ذلك، استخدم محرر CSS الذي يأتي مع ووردبريس بالفعل (المظهر → تخصيص → CSS إضافي): يتحقق ووردبريس مما تلصقه، ويظل مع القالب الخاص بك. هل تحتاج إلى زر في مكان محدد داخل المحتوى الخاص بك؟ يتيح الرمز المختصر [techpad_ai_chat] قبول سمات التسمية، الحجم، الأيقونة، واللون.

ما يقدمه لك نافذة الدردشة

عندما ينقر زائر على زرّك، يفتح نافذة دردشة Tech Pad مباشرة على الصفحة. يكتبون رسالة وتصل إلى صندوق الوارد الخاص بفريقك جنباً إلى جنب مع محادثات WhatsApp الخاصة بك — صندوق وارد واحد، سجل واحد، لا نسخ ولصق.

كل شيء يراه الزوار في هذه النافذة يُدار من لوحة التحكم الخاصة بك، وليس من الإضافة:

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

لهذا السبب يظل المكون الإضافي بسيطًا: الزر هو مهمتك، ومحرك المحادثة هو ملك لـ The Tech Pad. قالبا رسالة للبدء — الأول كتحية، والثاني كرد تلقائي بعد ساعات العمل:

مرحبًا {{1}}! شكرًا لزيارتك {{2}} — كيف يمكننا مساعدتك اليوم؟ 👋

شكرًا لرسالتك، {{1}}! فريقنا غير متصل الآن وسيقوم بالرد قريبًا. إذا كان الأمر عاجلًا، اضغط على أيقونة واتساب الخضراء للوصول إلينا هناك.

اختر رقم واتساب الذي يستخدمه زوارك

زر الدردشة يفتح دائمًا نافذة دردشة The Tech Pad على موقعك. فقاعة WhatsApp الخضراء بجانبه اختيارية — ومنذ الإصدار 1.1.0 يمكنك تحديد الرقم الذي تشير إليه، دون أي كود. افتح The Tech Pad → Chatvio – AI Webchat → Connection → زر واتساب واختر واحدًا من ثلاثة:

نصيحة: لم تتصل بعد ولكن تخطط للاتصال؟ اختر رقم WhatsApp آخر وأدخل الرقم الذي ستتصل به لاحقًا. الزوار يواصلون الدردشة مع نفس الرقم طوال الوقت — لا يتغير شيء لديهم عند تبديل الإعداد بعد الاتصال.

الأسئلة الشائعة

هل أحتاج إلى حساب على The Tech Pad لاستخدام إضافة Chatvio؟ نعم — الدردشة تعمل على منصة The Tech Pad. اشترك مجانًا على thetechpad.com، افتح إعدادات الدردشة على الويب وانسخ مفتاحك القابل للنشر (العام) في الإضافة. الزوار لا يحتاجون أبدًا إلى حساب.

هل من الآمن وضع المفتاح العام على موقعي الإلكتروني؟ نعم. المفتاح الذي يمكن نشره مصمم للتضمين — يسمح فقط للزوار بفتح دردشة على موقعك. إنه ليس مفتاح API سري ولا يمكنه إرسال رسائل نيابة عنك.

هل يمكن للزوار الدردشة عبر واتساب أيضًا؟ نعم. الفقاعة الخضراء لتطبيق واتساب بجانب زر الدردشة تفتح محادثة واتساب، وتصل كل المحادثات إلى نفس صندوق الوارد في Tech Pad. منذ الإصدار 1.1.0 يمكنك اختيار الرقم الذي تشير إليه من الإعدادات → الاتصال: رقم Tech Pad الموصول الخاص بك، أو أي رقم آخر عبر رابط wa.me بسيط.

هل أحتاج إلى رقم WhatsApp على Tech Pad لفقاعة WhatsApp؟ لا. اختر "رقم واتساب آخر" في الإعدادات → الاتصال وأدخل أي رقم — الزوار يفتحون دردشة واتساب عادية معه، بدون تحقق من ميتا أو API. عندما تقوم لاحقًا بربط هذا الرقم في لوحة التحكم الخاصة بـ Tech Pad، قم بتبديل الإعداد إلى رقم Tech Pad الخاص بك وستنضم تلك الدردشات إلى صندوق الوارد المشترك الخاص بك.

هل يمكنني عرض الزر فقط على بعض الصفحات؟ نعم. ضمن قواعد العرض اختر "فقط على الصفحات المدرجة أدناه" وأدخل روابط الصفحات أو المعرفات، واحدًا في كل سطر. يمكنك أيضًا إخفاؤه على أنواع المنشورات المحددة، تقييده بالكمبيوتر المكتبي أو الجوال، تقييده على المستخدمين المسجلين الدخول أو الضيوف، تأجيله بالوقت أو التمرير، وتحديد ساعات العمل.

ماذا يحدث عندما ينقر الزائر على الزر؟ تفتح نافذة محادثة The Tech Pad مباشرة على صفحتك. يكتب الزائر رسالة وتصل إلى صندوق الوارد الخاص بفريقك — مع التحية، نموذج ما قبل المحادثة، تحويلات الوكلاء والأتمتة كلها تُدار من لوحة التحكم الخاصة بك.

احصل على المكون الإضافي المجاني

ملحق Chatvio مجاني، وحساب Tech Pad الذي يتصل به مجاني، ولا يوجد أي بطاقة ائتمان في أي مكان خلال العملية. قم بتنزيله chatvio-ai-webchat.zip، وثبّته في بضع دقائق، وضع زر محادثة على موقعك اليوم. أنشئ حسابك المجاني على thetechpad.com/wa/ واحصل على مفتاحك القابل للنشر — كل شيء آخر هو فقط النقرة والنقطة.

بينما أنت هنا: تعلم 3 طرق لإضافة زر واتساب إلى ووردبريس، أو شاهد كيف يقارن ملحق Chatvio في أفضل إضافات ووردبريس لواتساب لعام 2026.