מרכז עזרה ותמיכה

כל מה שצריך לדעת על הפעלת העוזר החכם באתר שלכם.

שלב 1

איך מטמיעים את הווידג'ט?

ההטמעה לוקחת 2 דקות ודורשת הוספת קטע קוד פשוט לאתר שלכם.

טיפ: הוסיפו את הקוד לפני סגירת תגית ה-</body> או ב-<head> של האתר שלכם.


<!-- 1. טעינת הסקריפט הראשי של הווידג'ט -->
<script src="https://cdn.sitesbrain.com/chat-widget.min.js"></script>

<!-- 2. הפעלת הווידג'ט עם ההגדרות שלכם -->
<script>
  window.initAIChatWidget({
    baseUrl: 'https://api.sitesbrain.com', // חובה: כתובת השרת שלנו
    domain: 'your-domain.co.il'            // חובה: הדומיין שלכם
  });
</script>

רק שני הפרמטרים baseUrl ו-domain הם חובה להפעלה בסיסית. כל שאר ההגדרות (מפורטות למטה) הן אופציונליות ונועדו להתאמה אישית.

התאמה אישית

מדריך הגדרות מלא (Settings)

אתם יכולים להתאים כמעט כל פריט בווידג'ט. הוסיפו את ההגדרות לאובייקט בתוך הפונקציה initAIChatWidget.

baseUrl

כתובת ה-API שלנו לתקשורת. שדה חובה.

לרוב: 'https://api.sitesbrain.com'
domain

שם הדומיין של האתר שלכם, עוזר למערכת לזהות את החשבון הנכון. שדה חובה.

לדוגמה: 'mysite.co.il'
primaryColor

צבע העיצוב הראשי של הווידג'ט (בפורמט HEX). ישפיע על הכפתורים והכותרות.

ברירת מחדל: '#6366f1'
botName

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

ברירת מחדל: 'עוזר AI'
buttonText

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

ברירת מחדל: 'עוזר חכם'
welcomeMessage

הודעת הפתיחה שתופיע כשהלקוח פותח את הצ'אט לראשונה.

ברירת מחדל: 'איך אפשר לעזור?'
chatPlaceholder

הטקסט בשורת ההקלדה שמנחה את המשתמש להקליד משהו.

ברירת מחדל: 'שאל אותי כל דבר...'
suggestions

מערך (Array) של משפטים שיופיעו ככפתורים לחיצים בתחילת השיחה לעזרה מהירה.

דוגמה: ['מי אתם?', 'מה המחיר?']
position

הפינה במסך בה ימוקם הצ'אט: 'bottom-right', 'bottom-left', 'top-right' או 'top-left'.

ברירת מחדל: 'bottom-right'
offsetX / offsetY

המרחק (פיקסלים/אחוזים) מקצה המסך כדי למנוע הסתרה של רכיבים אחרים (כמו WhatsApp).

ברירת מחדל: '24px'
zIndex

קובע איזו שכבה הווידג'ט יוצג (כדי לוודא שהוא מעל כל התוכן ובדיוק מתי צריכים אותו).

ברירת מחדל: '999999'

דוגמת קוד להגדרות מתקדמות:


<script>
  window.initAIChatWidget({
    baseUrl: 'https://api.sitesbrain.com',
    domain: 'my-store.co.il',
    primaryColor: '#0f5b8d',
    botName: 'תמיכת הלקוחות',
    welcomeMessage: 'ברוכים הבאים לחנות שלנו! מחפשים המלצה למתנה?',
    suggestions: [
      'מה שעות הפתיחה שלכם?',
      'איך אפשר להחזיר מוצר?'
    ],
    position: 'bottom-left',
    offsetY: '100px' // לפנות מקום לאייקון ווטסאפ למטה
  });
</script>
מידע שימושי

שאלות נפוצות (FAQ)

ריכזנו עבורכם את התשובות לשאלות שעולות הכי הרבה.

ממש לא! כל מה שצריך לעשות הוא להעתיק את שתי שורות הקוד שמסופקות, ולהדביק אותן לאתר שלכם (דרך וורדפרס, WIX, Shopify או סתם בקובץ HTML). אם יש לכם מתכנת, אפשר לשלוח לו את הקישור לעמוד הזה והוא יטמיע את זה בדקת עבודה.

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

השתמשו בפרמטר primaryColor וכתבו בתוכו את קוד הצבע של המותג שלכם (למשל, '#ff0000' לצבע אדום). הכל ישתנה אוטומטית: הכפתור, הבועות והכותרות ישאבו את הצבע החדש.

אפשר להזיז את הווידג'ט בקלות באמצעות הפרמטרים offsetX ו-offsetY. למשל, אם הווטסאפ נמצא למטה, אפשר להזין offsetY: '100px' (או יותר) והווידג'ט של SitesBrain פשוט יעלה קצת למעלה כדי לפנות מקום.

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

כדי לעזור לכם לנטר את הלחיצות ולהבין אילו עמודים מעניינים את הגולשים שלכם, הבוט מוסיף אוטומטית לעמודי התוצאות את הפרמטר utm_source=sitesbrain. כך תוכלו לראות במערכות האנליטיקס שלכם בדיוק מי הגיע דרך העוזר החכם.