איך להוסיף צ'אטבוט AI של Asyntai ל-BigCommerce

מדריך צעד אחר צעד לחנויות BigCommerce

פלטפורמה:

שלב 1: קבל את קוד ההטמעה שלך

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

הערה: הקוד למעלה הוא רק דוגמה. עליך להעתיק את קוד ההטמעה הייחודי שלך מלוח הבקרה שלך כיוון שהוא מכיל את מזהה הווידג'ט האישי שלך.

שלב 2: בחר שיטת התקנה

יש מספר דרכים להוסיף את וידג'ט הצ'אט ל-BigCommerce. בחר את השיטה שמתאימה לך ביותר:

שיטה 1: שימוש ב-Script Manager (מומלץ)

Script Manager היא הדרך הקלה והמומלצת ביותר להוספת סקריפטים מותאמים אישית לחנות BigCommerce שלך. היא לא דורשת ידע בקוד ונשמרת גם כשמחליפים נושא.

התחבר ללוח הבקרה של BigCommerce
עבור ל-Storefront → Script Manager
לחץ על כפתור "Create a Script"
הגדר את הסקריפט שלך עם ההגדרות הבאות:
- שם: Asyntai AI Chatbot
- תיאור: ווידג'ט צ'אט מונע AI (אופציונלי)
- מיקום: תחתית
- מיקום: כל הדפים
- קטגוריית סקריפט: פונקציונלי
- סוג סקריפט: סקריפט
בתיבה "Script Contents", הדבק את קוד ההטמעה של Asyntai
לחץ על "Save"

למה להשתמש ב-Script Manager? סקריפטים שנוספו דרך Script Manager מנוהלים בנפרד מהנושא שלך. הם לא יושפעו כשתעדכן או תחליף את נושא החנות.

שיטה 2: שימוש ב-Page Builder

אתה יכול להשתמש ב-Page Builder של BigCommerce כדי להוסיף את וידג'ט הצ'אט באמצעות אלמנט HTML. שיטה זו שימושית אם אתה רוצה יותר שליטה על היכן הווידג'ט מופיע.

התחבר ללוח הבקרה של BigCommerce
עבור ל-Storefront → My Themes
לחץ על כפתור "Customize" בנושא הפעיל שלך
בסרגל הצד השמאלי של Page Builder, מצא את אלמנט "HTML"
גרור ושחרר את אלמנט ה-HTML לאזור התחתון של תבנית הדף שלך
לחץ על אלמנט ה-HTML ובחר "Edit HTML"
הדבק את קוד ההטמעה של Asyntai
לחץ על "Save HTML"
לחץ על "Publish" כדי להחיל שינויים על החנות החיה שלך

הערה: אם אתה רוצה את הצ'אטבוט בכל הדפים, תצטרך להוסיף אותו לאזור גלובלי כמו התחתית. שיטת Script Manager קלה יותר להתקנה ברחבי האתר.

שיטה 3: עריכת קבצי נושא (נושאי Stencil)

למפתחים שמשתמשים בנושאי Stencil, אתה יכול להוסיף את הקוד ישירות לקבצי הנושא שלך. זה דורש גישה לקבצי המקור של הנושא.

שימוש בלוח הבקרה של BigCommerce

עבור ל-Storefront → My Themes
לחץ על "Advanced" בנושא הפעיל שלך
בחר "Edit Theme Files"
נווט ל-templates → components → common
פתח את footer.html
גלול לתחתית הקובץ
הדבק את קוד ההטמעה של Asyntai ממש לפני תג הסגירה
לחץ על "Save & Apply File"

שימוש ב-Stencil CLI (פיתוח מקומי)

אם אתה מפתח מקומית עם Stencil CLI:

פתח את הקבצים המקומיים של הנושא שלך
נווט ל-templates/components/common/footer.html
הוסף את קוד ההטמעה של Asyntai לפני תגי הסגירה
דחוף את השינויים שלך באמצעות stencil push

חשוב: שינויים בקבצי הנושא עלולים להידרס כשאתה מעדכן את הנושא. לפתרון קבוע שנשמר בין עדכוני נושא, השתמש בשיטת Script Manager.

שלב 3: אמת את ההתקנה

לאחר הוספת הקוד, בקר בחנות BigCommerce שלך בלשונית דפדפן חדשה או חלון גלישה פרטית. אתה אמור לראות את כפתור וידג'ט הצ'אט בפינה הימנית התחתונה של החנות. לחץ עליו כדי לוודא שהוא נפתח ועובד כראוי.

לא רואה את הווידג'ט? נקה את מטמון הדפדפן ונסה שוב. אם ביצעת שינויים דרך עורך הנושא, ודא שלחצת על "Publish" כדי להחיל את השינויים על החנות החיה שלך.

תיעוד