פיתוח רכיב גרפי מותאם אישית של צ'אט חי

Microsoft מספקת אפשרות ליצירת רכיב גרפי מותאם אישית של צ'אט חי שניתן לצרף לחשבון שירות הלקוחות שלך ב- Dynamics 365. ניתן להתאים אישית כל רכיב של הרכיב הגרפי המותאם אישית של הצ'אט החי עבור הפונקציונליות וממשק המשתמש.

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

• השתמש ברכיב גרפי של צ'אט חי הניתן להתאמה אישית 2.0
• פיתוח רכיב גרפי משלך

השתמש ברכיב גרפי של צ'אט חי הניתן להתאמה אישית 2.0

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

הרכיב הגרפי החי החדש של הצ'אט 2.0 מבוסס על Omnichannel Chat SDK ו- Live Chat Widget UI Component Library.

מפתח פורטל - התאמה אישית של ממשק משתמש מבוסס סקריפט מחוץ לקופסה

האפשרות למפתחי פורטל מאפשרת לך להתאים אישית את ממשק המשתמש של הרכיב הגרפי של הצ'אט, אך אינה משנה את הגדרות הפונקציונליות המוכללות במרכז הניהול של שירות Copilot. כדי להתאים אישית, באפשרותך להשתמש בקובץ ה- Script "data-customization-callback" שמחבר את הרכיב הגרפי 'מחוץ לקופסה' לפונקציית JavaScript. הפונקציה יכולה להכיל התאמות אישיות של סגנון CSS ברכיבי הצ'אט עם אותם קדימויות כמו ספריית רכיבי ממשק המשתמש של הווידג'ט צ'אט החי של Omnichannel.

עריכת קובץ Script של רכיב גרפי של צ'אט חי כדי לאפשר רכיב גרפי של צ'אט חי 2.0

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

1. במרכז הניהול של שירות Copilot, פתח את זרם העבודה של הצ'אט ובחר העתק קובץ Script של רכיב גרפי של צ'אט חי 2.0 כדי להעתיק את מקטע הקוד.
2. צור פונקציית JavaScript חדשה עם כל עיצוב הרכיבים. מידע נוסף: הרכיב הגרפי של צ'אט Omnichannel
3. הוסף "v2" אחרי התכונה Script.
4. הוסף את "data-customization-callback" והפנה לפונקציה JavaScript.

מקטע הקוד המעודכן ייראה כך.

צילום מסך לדוגמה של רכיב גרפי של צ'אט 2.0 המותאם אישית כדי להגדיל את גודלו הוא כדלקמן.

צפה בווידאו המדריך של הווידג'ט 'צ'אט בשידור חי'.

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

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

פיתוח רכיב גרפי משלך

השתמש במידע שבסעיפים הבאים כדי לבנות רכיב גרפי משלך.

ספריית רכיבי ממשק משתמש של רכיב צ'אט חי של Omnichannel

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

SDK של צ'אט Omnichannel

ערכת ה- SDK של צ'אט Omnichannel היא חבילת קוד פתוח המספקת שיטות ותכונות של צ'אט כדי להוסיף פונקציונליות לרכיב גרפי חי של צ'אט. קבל מידע נוסף על SDK של צ'אט Omnichannel.

התאמה אישית של הרכיב הגרפי של הצ'אט החי

לאחר התקנת הגירסה העדכנית ביותר של ערכת ה- SDK של צ'אט Omnichannel, התאם אישית את הרכיב הגרפי של הצ'אט החי באמצעות שיטות SDK של צ'אט Omnichannel ועל-ידי עריכת סגנונות ה- CSS הבסיסיים של רכיבי ממשק המשתמש של הרכיב הגרפי צ'אט החי של Omnichannel.

הערה

ערכת ה- SDK של צ'אט Omnichannel היא דרישה מוקדמת להתקנת ספריית רכיבי ממשק המשתמש של הרכיב הגרפי של הצ'אט החי של Omnichannel.

מידע קשור

התאם אישית רכיבים גרפיים לצ'אט חי עבור אפליקציות למכשירים ניידים
startChat
סגור צ'אט
lcw:closeChat
lcw:threadUpdate
lcw:chatRetrieved
lcw:chatQueued