Screen Pop

In the Desktop Layout, you can configure Screen Pop in one of the following ways:

  • As a custom page

  • As one of the widgets in the custom page

  • As a tab in the Auxiliary Information pane

The Screen Pop is displayed on the Desktop based on the following factors:

For the Voice channel:

  • The configuration defined in the Desktop Layout

  • The Screen Pop activity defined in the Flow Designer

For the New Digital Channels:

  • The configuration defined in the Desktop Layout

  • The Screen Pop node defined in the Connect Flow Builder

For more information on configuring Screen Pop, see Screen Pop.

Configuring Screen Pop in the Navigation Bar

You can configure Screen Pop as a custom page, or as one of the widgets in a custom page. To access the Screen Pop custom page, click the Screen Pop icon on the Navigation bar. To access the Screen Pop widget in the custom page, click the custom icon on the Navigation bar. For more information on nav properties, see Navigation (Custom Pages).

Example: Screen Pop as a Custom Page

{
    "nav": {
        "label": "Screen Pop",
        "icon": "pop-out",
        "iconType": "momentum",
        "navigateTo": "/screenpop",
        "align": "top"
    },
    "page": {
        "id": "agentx-wc-screen-pop",
        "widgets": {
            "comp1": {
                "comp": "agentx-wc-screen-pop",
                "properties": {
                    "screenPopUrl": "$STORE.session.screenpop.screenPopSelector"
                }
            }
        },
        "layout": {
            "areas": [
                ["comp1"]
            ],
            "size": {
                "cols": [1],
                "rows": [1]
            }
        }
    },
    "visibility": "SCREEN_POP"
}
Example: Screen Pop as a Widget in the Custom Page
"comp1": {
    "comp": "agentx-wc-screen-pop",
    "properties": {
        "screenPopUrl": "$STORE.session.screenpop.screenPopSelector"
    }
Note

If the Screen Pop is not configured in the Flow Designer, the custom page appears blank. For more information on configuring Screen Pop in the Flow Designer, see Screen Pop.

Configuring Screen Pop in the Auxiliary Information Pane

You can configure Screen Pop to appear as a tab in the Auxiliary Information pane.

Note

By default, Screen Pop appears as a new sub tab in the Screen Pop tab of the Auxiliary Information pane if Screen Pop is configured to be displayed as Inside Desktop in the Flow Designer.

Add the following attribute in the panel section to include Screen Pop as a tab in the Auxiliary Information pane. For more information on panel details, see Auxiliary Information Pane.

Example: Screen Pop as a tab in the Auxiliary Information Pane

 {
         "comp":"md-tab",
         "attributes":{
            "slot":"tab",
            "class":"widget-pane-tab"
         },
         "children":[
            { "comp": "md-icon", "attributes": { "name": "pop-out_16" }},
            { "comp": "span", "textContent": "Screen Pop" }], 
          "visibility": "SCREEN_POP" 
        }, 
        { 
          "comp": "md-tab-panel", 
          "attributes": { "slot": "panel", "class": "widget-pane" }, 
          "children": [{ "comp": "#SCREEN_POP"
            }
         ],
      }
Note

The Screen Pop display option defined in the Flow Designer takes precedence over the configuration defined in the Desktop Layout.

For example, consider you have configured the following Screen Pop settings:

  • Flow Designer—Display settings as In the new browser tab

  • Desktop Layout—As a tab in the Auxiliary Information pane

When the event for which screen pop is configured occurs, the Screen Pop is displayed outside the Desktop - that is, in a new browser tab.