يتكامل Botpress مع موقعك الإلكتروني عبر الدردشة على الويب، وهي واجهة أمامية مخصصة لروبوتك تم تطويرها بواسطة Botpress. أضف روبوتك إلى موقع إلكتروني أو تطبيق باستخدام كود تضمين أو مكتبة React قابلة للتخصيص بالكامل.
انسخ كود التضمين الخاص بروبوتك من لوحة التحكم وأضفه إلى قسم head في ملف HTML الخاص بموقعك الإلكتروني.
استخدم مكتبة Webchat React لبناء مكون دردشة مباشرة داخل تطبيقك.
حدد اللون الأساسي، الخط، وضع السمة، نمط الرأس، تنسيق الرسائل ونصف قطر الزوايا، أو عدّل أصناف CSS المدمجة.
اعرض الدردشة على الويب داخل عنصر HTML محدد، مما يخفي فقاعة الدردشة ويمنحك تحكمًا أكبر في مظهرها وموقعها.
تحتاج إلى روبوت منشور ومعرفة أساسية بـ HTML لإضافة الدردشة على الويب إلى موقع مستضاف ذاتيًا.
افتح مساحة عمل روبوتك، اختر الروبوت، انتقل إلى الدردشة على الويب، ثم إعدادات النشر، وانسخ كود التضمين.
الصق كود التضمين في قسم head من ملف HTML الخاص بموقعك الإلكتروني، ثم افتح موقعك وابدأ الدردشة مع روبوتك.
قم بتعديل الهوية والمظهر وإعدادات النشر والميزات في قسم الدردشة على الويب في لوحة التحكم، ثم اختر نشر الإعدادات.
حدد صورة الروبوت، اسم العرض، الوصف، نص الحقل المخصص للكتابة وصورة مخصصة لزر الإجراء العائم.
أضف بريدًا إلكترونيًا اختياريًا، رقم هاتف، موقع إلكتروني، شروط الخدمة وسياسة الخصوصية.
حدد رسالة استباقية، نوع المشغل ووقت التأخير، واستعرض الفقاعة في لوحة التحكم.
فعّل تقييم الرسائل واطلع على بيانات التقييم في قائمة التحليلات.
اسمح للمستخدمين برفع الملفات، وفعّل إشعارات الصوت للرسائل الجديدة باستخدام Webchat v3.3 أو أحدث.
اسمح للمستخدمين بعرض ومتابعة المحادثات السابقة باستخدام Webchat v3.6 أو أحدث، واختر بين تخزين الجلسة أو التخزين المحلي لسجل الدردشة.
قم بتبديل الدردشة على الويب باستخدام فقاعة الدردشة الافتراضية، صورة فقاعة مخصصة أو عنصر HTML خاص بك.
انقل زر الدردشة ونافذة الدردشة إلى الجانب الأيسر من الشاشة عن طريق تجاوز CSS الافتراضي.
استخدم معرّف عميل Webchat الخاص بروبوتك لتحديد مثيل الدردشة عند البناء باستخدام مكتبة React.
نعم. الدردشة على الويب هي واجهة أمامية مخصصة لروبوتك تم تطويرها بواسطة Botpress، وتضيف روبوتك إلى موقعك الإلكتروني باستخدام كود تضمين أو مكتبة React.
نعم. تتضمن وثائق الدردشة على الويب أدلة لإضافة روبوتك إلى مواقع WordPress وWix وWebflow.
تحتاج إلى روبوت منشور ومعرفة أساسية بـ HTML. تساعدك معرفة CSS إذا كنت ترغب في استخدام أنماط مخصصة.
نعم. إعداد "الأصول المسموح بها"، المتوفر في خطة Botpress Team أو أعلى، يتيح لك تحديد النطاقات المسموح لها بالوصول إلى الدردشة على الويب.
لا. الأنماط المحددة في لوحة التحكم لا تنطبق على مكتبة Webchat React، حيث تستخدم خاصية التكوين بدلاً من ذلك.
انسخ كود التضمين من إعدادات نشر الدردشة على الويب وأضفه إلى قسم head في ملف HTML الخاص بموقعك الإلكتروني.