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

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

פלטפורמה:

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

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

<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

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

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

הערה: ב-Squarespace 7.0, Code Injection נמצא תחת Pages → Website Tools.

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

חלופה: שימוש בבלוקי קוד

כדי להוסיף את הצ'אטבוט לדפים מסוימים בלבד, תוכלו להשתמש בבלוקי קוד (Code Blocks). בלוק קוד מריץ JavaScript רק בתוכנית Core, Plus או Advanced (או בתוכנית Business או Commerce ישנה).

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

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

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

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

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

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

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

הוסיפו את המאפיין data-replace לתגית הסקריפט, ושורת החיפוש שלנו תחליף את זו שכבר קיימת בערכת העיצוב שלכם. הוסיפו אותו תחת Pages, Custom Code, Code Injection, Footer, באותו מקום שבו נמצא קוד הצ'אט. Squarespace מציע Code Injection רק בתוכנית Core, Plus או Advanced (או בתוכנית Business או Commerce ישנה), ולכן תצטרכו אחת מהן כדי להתקין זאת.

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