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

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

פלטפורמה:

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

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

<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: הוספת קוד להגדרות האתר (מומלץ)

הדרך הקלה ביותר להוסיף את הצ'אטבוט לכל עמודי אתר Duda שלך היא דרך הגדרות האתר:

התחבר לחשבון Duda שלך ופתח את עורך האתר
בסרגל הצד השמאלי, לחץ על "More" (סמל שלוש נקודות)
לחץ על "Settings"
גלול למטה ולחץ על "Head HTML"
בשדה "Body End HTML", הדבק את קוד ההטמעה של Asyntai
לחץ על "Save"
לחץ על "Publish" בפינה הימנית העליונה כדי להפעיל את השינויים שלך

טיפ: הוספת קוד לחלק Body End HTML מבטיחה שהצ'אטבוט נטען לאחר תוכן העמוד, מה שלא ישפיע על מהירות הטעינה של האתר שלך. שיטה זו מוסיפה אוטומטית את הצ'אטבוט לכל עמוד באתר שלך.

שיטה חלופית 1: ווידג'ט HTML (עמודים ספציפיים)

אם ברצונך להוסיף את הצ'אטבוט לעמודים ספציפיים בלבד, השתמש בווידג'ט HTML:

פתח את העמוד שברצונך לערוך בעורך Duda
בסרגל הצד השמאלי, חפש "HTML" בפאנל הווידג'טים
גרור ושחרר את ווידג'ט HTML לעמודה או שורה בעמוד שלך
לחץ על הווידג'ט כדי לערוך אותו
הדבק את קוד ההטמעה של Asyntai בשדה הקוד
לחץ על "Update"
לחץ על "Publish" כדי להפעיל את השינויים

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

שיטה חלופית 2: מצב מפתח (מתקדם)

למשתמשים מתקדמים, ניתן להשתמש במצב מפתח כדי להוסיף קוד ישירות ל-HTML:

בעורך Duda, לחץ על סמל Developer Mode בסרגל העליון
לחץ על "Site HTML/CSS" כדי להרחיב את הבחירה
לחץ על "body-end.html" מרשימת הקבצים
גלול לשורה האחרונה של הקובץ
הדבק את קוד ההטמעה של Asyntai בשורה חדשה
לחץ על "Save"
לחץ על "Done" כדי לצאת ממצב מפתח
לחץ על "Publish" כדי לפרוס את השינויים שלך

חשוב: מצב מפתח נותן לך גישה ישירה ל-HTML ו-CSS של האתר שלך. הקפד להוסיף קוד רק בסוף קובץ body-end.html כדי להימנע משבירת הפונקציונליות של האתר שלך. תמיד בדוק שינויים לפני פרסום.

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

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