תפקידים

פריסת JSON המוגדרת כברירת מחדל כוללת שלושה תפקידים הבאים.

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

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

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

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

להלן המאפיינים ברמה העליונה עבור פריסת JSON המבוססים על התפקיד:

{
    "agent": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    },
    "supervisor": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            },
            "homePage": {
                ...
            }
        },
    }
    "supervisorAgent": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    }
},

כותרת אפליקציה

כדי לציין כותרת בכותרת האופקית של שולחן העבודה. כותרת ברירת המחדל היא מרכז הקשר של Webex.

דוגמה:

"appTitle": "Webex Contact Center"

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

באפשרותך להשתמש ב- URI של נתונים (מזהה משאבים אחיד) או לארח תמונת כותרת מותאמת אישית ברשת מסירת תוכן (CDN), דלי שירות אחסון פשוט (S3) של Amazon Web Services (AWS) או שירות אירוח דומה ולאחר מכן לציין את כתובת האתר לתמונה המתארחת. הפורמטים הנתמכים של תמונת הכותרת הם PNG, JPG, JPEG, GIF, SVG ו- WebP. גודל תמונת הכותרת הנתמכת הוא 184 x 32 פיקסלים (רוחב x גובה).

לוגו

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

דוגמה:

"logo": "https://my-cdn.com/logo.png"

באפשרותך לארח תמונת לוגו מותאמת אישית ב-CDN, בדלי של שירות אחסון פשוט (S3) של Amazon Web Services (AWS) או בשירות אירוח דומה ולאחר מכן לציין את כתובת האתר לתמונה המתארחת. תבניות תמונת הלוגו הנתמכות הן PNG, JPG, JPEG, GIF, SVG ו- WebP. גודל תמונת הלוגו הנתמכת הוא 96 x 32 פיקסלים (רוחב x גובה).

דף משימהאיור

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

דוגמה:

"taskPageIllustration": "https://www.abc.com/image/logo.jpg",

באפשרותך להשתמש ב- URI של נתונים או לארח איור מותאם אישית ברשת מסירת תוכן (CDN), בדלי של Amazon Web Services (AWS) Simple Storage Service (S3) או בשירות אירוח דומה ולאחר מכן לציין את כתובת האתר לאיור המתארח. ניתן להגדיר את האיור ברמת הגלובלית או ברמה הקבוצתית בהתבסס על הגדרת הפריסה. הקפד להגדיר את כתובת האתר הנכונה כדי למנוע הצגת התמונה השבורה בשולחן העבודה.

תבניות האיור של דף המשימות הנתמכות הן PNG, JPG, JPEG, GIF, SVG ו- WebP. גודל האיור המומלץ הוא 400 x 400 פיקסלים (רוחב x גובה). אם גודל האיור המותאם אישית גדול מהגודל המומלץ, גודל האיור מותאם בהתאם ליחס הממדים בדף המשימה. אם גודל האיור המותאם אישית קטן מהגודל המומלץ, גודל האיור בפועל יישמר בדף המשימה.

עצור ניווט בקבלת בקשה

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

דוגמה:

"stopNavigateOnAcceptTask": false

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

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

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

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

דריכה מופעלת

כדי לאפשר גרירה ושחרור ושינוי גודל של הווידג'טים בעמודים המותאמים אישית, הגדר את הערך כ- true. ערך ברירת המחדל הוא שקר.

דוגמה:

"dragDropEnabled": false

טיימר התראה

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

דוגמה:

"notificationTimer": 8

ספירת הודעות מקסימאלית

כדי להגדיר את מספר התראות שולחן העבודה שיוצגו בכל פעם בשולחן העבודה. ערך ברירת המחדל הוא 3. טווח ההתראות לשולחן העבודה הוא 1-10. התראות שולחן העבודה נערמות. אם יש התראות רבות, הן מופיעות בעיכוב קל בהתאם להגדרות NotificationTimer.

טיימר התראות דפדפן

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

• אתה עובד על חלונות או כרטיסיות דפדפן אחרים.

• אתה עובד על יישומים אחרים.

• צמצמת את חלון דפדפן שולחן העבודה.

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

דוגמה:

"browserNotificationTimer": 8

wxmמוגדר

(אופציונלי) כדי להגדיר Webex Experience Management תצורה, הגדר את הערך כtrue. ערך ברירת המחדל הוא שקר.

דוגמה:

"wxmConfigured": true

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

כדי להגדיר יישומי צ'אט מרובים המוצעים ב- Cisco כגון אפליקציית Webex.

WebX מוגדר

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

כדי להגדיר את אפליקציית Webex בתוך שולחן העבודה:

• בCisco Webex Control Hub, בעת הוספת שירותים למשתמש, בחר בתיבת הסי מון העברת הודעות מתקד מות (משתמשים > נהל משתמשים > שירותים > הודעות). לקבלת מידע נוסף, ראה ניהול חשבונות משתמשים בני Cisco Webex הול אתרים.

• בפריסת שולחן העבודה המותאמת אישית, הגדר את ערך המ אפיין WebExConfigur ed כ-true.

  דוגמה:

  "desktopChatApp": {
      "webexConfigured": true
  },

  ערך ברירת המחדל של המאפי ין WebExConfigure הוא שקר.

  אפליקציית Webex זמינה לתפקידי הסוכן, המפקח והתפקידים SupervizorAgent רק אם תגדיר את ערך המאפיין WebExConfigur ed כ- true עבור כל אחד מתפקידים אלה. הסוכן, המפקח או הסוכן המפקח אינם יכולים לצאת מאפליקציית Webex.

  להצגת הסמל (Webex) בכותרת האופקית של שולחן העבודה, הזן את הערך webex במאפיין HeaderActions. לקבלת מידע נוסף, ראה פעולות כותרת.

  כדי להפעיל את אפליקציית Webex עבור צוות מסוים, בחר בפריסה המותאמת אישית עם ערך המאפיין WebExConfigure מוגדר כ- true. לקבלת מידע נוסף, ראה יצירת צוות.

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

התראה על אפליקציית Webex

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

כותרת עליוןפעולות

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

1. (וובקס)

2. (שיחה חיצונית)

3. (מרכז התראות)

הגדר את הערך של המאפיין HeaderActions באופן הבא:

דוגמה:

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

דוגמה:

אזור

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

"area": {
    "header": {
        ...
    },
    "advancedHeader: {
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
    },
    "panel": {
        ...
    },
    "navigation": {
        ...
    },
    "persistent": {
        ...
    },
    "headless": {
        ...
    }
},

באפשרותך להגדיר את אובייקטים באזור הבאים:

• חלונית: מייצג את החלונית השנייה או את החלונית הימנית ביותר בחלונית מידע עזר.

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

• מתמיד: מייצג את הווידג'טים ברמת הדף שהם מתמידים ומוצגים בכל העמודים של שולחן העבודה.

• ללא ראש: מייצג את הווידג'טים שאין להם ממשק חזותי, אך מבצעים היגיון ברקע.

כותרת מתקדמת

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

1. (וובקס)

2. (שיחה חיצונית)

3. (מרכז התראות)

4. (בורר מדינה סוכן)

הגדר את הערך של המאפיין AdvancedHeader באופן הבא:

דוגמה:

"advancedHeader": [
        {
          "comp": "agentx-webex"
        },
        {
          "comp": "agentx-outdial"
        },
        {
          "comp": "agentx-notification"
        },
        {
          "comp": "agentx-state-selector"
        }
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
      ]

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

הווידג'טים זורמים לתפריט הנפתח משמאל לימין.

תכונות עבור כרטיסיות מתמשכות

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

דוגמה: הגדר כרטיסיות כמתמשכות

{
    "comp": "md-tabs",
    "attributes": {
        "persist-selection": true,
        "tabs-id": "unique-id for all the tabs together in the container"
    },
}

כאשר אתה מגדיר md-tabs כ מתמיד (בחירה מתמש כת: true), Agent Desktop שומר על בחירת הכרטיסיות גם אם סוכן עובר בין עמודים או יישומונים בשולחן העבודה.

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

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

"comp": "md-tooltip",
"attributes": {
    "class": "widget-tabs",
    "message": "Sample Tab 1",
    "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: -10px;"
},

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

"comp": "md-tabs",
"attributes": {
    "class": "widget-tabs",
    "draggable": true,
    "comp-unique-id": "sample-dynamic-custom-tabs"
},

• ניתן לגרירה: הגדר את ערך המאפיין ה ניתן לגרירה ל- true.

• comp-unice-id: הז ן ערך ייחודי לזיהוי הרכיב.

  דוגמה:

  "comp-unique-id": "sample-dynamic-custom-tabs"
  

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

"comp": "agentx-wc-more-actions-widget",
"attributes": {
    "slot": "settings",
    "class": "widget-pane",
    "tabs-unique-id": "sample-dynamic-custom-tabs"
},

• agentx-wc-more-actions-widget: הזן את הרכיב שמוצג כסמל פעולות נוספות () בחלונית מידע עזר.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. סוכנים יכולים לאפס את הכרטיסיות בחלונית מידע עזר לסדר ברירת המחדל על-ידי לחיצה על > אי פוס סדר הכרטי סיות.

• tabs-unice-id: הזן את אותו ערך ייחודי שהוגדר עבור המאפיין comp-unice-id כדי למפות ולאפס את רכיבי md-tabs.

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

"comp": "agentx-wc-more-actions-widget",
"attributes": {
    "slot": "settings",
    "class": "widget-pane",
    "tabs-unique-id": "sample-dynamic-custom-tabs"
},
"children": [{
    "comp": "div",
    "attributes": {
        "textContent": "custom action",
        "slot": "custom-action"
    },
    "children": [{
            "comp": "agentx-wc-notes-header-widget"
        },
        {
            "comp": "agentx-wc-menu-notification"
        }
    ]
}],

}

ניתן להרחיב את הרשימה הנפתחת פעולות נוספות כדי להוסיף רכיבים מותאמים אישית נוספים או יישומונים לאחר האפשרות Reset Tab Or der. להלן קבוצה לדוגמה של ערכי מאפייני סגנון שניתן להחיל על רכיבים נוספים.

"comp": "md-tooltip",
"attributes": {
    "class": "widget-tabs",
    "message": "Sample Element",
    "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: -10px;"
},

• קביעת תצורה וגישה לווידג'ט מדדי ניהול חוויית לקוח מסרגל הניווט

• שימוש בכרטיסיות בדף המותאם אישית

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

• חלונית מידע עזר עם יישומון מסע חווית לקוח

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

דוגמה:

{
    "nav": {
        "label": "Customer Experience Management Metrics",
        "icon": "/app/images/wxm.bcd45cc3.svg",
        "iconType": "other",
        "navigateTo": "wxm-metrics",
        "align": "top"
    },
    "page": {
        "id": "wxm-metrics",
        "widgets": {
            "comp1": {
                "comp": "agentx-wc-cloudcherry-widget",
                "attributes": {
                    "metrics": true
                },
                "properties": {
                    "userModel": "$STORE.app.userModel",
                    "spaceId": "",
                    "metricsId": "",
                    "teamId": "$STORE.agent.teamName",
                    "ani": "$STORE.agentContact.taskSelected.ani",
                    "isDarkMode": "$STORE.app.darkMode"
                },
                "wrapper": {
                    "title": "Customer Experience Journey",
                    "maximizeAreaName": "app-maximize-area"
                }
            }
        },
        "layout": {
            "areas": [
                ["comp1"]
            ],
            "size": {
                "cols": [1],
                "rows": [1]
            }
        }
    }
},

שימוש בכרטיסיות בדף המותאם אישית

דוגמה:

{
    "nav": {
        "label": "Dynamic Tabs",
        "icon": "stored-info",
        "iconType": "momentum",
        "navigateTo": "dynamic-tabs",
        "align": "top"
    },
    "page": {
        "id": "page-id-tabs",
        "widgets": {
            "comp1": {
                "comp": "md-tabs",
                "children": [{
                        "comp": "md-tab",
                        "textContent": "One",
                        "attributes": {
                            "slot": "tab"
                        }
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel"
                        },
                        "children": [{
                            "comp": "widget-two",
                            "script": "http:/my-cdn.com/dynamic-widgets/widget-two.js"
                        }]
                    },
                    {
                        "comp": "md-tab",
                        "textContent": "Two",
                        "attributes": {
                            "slot": "tab"
                        }
                    },
                    {
                        "comp": "md-tab-panel",
                        "textContent": "Two Content",
                        "attributes": {
                            "slot": "panel"
                        }
                    }
                ]
            },
            "comp2": {
                "comp": "widget-two",
                "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js"
            }
        },
        "layout": {
            "areas": [
                ["comp1", "comp2"]
            ],
            "size": {
                "cols": [1, 1],
                "rows": [1]
            }
        }
    }
}

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

דוגמה:

"panel": {
    "comp": "md-tabs",
    "attributes": {
        "class": "widget-tabs"
    },
    "children": [{
            "comp": "md-tab",
            "attributes": {
                "slot": "tab",
                "class": "widget-pane-tab"
            },
            "children": [{
                "comp": "slot",
                "attributes": {
                    "name": "CONTACT_HISTORY_TAB"
                }
            }]
        },
        {
            "comp": "md-tab-panel",
            "attributes": {
                "slot": "panel",
                "class": "widget-pane"
            },
            "children": [{
                "comp": "slot",
                "attributes": {
                    "name": "CONTACT_HISTORY"
                }
            }]
        },
    ]
}, {
    "comp": "md-tab",
    "attributes": {
        "slot": "tab",
        "class": "widget-pane-tab"
    },
    {
        "comp": "md-tab",
        "attributes": {
            "slot": "tab",
            "class": "widget-pane-tab"
        },
        "children": [{
            "comp": "slot",
            "attributes": {
                "name": "SCREEN_POP_TAB"
            }
        }],
        "visibility": "SCREEN_POP"
    },
    {
        "comp": "md-tab-panel",
        "attributes": {
            "slot": "panel",
            "class": "widget-pane"
        },
        "children": [{
            "comp": "slot",
            "attributes": {
                "name": "SCREEN_POP"
            }
        }],
        "visibility": "SCREEN_POP"
    }
},

חלונית מידע עזר עם יישומון מסע חווית לקוח

דוגמה:

"panel": {
    "comp": "md-tabs",
    "attributes": {
        "class": "widget-tabs"
    },
    "children": [{
                "comp": "md-tab",
                "attributes": {
                    "slot": "tab"
                },
                "children": [{
                    "comp": "slot",
                    "attributes": {
                        "name": "WXM_JOURNEY_TAB"
                    }
                }],
                "visibility": "WXM_JOURNEY"
            },
            {
                "comp": "md-tab-panel",
                "attributes": {
                    "slot": "panel",
                    "class": "widget-pane"
                },
                "children": [{
                    "comp": "agentx-wc-cloudcherry-widget",
                    "properties": {
                        "userModel": "$STORE.app.userModel",
                        "spaceId": "",
                        "metricsId": "",
                        "teamId": "$STORE.agent.teamName",
                        "ani": "$STORE.agentContact.taskSelected.ani",
                        "isDarkMode": "$STORE.app.darkMode"
                    },
                    "wrapper": {
                        "title": "Customer Experience Journey",
                        "maximizeAreaName": "app-maximize-area"
                    }
                }],
                {
                    "comp": "md-tab",
                    "attributes": {
                        "slot": "tab",
                        "class": "widget-pane-tab"
                    },
                    "children": {
                        "comp": "md-tab",
                        "attributes": {
                            "slot": "tab",
                            "class": "widget-pane-tab"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "CONTACT_HISTORY_TAB"
                            }
                        }]
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel",
                            "class": "widget-pane"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "CONTACT_HISTORY"
                            }
                        }]
                    },
                    {
                        "comp": "md-tab",
                        "attributes": {
                            "slot": "tab",
                            "class": "widget-pane-tab"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "SCREEN_POP_TAB"
                            }
                        }],
                        "visibility": "SCREEN_POP"
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel",
                            "class": "widget-pane"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "SCREEN_POP"
                            }
                        }],
                        "visibility": "SCREEN_POP"
                    }
                    "visibility": "SCREEN_POP"
                },
            },