Help center

🤖 Digital First Omnichannel Chat - Max Agent

Introduction

This guide will show you step by step how to install Surfly’s custom component on your

NICE inContact MAX agent.

This component will let you start co-browsing, video chat and screen sharing sessions with patrons using the DFO chat.

Employees

Make sure that the Employees who will be using DFO, have the “Digital Engagement” attribute checked.

405fe750-d950-4301-87f6-272b41a426cb.png


Go to Admin → Roles and Permissions (Security) and look for the assigned role of the Employee from the previous step.


Go to Permissions → ACD, and enable at least the following settings from the “Digital

Engagement” section:

  • Care Module

  • Settings Module

  • Knowledge Base

9347b192-6be7-4768-b96f-5050ed1864cf.png


Channel

Go to ACD → Points of Contact Digital → Add Channel → Chat → Create Live Chat Channel, and create a new channel:

f357bc90-73fd-4739-8a7e-119422487dbc.png


Click "Customization" on your channel:

3f52116b-0406-4c13-bfd1-907f6adf5a48.png


Add the value 

https://nic-v3.surfly-us.com/static/js/snippet.js

to the Custom JS files field:

5134161b-a5df-490f-a384-f730f44c28e4.png


Go the previous step and click on "Initialization & Test":

28023ed4-f2ae-4753-8ac5-a1cd97f0d7e4.png


It will load the chat test page, but no agents are yet assigned to the skill yet. So no agents will be available for now.

Note: Incognito mode is not supported with Surfly + DFO due to some settings being stored in

cookies.



Roles

Go to ACD → Roles (in DFO section), and edit the role that is assigned to the employee on the first step:

39a9b876-f902-4b81-a476-d277c4c9989f.png


Enable at least the “Reply” Permission:

e0f1f2c0-f22c-4a44-8882-5a75738e38e6.png


Routing Queues

Go to ACD → Routing Queues → + Add Queue  and create a new queue.

Go to the list of queues and select "Filters" in your queue: 

3cf937a7-5bca-48ac-ba06-9c6ee5fe28e4.png


Then click on “+Add routing queue filter.” Create a new filter and set the case priority to 25 as a starting value:

44ea227b-daae-4e65-a0d0-06075d9451fc.png


On the next step, select "Included channels rule" as the condition type.  

Back on the channels page, select the channel you created on the Channels step: 

9a3dd49d-f0c4-4c0c-8957-c1b08969c4dd.png


Skills

Go to ACD → ACD Skills and select the Routing Queue created in the previous step: 

71db8578-a5f7-464c-bdc9-1c75690b1ba1.png


Click on it and go to Users. Add the appropriate users to the skill:

8794eb33-485e-489d-b024-dbbf79cf6d05.png


Custom Field

Go to ACD → Custom Fields → + Create new field for Case.

Enter _surfly_cc_url for both the Ident and Label fields. Set the type as "text" and enable the "Is editable" option:

25a7b2d1-34a5-45d5-be87-760f93a0e40a.png

Custom Component

Go to the Dial Pad menu (top left) → Digital → Custom Components → + Add frontend custom component.


Add the URL

https://nic-v3.surfly-us.com%s&region=REGION


If your region is other than `na1` you need to use the following URL

https://nic-v3.surfly-us.com%s&region=REGION


Replace REGION with the appropriate value


Region can be found from your panel URL. For instance if your URL is “uk1.nice-incontact.com” the region is “uk1”



Select 125px as height and select the channel created in the Channel section.

image-20230102-125735.png


Go to the Dial Pad menu (top left) → Digital → Quick Responses → Authorized domains → Add.


Type https://nic-v3.surfly-us.com/callback and press Save


image-20230102-125757.png

Testing

To test this, go to Channels list and click on “Initialization & Test”:

28023ed4-f2ae-4753-8ac5-a1cd97f0d7e4 (1).png