Parameter: noLayout

This parameter controls the display and hiding of the left menu and top bar in the Admin Console, and this parameter has the highest priority.

1. noLayout=true

This means hiding both the left menu and the top bar in the Admin Console.

Example:

  URL: https://{{your_domain}}/#/admin/widget/dashboard?noLayout=true

2. noLayout=false

This means displaying both the left menu and the top bar in the Admin Console.

Example:

  URL: https://{{your_domain}}/#/admin/widget/dashboard?noLayout=false

Parameter: topLayout

This parameter controls the display and hiding of the top bar in the Agent Panel.

1. topLayout=true

This means displaying the top bar in the Agent Panel.

Example:

URL: https://{{your_domain}}/#/agentConsole/visitor?includeWs=true&topLayout=true

2. topLayout=false

This means hiding the top bar in the Agent Panel.

Example:

URL: https://{{your_domain}}/#/agentConsole/visitor?includeWs=true&topLayout=false

Parameter: noPopupMenu

This parameter controls the display style of all widgets in the Admin Console.

1. noPopupMenu=true

This means that all widgets will be displayed in the Chat Plan submenu of the Admin Console.

Example:

URL: https://{{your_domain}}/#/admin/widget/myWidget/chatPlan?noPopupMenu=true

2. noPopupMenu=false

This means that all widgets will be displayed in the pop-up menu of the Admin Console.

Example:

URL: https://{{your_domain}}/#/admin/widget/myWidget/chatPlan?noPopupMenu=false

Parameter: navigationStyle

This parameter controls the menu display style in the Agent Panel.

1. navigationStyle=Left

This is the default style. The menu will be displayed on the left side of the page. If no navigationStyle parameter is set, the default value of "Left" is used.

2. navigationStyle=TopLeft

This means that the menu will be displayed on the top left side of the page.

Example:

URL: https://{{your_domain}}/#/agentConsole/message?includeWs=true&topLayout=false&navigationStyle=TopLeft

3. navigationStyle=TopCenter

This means that the menu will be displayed on the top center of the page.

Example:

URL: https://{{your_domain}}/#/agentConsole/message?includeWs=true&topLayout=false&navigationStyle=TopCenter

4. navigationStyle=TopRight

This means that the menu will be displayed on the top right of the page.

Example:

URL: https://{{your_domain}}/#/agentConsole/message?includeWs=true&topLayout=false&navigationStyle=TopRight

5. navigationStyle=None

When the value of navigationStyle is set to none, the menu will no longer be displayed.

Example:

URL: https://{{your_domain}}/#/agentConsole/message?includeWs=true&topLayout=false&navigationStyle=none

Parameter: showAgentProfile

This parameter controls whether to display the Agent Profile in the Agent Panel. If no showAgentProfile parameter is set, the default value of "false" is used.

1. showAgentProfile=true

• When navigationStyle=Left, the Agent Profile will display in the bottom left corner of the page.

• When navigationStyle=TopLeft or navigationStyle=TopCenter or navigationStyle=TopRight, the Agent Profile will display in the top right corner of the page.

2. showAgentProfile=false

The Agent Profile will not be displayed in the Agent Panel.

Parameter: autoLogon

This parameter controls whether the Agent automatically logs into the CX system. It is usually used for ifram embedding.

1. autoLogon=true

The agent will be automatically logged into the CX system with the unique ID (userID).

2. autoLogon=false

By default, agents will not be automatically logged in to the CX system. Agents need to enter the necessary credentials on the login page to log in to the CX system.

Parameter: displayMode

Although we already have some personalized parameter configurations as above, it is still lengthy to use. For this reason, we have defined some parameter combination patterns to simplify user configuration and use.

1. displayMode= ModeName

The parameter combinations represented by this mode are as follows:

AgentMode1 :autoLogon=true&topLayout=false&navigationStyle=TopLeft
AgentMode5 :autoLogon=true&topLayout=false&navigationStyle=left&showAgentProfile=true
InboxMode1 :autoLogon=true&isTicket=true

• AgentMode1

• AgentMode5

• InboxMode1

Example URL:

https://domain/#/agentConsole/message?includeWs=true&company=cloudfon&userId=2&displayMode=AgentMode5  convert to  https://domain/#/agentConsole/message?includeWs=true&topLayout=false&navigationStyle=left&showAgentProfile=true

Parameter: lang

This parameter sets the default language used for the Agent Panel.

Value Range

Value: en, fr, pt, es, it

• en--English

• fr--French

• pt--Portuguese

• es--Spanish

• it--Italian

Example

https://domain/#/agentConsole/message?includeWs=true&company=cloudfon&userId=2&displayMode=AgentMode5&lang=en

Iframe Permission Parameter

For an iframe, when the child page wants to access the resources of the parent page, the corresponding permissions need to be set. If the permissions are not set, some functions will not work properly on the child page. Here are several common permissions:

Here is an example of the 'allow' parameter usage:

<iframe src="https://example.com/#/agentConsole/message?includeWs=true&topLayout=false&navigationStyle=TopLeft&company=Example&userId=123456789&showAgentProfile=false&autoLogon=true&lang=es"
        width="100%" height="1000px" frameborder="0" allow="geolocation; microphone; camera; encrypted-media; clipboard-write; autoplay">
</iframe>