מדריך ווידג'ט הצ'אט

חוויית הלקוח

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

ווידג'ט הצ'אט כפי שהוא מופיע ללקוחות בחנות WooCommerce שלך

תכונות הווידג'ט

מקרי שימוש נפוצים של לקוחות

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

אלמנטים בממשק הווידג'ט

כפתור הפעלה

הכפתור הצף שמופיע בפינה של האתר שלך:

• לחץ להפעלה: פותח את חלון הצ'אט המלא
• תג התראה: מראה ספירת הודעות שלא נקראו
• עצה: הודעה אופציונלית "צריך עזרה?" בעת ריחוף
• אנימציה: דחיפה עדינה למשיכת תשומת לב (ניתנת לתצורה)

כותרת הצ'אט

החלק העליון של חלון הצ'אט הפתוח:

• אווטאר: תמונת הפרופיל של הצ'אטבוט או אימוג'י
• שם: שם הצ'אטבוט (לדוגמה, "עוזר החנות")
• סטטוס: מחוון מחובר המראה שהבוט פעיל
• כפתור סגירה: ממזער את חלון הצ'אט

אזור ההודעות

אזור השיחה הראשי:

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

אזור הקלט

כאן לקוחות מקלידים את ההודעות שלהם:

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

כרטיסי מוצרים

כאשר הצ'אטבוט ממליץ על מוצרים, הוא מציג כרטיסי מוצרים עשירים עם:

קיצורי מקלדת

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

חוויית נייד

על מכשירים ניידים, ווידג'ט הצ'אט מספק חוויה מיטובה:

תכונות ספציפיות לנייד

• מצב מלא מסך: הצ'אט נפתח בשכבת כיסוי מלאת מסך לשימושיות טובה יותר
• ידידותי לטאচ: יעדי הקשה גדולים יותר לכפתורים וקישורים
• טיפול חכם במקלדת: שדה הקלט נשאר גלוי כאשר המקלדת נפתחת
• החלק לסגירה: החלק למטה כדי ממזער את הצ'אט
• אזורים בטוחים: מכבד חריץ ומחוון בית בטלפונים מודרניים

מפעיל נייד

על מסכנים קטנים יותר, כפתור הפעלה:

• בגודל אוטומטי לטאচ (מינימום 44x44px)
• ממוקם בבטחה רחוק מאלמנטי UI מקומיים
• ניתן להסתיר בעמודים ניידים ספציפיים (ניתן לתצורה)

זרימת השיחה

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

זרימה טיפוסית

1. לקוח פותח צ'אט
   └─ הודעת פתיחה מוצגת

2. לקוח שואל שאלה
   └─ AI מעבד ומגיב

3. אם קשור למוצר:
   └─ חיפוש RAG מוצא מוצרים רלוונטיים
   └─ כרטיסי מוצרים מוצגים

4. לקוח יכול:
   ├─ לשאול שאלות עקיבה
   ├─ להוסיף מוצר לעגלה
   ├─ לבקש אפשרויות נוספות
   └─ לסגור צ'אט

5. סשן מסתיים
   └─ שיחה נשמרת לחזרה פוטנציאלית

טריגרים בתרחישים

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

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

העברה לעוזר אנושי

כאשר לקוחות זקוקים לסיוע אנושי, הצ'אטבוט מספק אפשרויות ברורות:

הסלמה אוטומטית

הצ'אטבוט עשוי להציע תמיכה אנושית כאשר:

• לקוח מבקש בצורה מפורשת עזרה אנושית
• רמת הביטחון של AI נמוכה לאחר ניסיונות מרובים
• בעיות רגישות זוהו (תלונות, מחלוקות חיוב)
• שאלות מורכבות שמעבר ליכולות AI

אפשרויות העברה

בהתאם לתצורה שלך, לקוחות יכולים להיות מופנים ל:

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

אפשרויות הטמעת ווידג'ט

ווידג'ט הצ'אט יכול להיות מוצג בדרכים שונות:

ווידג'ט צף (ברירת מחדל)

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

/* טעון אוטומטית - אין צורך בקוד */

הטמעה משולבת

הטמע את הצ'אט ישירות לחלק של עמוד באמצעות shortcode:

[wooai_chat_inline height="500px"]

תצוגה ספציפית לעמוד

שלוט איפה ווידג'ט מופיע באמצעות הגדרות הנראות של העמוד בתצורת מראה.

תכונות Shortcode

ביצועים

ווידג'ט הצ'אט מותאם להשפעה מינימלית על ביצועי העמוד:

אופטימיזציה טעינה

• טעינה עצלנה: JavaScript של ווידג'ט נטען רק לאחר שהעמוד אינטראקטיבי
• טביעת רגל מינימלית: חבילה התחלתית מתחת ל-50KB דחוסה
• פיצול קוד: תכונות נוספות נטענות בעמידה
• ללא תלות jQuery: יישום JavaScript טהור

זמני תגובה

נגישות

ווידג'ט הצ'אט בנוי עם נגישות בראש:

תכונות

• ניווט במקלדת: תמיכה מלאה במקלדת לכל האינטראקציות
• תמיכה בקורא מסך: תוויות ARIA ואזורים חיים לתוכן דינמי
• ניהול פוקוס: טיפול פוקוס ראוי בעת פתיחה/סגירה
• ניגודיות צבע: צבעי ברירת מחדל תואמים WCAG 2.1 AA
• תנועה מופחתת: מכבד את הגדרת prefers-reduced-motion

תוויות ARIA

<!-- דוגמה ליישום ARIA -->
<button aria-label="פתח צ'אט" role="button">...</button>
<div role="log" aria-live="polite" aria-label="הודעות צ'אט">...</div>
<input aria-label="הקלד את הודעתך" placeholder="...">

פתרון בעיות

ווידג'ט לא מופיע

• בדוק שWooAI מופעל והרישיון תקף
• אמת שהעמוד לא ברשימת "הסתר בעמודים"
• בדוק שגיאות JavaScript בקונסול הדפדפן
• וודא שללא blocker פרסומות חוסם את סקריפט הווידג'ט
• נקה את כל מטמוני הנתונים (WordPress, CDN, דפדפן)

הודעות לא נשלחות

• אמת שמפתח API של ספק AI מוגדר ותקף
• בדוק בלשונית הרשת של הדפדפן בקשות API שנכשלו
• וודא שהשרת שלך מאפשר חיבורי HTTPS יוצאים
• בדוק עם דפדפן אחר כדי לשלול הרחבות

תגובות איטיות

• עברו למודל AI מהיר יותר
• בדוק חיבור Supabase לשאילתות RAG
• הקטן את "Max Results" בהגדרות RAG
• אמת שהשרת שלך לא מוגבל במשאבים

בעיות בעיצוב ווידג'ט

• בדוק התנגשויות CSS עם ה-theme שלך
• השתמש במפקח הדפדפן כדי לזהות סגנונות מתנגשים
• הוסף CSS מותאם עם ספציפיות גבוהה יותר אם יש צורך
• בדוק עם ערכת WordPress ברירת מחדל כדי לבודד בעיות

כרטיסי מוצרים לא מוצגים

• אמת ש-RAG מוגדר ומוצרים באינדקס
• בדוק חיפוש RAG ישירות בלוח ההגדרות
• וודא שנתונים מוצר כוללים תיאורים (לא רק כותרות)
• בדוק שסף הדמיון לא גבוה מדי