GETTING STARTED
Introduction to SmartAssist
Glossary
Minimum System and Browser Requirements
SmartAssist Lifecycle Management
SmartAssist Setup Guide
Sign Up for SmartAssist
Setup SmartAssist for Use With AgentAssist
Release Notes
Recent Updates
Previous Versions
Frequently Asked Questions (FAQ)

EXPERIENCE DESIGNERS
Flow Designer
Introduction
Create Experience Flows
Navigate the Flow Designer
Experience Flow Nodes
Introduction
Node Types
Start
IVR Menu
IVR Digit Input
Conversational Input
Split
Check Agent Availability
Check Business Hours
Message Prompt
Run Automation
Agent Transfer
Connect to API
Go to Flow
Deflect to Chat
Script Task
Set Queue
End Flow
Waiting Experience
Conversation Automation
Testing Widget
Use Cases
Overview
Questions & Answers
Conversations

ADMINISTRATORS
Account Management
Switch Account
Invite Developers to an Account
Routing
Skills
Skill Groups
Queues
Hours of Operation
Default Flows
User Management
Users
Agent Groups
Agent Settings
Role Management
Agent Status
System Setup
Channels
Voice
Chat
Email
Limitations With Accounts Using AudioCodes
Agent Transfer
Surveys
Agent Forms
Dispositions
Language & Speech
Overview
Language Management
Voice Preferences
Hold Audio
Standard Responses
Widgets
Utils
AgentAssist Settings
SearchAssist
Widget Theming (Layout Customization)
Advanced Settings
Co-Browse Settings
Community WFM (Beta)
Automatic Conversation Summary (Beta)
Intelligent Agent Tools
Reject Calls With a Delayed First Response
API Reference
API Setup
Rate Limits
API List
Integrations
Genesys Voice Bot
Genesys + Kore Voice Automation - Manual Installation Guide
Voice Automation - Integration with Amazon Connect
Voice Automation NiceCX (CX One) - SIP Integration
Talkdesk Voice Automation
Kore Voice Automation (IVA) Integration with Zoom Contact Center (CC)
ID R&D Integration With Kore
Audit Report

AGENTS
Agent Console
Introduction
Conversation Tray
Incoming Interactions
Interacting with Customers
Additional Tools
My Dashboard

SUPERVISORS
Dashboard
Automation
Queues and Agents
Interactions
Monitor Queues, Agents, Interactions, and Service Levels
Manage Layout

BUSINESS USERS
Reports
Introduction
Reports List

Chat Widget

Chat Widget Personalization

To modify the overall look, icons and colors of the chat widget an agent is working on, follow these steps:

1. Navigate to Configuration > Settings > Chat Widget, and click the Chat Widget Personalisation tile.

2. In the Chat Widget Personalisation window, you can configure the following:

General Settings

This option lets you set the widget theme and text font. To configure them, follow these steps:

  • Select an option for Theme from the dropdown list to set the widget theme.
  • Select an option for Font from the dropdown list to set the text font. The available options include:
    • Arial
    • Inter
    • Lato
    • Sans

Header Design

This option lets you change the widget’s header appearance. To configure the various options, follow these steps:

1. Type in the value for Assistance Name.

2. Type the text for Description.

3. Click Upload and select an image (.PNG file) to set the logo.

4. A success confirmation appears when the image is uploaded.

5. Select the colors for Background and Text from their respective selection panels, and click Apply.

6. Select an option for Template to set the header and text appearance.

Body Design

To set the background color and the time of delivery appearance in the chat window, follow these steps:

1. Tap the color code that appears below Background Color, select the color, and click Apply.

2. To view the message delivery time, change the option for Do you want to display the time of Delivery? to Yes.

 

User Message

To set the background and text colors, and the user icon in the user message chat window, follow these steps:

1. For Background Color, click the color code tab, select the desired color, and click Apply.

2. To set Text Color, click the color code tab, select the color, and click Apply.

3. To view the user icon set by you, change the Do you want to use User Icon in the chat window? option to Yes.

4. To update the user icon, click Upload, and select the image.

Bot Message

This feature helps change the background, text, button, and button text colors, and the bot icon in the chat window.

To configure Bot Message, follow these steps:

  1. Set the Background Color, Text Color, Button color, and Button Text Color To configure these options, follow these steps:
  • Click the color code tab.
  • Select the desired color
  • Click Apply.

2. Change the Do you want to use Bot Icon in the chat window? option from No to This will display the bot icon in the chat window.

3. Click Upload and select the image to update the bot icon.

4. After configuring each section, click Save.

5. A success confirmation message is displayed confirming the updates.

Deployment Code

This feature helps get the instructions and the deployment code for a chat widget on web & mobile. You can whitelist domains to integrate the SmartAssist chat widget with this configuration.

To configure the options, follow these steps:

1. On the left pane, click Configuration > Settings > Chat Widget, and then, click the Deployment Code tile.

2. In the Deployment Code window, paste the chat widget code in the textbox for Deploy a Chat Widget on your Website.

3. Add or delete the domains to be whitelisted.

To add the whitelisted domains, follow these steps:

  • Under Allowed Domains, click + Add a domain.
  • Type the domain name in the textbox.
  • To delete an existing domain, click the delete icon of the entry.

4. Click Save.

5. A success confirmation message is displayed after the deployment code update.

Chat Widget

Chat Widget Personalization

To modify the overall look, icons and colors of the chat widget an agent is working on, follow these steps:

1. Navigate to Configuration > Settings > Chat Widget, and click the Chat Widget Personalisation tile.

2. In the Chat Widget Personalisation window, you can configure the following:

General Settings

This option lets you set the widget theme and text font. To configure them, follow these steps:

  • Select an option for Theme from the dropdown list to set the widget theme.
  • Select an option for Font from the dropdown list to set the text font. The available options include:
    • Arial
    • Inter
    • Lato
    • Sans

Header Design

This option lets you change the widget’s header appearance. To configure the various options, follow these steps:

1. Type in the value for Assistance Name.

2. Type the text for Description.

3. Click Upload and select an image (.PNG file) to set the logo.

4. A success confirmation appears when the image is uploaded.

5. Select the colors for Background and Text from their respective selection panels, and click Apply.

6. Select an option for Template to set the header and text appearance.

Body Design

To set the background color and the time of delivery appearance in the chat window, follow these steps:

1. Tap the color code that appears below Background Color, select the color, and click Apply.

2. To view the message delivery time, change the option for Do you want to display the time of Delivery? to Yes.

 

User Message

To set the background and text colors, and the user icon in the user message chat window, follow these steps:

1. For Background Color, click the color code tab, select the desired color, and click Apply.

2. To set Text Color, click the color code tab, select the color, and click Apply.

3. To view the user icon set by you, change the Do you want to use User Icon in the chat window? option to Yes.

4. To update the user icon, click Upload, and select the image.

Bot Message

This feature helps change the background, text, button, and button text colors, and the bot icon in the chat window.

To configure Bot Message, follow these steps:

  1. Set the Background Color, Text Color, Button color, and Button Text Color To configure these options, follow these steps:
  • Click the color code tab.
  • Select the desired color
  • Click Apply.

2. Change the Do you want to use Bot Icon in the chat window? option from No to This will display the bot icon in the chat window.

3. Click Upload and select the image to update the bot icon.

4. After configuring each section, click Save.

5. A success confirmation message is displayed confirming the updates.

Deployment Code

This feature helps get the instructions and the deployment code for a chat widget on web & mobile. You can whitelist domains to integrate the SmartAssist chat widget with this configuration.

To configure the options, follow these steps:

1. On the left pane, click Configuration > Settings > Chat Widget, and then, click the Deployment Code tile.

2. In the Deployment Code window, paste the chat widget code in the textbox for Deploy a Chat Widget on your Website.

3. Add or delete the domains to be whitelisted.

To add the whitelisted domains, follow these steps:

  • Under Allowed Domains, click + Add a domain.
  • Type the domain name in the textbox.
  • To delete an existing domain, click the delete icon of the entry.

4. Click Save.

5. A success confirmation message is displayed after the deployment code update.