الدردشة على الويب
تكامل القنوات

الدردشة على الويب

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

ما يمكنك فعله

ضمّن روبوتك باستخدام سكريبت

انسخ كود التضمين الخاص بروبوتك من لوحة التحكم وأضفه إلى قسم head في ملف HTML الخاص بموقعك الإلكتروني.

أنشئ باستخدام مكتبة React

استخدم مكتبة Webchat React لبناء مكون دردشة مباشرة داخل تطبيقك.

طابق مظهر موقعك الإلكتروني

حدد اللون الأساسي، الخط، وضع السمة، نمط الرأس، تنسيق الرسائل ونصف قطر الزوايا، أو عدّل أصناف CSS المدمجة.

تضمين الدردشة في عنصر صفحة

اعرض الدردشة على الويب داخل عنصر HTML محدد، مما يخفي فقاعة الدردشة ويمنحك تحكمًا أكبر في مظهرها وموقعها.

الإعداد

01 · ابدأ بروبوت منشور

تحتاج إلى روبوت منشور ومعرفة أساسية بـ HTML لإضافة الدردشة على الويب إلى موقع مستضاف ذاتيًا.

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

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

03 · أضفه إلى موقعك الإلكتروني

الصق كود التضمين في قسم head من ملف HTML الخاص بموقعك الإلكتروني، ثم افتح موقعك وابدأ الدردشة مع روبوتك.

04 · ضبط الإعدادات والنشر

قم بتعديل الهوية والمظهر وإعدادات النشر والميزات في قسم الدردشة على الويب في لوحة التحكم، ثم اختر نشر الإعدادات.

قدرات إضافية

هوية الروبوت

حدد صورة الروبوت، اسم العرض، الوصف، نص الحقل المخصص للكتابة وصورة مخصصة لزر الإجراء العائم.

بيانات الاتصال

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

فقاعة رسالة استباقية

حدد رسالة استباقية، نوع المشغل ووقت التأخير، واستعرض الفقاعة في لوحة التحكم.

تقييم الرسائل

فعّل تقييم الرسائل واطلع على بيانات التقييم في قائمة التحليلات.

رفع الملفات والصوت

اسمح للمستخدمين برفع الملفات، وفعّل إشعارات الصوت للرسائل الجديدة باستخدام Webchat v3.3 أو أحدث.

سجل المحادثة

اسمح للمستخدمين بعرض ومتابعة المحادثات السابقة باستخدام Webchat v3.6 أو أحدث، واختر بين تخزين الجلسة أو التخزين المحلي لسجل الدردشة.

مشغل دردشة مخصص

قم بتبديل الدردشة على الويب باستخدام فقاعة الدردشة الافتراضية، صورة فقاعة مخصصة أو عنصر HTML خاص بك.

تحديد الموقع على الجانب الأيسر

انقل زر الدردشة ونافذة الدردشة إلى الجانب الأيسر من الشاشة عن طريق تجاوز CSS الافتراضي.

معرّف العميل لـ React

استخدم معرّف عميل Webchat الخاص بروبوتك لتحديد مثيل الدردشة عند البناء باستخدام مكتبة React.

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

هل يتكامل Botpress مع الدردشة على الويب؟

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

هل يمكنني استخدام الدردشة على الويب مع WordPress أو Wix أو Webflow؟

نعم. تتضمن وثائق الدردشة على الويب أدلة لإضافة روبوتك إلى مواقع WordPress وWix وWebflow.

ما الذي أحتاجه قبل الإعداد؟

تحتاج إلى روبوت منشور ومعرفة أساسية بـ HTML. تساعدك معرفة CSS إذا كنت ترغب في استخدام أنماط مخصصة.

هل يمكنني تقييد النطاقات التي يمكنها الوصول إلى الدردشة على الويب؟

نعم. إعداد "الأصول المسموح بها"، المتوفر في خطة Botpress Team أو أعلى، يتيح لك تحديد النطاقات المسموح لها بالوصول إلى الدردشة على الويب.

هل تنطبق أنماط لوحة التحكم على مكتبة React؟

لا. الأنماط المحددة في لوحة التحكم لا تنطبق على مكتبة Webchat React، حيث تستخدم خاصية التكوين بدلاً من ذلك.

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

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