Setting up Web Messaging

This demo will show you how to configure a Web Messaging connection to add a chat widget to the U+ Bank website.

U+ Bank, a retail bank, wants to embed a chat window on its website to address customer issues and requests received through chat.

To implement the business scenario, click the Connection tab of the Digital Messaging interface, and then click Manage connections. 

The system displays the Digital Messaging Manager window. In this window, you can add several connections for the digital messaging channel interface.

Set up one or more digital channels to the digital messaging channel interface.

In this scenario, select the Web Messaging connection to add a chat widget to the U+ Bank website.

Enter a Name for the Web Messaging connection, and then pick a Primary color for the new chat widget. You can also select the languages that a chatbot uses to interact with customers.

Finally, in the Chat heading field, enter the text to display in the chat window.

When you save the details, the chat account is successfully created.

You can configure sound notifications when messages arrive in the chat window. In the Choose when to play list, you can select Don't Play Sound Notifications, Play On Every Message, or Play Only When Not Visible option.

If you select to play a sound for every message or play only when the chat window is not visible or minimized, then you need to choose one of the predefined sounds. To hear the audio of the selected predefined sound, click the Play icon.

You can display a company logo by uploading an image for the connection.

You can also control the display in the chat window by configuring the widget features. For example:

• To display the emoji picker in the web messaging widget, select the Enable emoji picker checkbox.
• To control the display of Powered by Pega in the chat window footer, select the Display Powered by Pega checkbox.
• To display an indicator when a customer is actively typing a chat message, select the Display typing indicator checkbox.
• Finally, to remove default chat widget on the customer website, select the Remove default Widget Launcher checkbox.

To verify the connection, on the Installation tab, copy the URL and paste it into each web page where you want the Web Messaging widget to display.

On the U+ Bank website, you can see the chat icon and the welcome message in the chat window.

Close the Digital Messaging Manager window, and then return to the Connection tab of the Digital Messaging channel interface. Click Save to see the newly added Web Messaging connection.

You have reached the end of this video. You learned:

• How to set up the web messaging connection.