כיצד להוסיף צ'אטבוט AI של Asyntai ל-Volusion

מדריך צעד אחר צעד לחנויות מסחר אלקטרוני של Volusion

פלטפורמה:

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

ראשית, עבור ללוח הבקרה של Asyntai וגלול למטה לחלק "קוד הטמעה". העתק את קוד ההטמעה הייחודי שלך שייראה כך:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

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

שלב 2: גבו את התבנית שלכם

לפני ביצוע שינויים בחנות Volusion שלכם, חשוב ליצור גיבוי:

היכנסו ללוח הניהול של Volusion
נווטו אל Design → File Editor
לחצו על Archive Theme כדי ליצור גיבוי
הורידו עותק של הארכיון לשמירה בטוחה

חשוב: תמיד גבו את התבנית לפני ביצוע שינויי קוד. זה מאפשר לכם לחזור בקלות אם משהו משתבש.

שלב 3: הוספת קוד לתבנית (מומלץ)

כדי להוסיף את הצ'אטבוט לכל דפי חנות Volusion שלכם:

בלוח הניהול של Volusion, עברו אל Design → Template
לחלופין, עברו אל Design → File Editor → Shortcuts
מצאו את קובץ התבנית הראשי (בדרך כלל template_*.html)
גללו למטה כדי למצוא את תגית הסגירה </body>
הדבק את קוד ההטמעה של Asyntai ממש לפני תג </body>
לחצו על Save כדי להחיל שינויים
צפו בתצוגה מקדימה של החנות כדי לוודא שהצ'אטבוט מופיע

טיפ: הוספת הקוד לפני תגית הסגירה </body> מבטיחה ביצועי טעינת דף מיטביים. שיטה זו מוסיפה את הצ'אטבוט לכל דף בחנות באופן אוטומטי.

שיטה חלופית 1: הזרקת HTML ל-Header/Footer

Volusion מאפשר להוסיף קוד מותאם אישית דרך הגדרות גלובליות:

היכנסו ללוח הניהול של Volusion
נווטו אל Settings → Design Settings
חפשו קטע Custom HTML או Footer Code
הדביקו את קוד ההטמעה של Asyntai בשדה זה
לחץ על Save
הקוד יתווסף כעת לכל הדפים באופן אוטומטי

הערה: המיקום המדויק של הגדרות HTML מותאם אישית עשוי להשתנות בהתאם לתוכנית ולגרסת Volusion שלכם. חפשו הגדרות הקשורות ל-"Custom Code", "Header/Footer" או "Global HTML.

שיטה חלופית 2: התקנה ספציפית לדף

אם אתם רוצים להוסיף את הצ'אטבוט לדפים ספציפיים בלבד:

עברו אל Design → File Editor → Shortcuts
צרו או ערכו תבנית ספציפית לדף באמצעות פונקציית PageName
הוסיפו קוד מותנה כדי לכלול את הסקריפט רק בדפים ספציפיים:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

טיפ: שיטה זו שימושית אם אתם רוצים את הצ'אטבוט רק בדפים מסוימים כמו דפי מוצר, תשלום או תמיכה. החליפו את 'home' ו-'products' בשמות הדפים בפועל מחנות Volusion שלכם.

שיטה חלופית 3: מאמר CSS/HTML מותאם אישית

ניתן גם להוסיף את הקוד דרך בלוק מאמר:

בממשק הניהול של Volusion, עברו אל Articles → Articles
צרו מאמר חדש או ערכו מאמר קיים
עברו לתצוגת HTML בעורך המאמרים
הדבק את קוד ההטמעה של Asyntai
שמרו את המאמר
הוסיפו מאמר זה לתבנית העמוד או לסרגל הצד
הצ'אטבוט יופיע בעמודים שבהם מאמר זה מוצג

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

שלב 4: אימות ההתקנה

לאחר שמירת השינויים, פתחו את חנות ה-Volusion שלכם בלשונית דפדפן חדשה או בחלון גלישה פרטית. אתם אמורים לראות את כפתור הצ'אט בפינה הימנית התחתונה. לחצו עליו כדי לוודא שהוא נפתח ופועל כראוי.

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

צריך עזרה?

אם אינכם מרגישים בנוח לערוך קבצי תבנית, צוות התמיכה של Volusion יכול לסייע בבקשות HTML ו-CSS מותאמות אישית. תוכלו גם ליצור קשר עם תמיכת Asyntai לקבלת הדרכה להתקנת הצ'אטבוט בחנות ה-Volusion שלכם.

תמיכה מקצועית: Volusion מציעה שירותי קוד מותאמים אישית אם אתם זקוקים לסיוע מקצועי בשינויי ערכת עיצוב או התאמות מורכבות.

תיעוד