كيفية إضافة روبوت الدردشة Asyntai AI إلى Bubble
دليل خطوة بخطوة لتطبيقات Bubble
الخطوة 1: احصل على كود التضمين
أولاً، انتقل إلى لوحة تحكم Asyntai وانتقل لأسفل إلى قسم "Embed Code". انسخ كود التضمين الفريد الذي سيبدو هكذا:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
ملاحظة: الكود أعلاه مجرد مثال. يجب عليك نسخ كود التضمين الفريد الخاص بك من لوحة التحكم لأنه يحتوي على معرف الأداة الشخصي الخاص بك.
الخطوة 2: استخدام إعدادات التطبيق (موصى به)
لدى Bubble طريقة مدمجة لإضافة برامج نصية مخصصة من خلال إعدادات التطبيق:
- سجّل الدخول إلى محرر تطبيق Bubble الخاص بك
- انتقل إلى Settings في الشريط الجانبي الأيسر
- انقر على علامة تبويب "Web App"
- مرر لأسفل إلى "Advanced Settings"
- ابحث عن قسم "Custom headers and body"
- الصق كود تضمين Asyntai الخاص بك في حقل "Script in body"
- انشر تطبيقك
نصيحة: إضافة الكود إلى حقل Script in body يضمن تحميله على كل صفحة من تطبيق Bubble الخاص بك، وهو النهج الموصى به لأدوات الدردشة. هذه الميزة متاحة في جميع خطط Bubble بما في ذلك Free.
البديل: استخدام عنصر HTML
إذا كنت تفضل إضافة روبوت الدردشة إلى صفحة محددة فقط:
- في محرر Bubble، افتح الصفحة التي تريد روبوت الدردشة فيها
- أضف عنصر HTML إلى صفحتك
- الصق كود تضمين Asyntai في العنصر
- انشر تطبيقك
ملاحظة: طريقة إعدادات التطبيق مفضّلة لأنها تطبق روبوت الدردشة عبر تطبيقك بالكامل. طريقة عنصر HTML ستضيف روبوت الدردشة فقط إلى الصفحة المحددة التي تضع فيها العنصر.
الخطوة 3: التحقق من التثبيت
بعد نشر تطبيقك، قم بزيارة موقع Bubble الخاص بك في علامة تبويب جديدة أو نافذة تصفح خاص. يجب أن ترى زر أداة الدردشة في الزاوية السفلية اليمنى. انقر عليه للتأكد من أنه يفتح ويعمل بشكل صحيح.
لا ترى الأداة؟ تأكد من نشر تطبيقك بعد إضافة الكود. جرب مسح ذاكرة التخزين المؤقت للمتصفح أو العرض في نافذة تصفح خاص. إذا كنت تختبر في وضع التطوير، تأكد من التحقق من النسخة المباشرة لتطبيقك أيضاً.
Weebly