איך להוסיף צ'אטבוט AI של Asyntai ל-Bubble
מדריך צעד אחר צעד לאפליקציות Bubble
שלב 1: קבל את קוד ההטמעה שלך
ראשית, עבור ללוח הבקרה של Asyntai וגלול למטה לחלק "קוד הטמעה". העתק את קוד ההטמעה הייחודי שלך שייראה כך:
<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"
- פרוס את האפליקציה שלך
טיפ: הוספת הקוד לשדה סקריפט הגוף מבטיחה שהוא ייטען בכל דף של אפליקציית Bubble שלך, וזו הגישה המומלצת לווידג'טים של צ'אט. תכונה זו זמינה בכל תוכניות Bubble כולל Free.
חלופה: שימוש באלמנט HTML
אם אתה מעדיף להוסיף את הצ'אטבוט לדף ספציפי בלבד:
- בעורך Bubble, פתח את הדף שבו אתה רוצה את הצ'אטבוט
- הוסף אלמנט HTML לדף שלך
- הדבק את קוד ההטמעה של Asyntai באלמנט
- פרוס את האפליקציה שלך
הערה: שיטת הגדרות האפליקציה מועדפת כיוון שהיא מחילה את הצ'אטבוט על כל האפליקציה שלך. שיטת אלמנט ה-HTML תוסיף את הצ'אטבוט רק לדף הספציפי שבו אתה מציב את האלמנט.
שלב 3: אמת את ההתקנה
לאחר פריסת האפליקציה שלך, בקר באתר Bubble שלך בלשונית דפדפן חדשה או חלון גלישה פרטית. אתה אמור לראות את כפתור וידג'ט הצ'אט בפינה הימנית התחתונה. לחץ עליו כדי לוודא שהוא נפתח ועובד כראוי.
לא רואה את הווידג'ט? ודא שפרסת את האפליקציה שלך לאחר הוספת הקוד. נסה לנקות את מטמון הדפדפן או לצפות בחלון גלישה פרטית. אם בודק במצב פיתוח, ודא שאתה בודק גם את הגרסה החיה של האפליקציה.
Weebly