חזרה ללוח הבקרה

תיעוד

למדו כיצד להשתמש ב-Asyntai

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

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

קבלת קוד הטמעה

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

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

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

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

שלב 2: שימוש בקוד מותאם אישית (מומלץ)

ל-Framer יש תכונת קוד מותאם אישית מובנית שמקלה על הוספת סקריפטים:

  1. פתח את פרויקט Framer שלך
  2. לחץ על סמל גלגל השיניים (הגדרות אתר) בפינה השמאלית העליונה
  3. עבור לחלק "Custom Code"
  4. לחץ על כפתור "Add Script"
  5. הדבק את קוד ההטמעה של Asyntai בשדה הסקריפט
  6. הגדר את המיקום ל-"End of <body> tag"
  7. שמור ופרסם את האתר שלך

טיפ: מיקום הסקריפט ב-"End of <body> tag" מבטיח שהוא נטען לאחר תוכן העמוד, מה שמומלץ לווידג'טים של צ'אט ולא יאט את טעינת העמוד שלך. Framer מציע גם אפשרויות "Start of <head>" ו-"End of <head>", אך סוף ה-body מועדף.

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

אם אתה מעדיף להוסיף את הצ'אטבוט באמצעות רכיב קוד:

  1. בעורך Framer, פתח את העמוד שבו אתה רוצה את הצ'אטבוט
  2. הוסף רכיב קוד לקנבס שלך
  3. הדבק את קוד ההטמעה של Asyntai ברכיב
  4. מקם אותו בפריסה שלך לפי הצורך

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

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

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

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