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

מדריך צעד אחר צעד לאתרי Squarespace

פלטפורמה:

שלב 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: הוספת קוד באמצעות Code Injection (תוכניות Business ו-Commerce)

אם יש לכם תוכנית Squarespace Business או Commerce, ניתן להוסיף את הצ'אטבוט לכל הדפים בבת אחת באמצעות Code Injection:

היכנסו לחשבון ה-Squarespace שלכם ופתחו את האתר
לחצו על Settings בסרגל הצד השמאלי
לחצו על Advanced
לחצו על Code Injection
גללו למטה לקטע Footer
הדביקו את קוד ההטמעה של Asyntai בתיבת הטקסט של Footer
לחצו על "Save" למעלה משמאל

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

חלופה: שימוש ב-Code Blocks (כל התוכניות)

אם אתם בתוכנית Personal או מעדיפים להוסיף את הצ'אטבוט לדפים ספציפיים בלבד, ניתן להשתמש ב-Code Blocks:

פתחו את האתר בעורך Squarespace
נווט לדף שבו אתה רוצה להוסיף את הצ'אטבוט
לחצו על "Edit" בדף
העבירו את העכבר מעל קטע ולחצו על "+ Add Block"
גללו למטה ובחרו "Code"
לחצו על סמל העיפרון כדי לערוך את בלוק הקוד
הדבק את קוד ההטמעה של Asyntai
לחצו מחוץ לבלוק כדי לסגור את העורך
לחצו על "Save" בפינה השמאלית העליונה

חשוב: בעת שימוש ב-Code Blocks, תצטרכו להוסיף את הקוד לכל דף שבו אתם רוצים שהצ'אטבוט יופיע. להתקנה כלל-אתרית, השתמשו בשיטת Code Injection שלמעלה (דורש תוכנית Business או Commerce).

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

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

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

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

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

הוסיפו את המאפיין data-replace לתגית הסקריפט והשורה תתפוס את מקומה של הקיימת בתבנית. הוסיפו אותו ב-Settings, Code Injection, Footer, באותו מקום שבו קוד הצאט. ב-Squarespace האפשרות Code Injection קיימת רק בתוכנית Business או Commerce, ולכן היא נדרשת להתקנה.

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