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

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

פלטפורמה:

שלב 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: הוספת קוד לתבנית Shopify שלכם

עקבו אחר השלבים הבאים כדי להוסיף את הצ'אטבוט לחנות Shopify שלכם:

היכנסו ללוח Shopify Admin שלכם
עברו אל Online Store → Themes
מצאו את התבנית הנוכחית ולחצו על כפתור "..." (שלוש נקודות)
בחרו "Edit code" מהתפריט הנפתח
בסרגל הצד השמאלי, תחת Layout, לחצו על theme.liquid
גלול למטה כדי למצוא את תגית הסגירה </body>
הדבק את קוד ההטמעה של Asyntai ממש לפני תג </body>
לחץ על "Save" בפינה הימנית העליונה

טיפ: השתמשו ב-Ctrl+F (Windows) או Cmd+F (Mac) כדי לחפש במהירות את </body> בקובץ theme.liquid.

חלופה: שימוש באפליקציית Shopify

אם אתם מעדיפים לא לערוך קוד, ניתן להשתמש באפליקציית Shopify כדי להוסיף סקריפטים מותאמים אישית:

עברו לShopify App Store
חפשו "Custom Script Injector" או "Header & Footer Scripts"
התקינו את האפליקציה לבחירתכם
השתמשו באפליקציה כדי להוסיף את קוד ההטמעה של Asyntai לקטע הפוטר

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

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

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

משתמשי Shopify Plus

אם אתם ב-Shopify Plus, ניתן גם להוסיף את הסקריפט דרך קובץ checkout.liquid כדי להציג את הצ'אטבוט בדפי התשלום. עם זאת, שימו לב שרוב החנויות צריכות אותו רק בדפי החנות הראשיים.

הוספת שורת החיפוש החכמה

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

הוסיפו את המאפיין data-replace לתגית הסקריפט והשורה תתפוס את מקומה של הקיימת בתבנית. הדביקו אותו בקובץ theme.liquid ממש לפני תגית body הסוגרת, באותו קובץ שבו נמצא קוד הצאט. התבנית שומרת על עמוד התוצאות שלה, ולכן Enter ממשיך לעבוד בדיוק כמו קודם.

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

קראו את המדריך המלא לשורת החיפוש החכמה