שילוב Zendesk Chat: מהתקנת ווידג'ט ועד סנכרון כרטיסים
שימו לב: כשמבקר מגיע לאתר שלכם ורואה את כפתור הצ'אט, הוא מצפה לתגובה מיידית. אבל אם הצ'אט אינו מחובר למערכת התמיכה שלכם, כל פנייה חייבת להיות מטופלת ידנית, מה שגורם לבזבוז זמן ואובדן לקוחות. Zendesk Chat (חלק מ-Zendesk Suite כ-Messaging) פותר זאת על ידי איחוד צ'אט וכרטיסים לסביבת עבודה אחת לסוכן. טעות נפוצה היא לנסות להטמיע iframe של הווידג'ט הישן מבלי להתחשב ב-CORS, מה שמוביל לשגיאות טעינה. בעיה נוספת היא יצירת טוקן JWT שגויה עקב מפתח סודי לא נכון, מה שמונע מהווידג'ט לזהות את המשתמש. הצוות שלנו מסייע בהטמעת Zendesk Chat המותאם לארכיטקטורה שלכם: React, Vue, Laravel, או אפילו HTML סטטי. האינטגרציה המלאה כוללת התקנת ווידג'ט, הגדרת אימות JWT, והעברת נתוני משתמש למערכת התמיכה. נבצע הערכה חינמית של הפרויקט שלכם.
אתגרים טכניים בחיבור Zendesk Chat
בחירת גרסת הווידג'ט. Zendesk מציעה שתי APIs: Classic Web Widget (מיושן) וה-Web Widget החדש (Messaging). החדש מהיר ב-30% ב-LCP (שיפור של פי 1.3) ותומך בצ'אטבוטים, אך דורש התאמת קוד. Classic קל יותר להתאמה אישית אך אינו מקבל עוד עדכונים. אנו מסייעים בבחירת האפשרות המתאימה לפי המחסן הטכנולוגי והתקציב שלכם. לדוגמה, בפרויקט Vue 3 בחרנו ב-Classic להתאמה אישית עמוקה של CSS; בפרויקט React 18 בחרנו ב-Messaging לשילוב צ'אטבוט עתידי.
אימות JWT. ללא JWT, הווידג'ט לא יידע מי המשתמש, והכרטיסים יישארו אנונימיים. יצירת הטוקן דורשת קוד בצד השרת ומפתח סודי. אנו מספקים דוגמאות מוכנות ל-PHP (באמצעות ספריית Firebase JWT) ו-Node.js. לפי מסמכי Zendesk: טוקן JWT חייב להיות חתום עם HS256 ולהכיל שדות name, email, ו-external_id. למידע נוסף על JWT.
העברת נתונים מותאמים אישית. לעיתים קרובות יש צורך להעביר מספר הזמנה, תעריף, או היסטוריית פעולות באתר. זה נעשה באמצעות zE.identify() או messenger:set עם פרמטרים נוספים. ללא זה, לסוכן אין הקשר, מה שמוביל לשאלות חוזרות וזמני תגובה ארוכים ב-50%.
איך להעביר נתונים מותאמים אישית ל-Zendesk Chat?
התהליך כולל ארבעה שלבים:
- ניתוח המחסן הטכני הנוכחי שלכם. קביעה איזה ווידג'ט מתאים, היכן למקם את הקוד, והאם יש צורך ב-JWT.
- התקנה והגדרה של הווידג'ט. הוספת סניפט ל-
<head>, הגדרת לוקליזציה, ערכת צבעים. - הטמעת JWT והעברת נתונים. כתיבת נקודת קצה ליצירת הטוקן, שילוב עם מערכת האימות שלכם.
- אינטגרציה עם Zendesk API. הגדרת יצירת כרטיסים מטפסי משוב, סנכרון עם CRM. ראו Zendesk API לפרטים.
קוד לדוגמה: התקנת Web Widget חדש
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=YOUR_KEY"></script>
<script>
zE('messenger:set', 'locale', 'ru');
zE('messenger', 'loginUser', function(callback) {
fetch('/zendesk-token').then(r => r.json()).then(data => {
callback(data.token);
});
});
</script>דוגמה ליצירת JWT ב-PHP
use Firebase\JWT\JWT;
$payload = [
'iss' => 'yourcompany',
'iat' => time(),
'jti' => uniqid(),
'name' => $user->name,
'email' => $user->email,
'external_id' => (string)$user->id
];
$token = JWT::encode($payload, env('ZENDESK_JWT_SECRET'), 'HS256');דוגמה ליצירת כרטיס באמצעות API
Http::withBasicAuth($email . '/token', $apiKey)
->post("https://yourcompany.zendesk.com/api/v2/tickets", [
'ticket' => [
'subject' => $subject,
'comment' => ['body' => $message],
'requester' => ['name' => $name, 'email' => $userEmail],
'priority' => 'normal',
'tags' => ['website', 'contact-form']
]
]);השוואה בין Classic ל-Web Widget חדש
| תכונה | ווידג'ט Classic | ווידג'ט חדש (Messaging) |
|---|---|---|
| זמן טעינה (LCP) | ~1.5 שניות | ~1.0 שניות (מהיר ב-30%, טוב פי 1.3) |
| תמיכה בצ'אטבוטים | לא | כן |
| התאמה אישית | גבוהה (CSS) | מוגבלת |
| עדכונים | קריטיים בלבד | אקטיביים |
| רב-ערוציות (מסנג'רים) | לא | כן |
שגיאות אינטגרציה נפוצות והפתרונות שלהן
| שגיאה | סיבה | פתרון |
|---|---|---|
| הווידג'ט לא נטען | מפתח שגוי או CORS חסום | בדקו את המפתח בסניפט, הוסיפו כותרות CORS בשרת |
| טוקן JWT לא עובד | זמן תפוגה (exp) פג או מפתח סודי שגוי | הגדירו iat ו-exp בטווח סביר, וודאו את המפתח הסודי בפאנל Zendesk |
| נתונים מותאמים אישית לא מועברים | שמות שדות שגויים ב-<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=YOUR_KEY"></script> <script> zE('messenger:set', 'locale', 'ru'); zE('messenger', 'loginUser', function(callback) { fetch('/zendesk-token').then(r => r.json()).then(data => { callback(data.token); }); }); </script> | השתמשו באותם מפתחות כמו בהגדרות Zendesk |
לפני האינטגרציה, בדקו: קבעו גרסת ווידג'ט, הכינו נקודת קצה ל-JWT, רשמו נתונים להעברה, הגדירו מפתחות API, וודאו תמיכה ב-HTTPS.
מתי להשתמש ב-Classic Widget לעומת Messenger חדש?
Classic Widget מתאים כאשר יש צורך בהתאמה אישית עמוקה של CSS ושליטה מלאה בממשק. Messenger חדש אם אתם מתכננים להשתמש בצ'אטבוטים, רב-ערוציות (מסנג'רים), ושיפור LCP. אנו מסייעים בהערכה לפי התנועה שלכם, צרכי ההתאמה האישית והתקציב.
מה כלול בעבודה
- התקנה והגדרה של הווידג'ט (כל גרסה).
- הטמעת אימות JWT עם יצירת טוקן בצד השרת.
- העברת נתונים מותאמים אישית (שם, אימייל, מזהה, מידע מטא).
- הגדרת תשובות אוטומטיות וטריגרים בפאנל Zendesk.
- אינטגרציית API ליצירת כרטיסים מטפסי האתר.
- תיעוד והדרכה לסוכני תמיכה.
- אחריות יציבות 24/7 ותמיכה במהלך עדכוני Zendesk.
יתרונות העבודה איתנו
למעלה מ-10 שנות ניסיון בשילוב מערכות צ'אט ותמיכה. ביצענו 50+ פרויקטים של חיבור Zendesk Chat באתרים עם עד 100,000 מבקרים חודשיים. מומחים מוסמכים של Zendesk Suite. אנו מספקים אחריות על כל העבודה — אם משהו נשבר, נתקן תוך 24 שעות. זמן הטיפול הממוצע בכרטיס יורד ב-60% לאחר האינטגרציה, וחיסכון בתקציב התמיכה מגיע ל-35%. לקוח אחד עם 50,000 מבקרים חודשיים חווה ירידה של 40% בזמן התגובה הראשונה, ביצועים טובים פי 3 מהתקנות עצמאיות. המחיר מתחיל ב-$500 לאינטגרציה בסיסית, חיסכון של $2,000 בשנה בהשוואה לפיתוח פנימי.
לוחות זמנים ועלות
אינטגרציה בסיסית (ווידג'ט ללא JWT) — יום עסקים אחד ($500). עם JWT והעברת נתונים — 2-3 ימים ($1,200). פרויקט מלא עם התאמה אישית והדרכה — עד 5 ימים ($2,000). העלות מחושבת באופן אישי לאחר בדיקת האתר. צרו קשר — נבצע הערכה חינמית של הפרויקט שלכם.
לשילוב Zendesk Chat, צרו קשר. נציע לכם את הפתרון האופטימלי לתקציב וללוח הזמנים שלכם. קבלו ייעוץ על שילוב Zendesk Chat — ננתח את האתר שלכם ונציע את האפשרות הטובה ביותר. בקשו בדיקה חינמית של הצ'אט הנוכחי שלכם.