Skip to content

Latest commit

 

History

History
50 lines (27 loc) · 3.68 KB

AmazonConnectChatOpenSourceWalkthrough.md

File metadata and controls

50 lines (27 loc) · 3.68 KB

Amazon Connect Chat Open Source Walkthrough

Overview

Amazon Connect is an omni-channel contact center solution which includes support for chat (real time messaging between business and end-customer). An out-of-box agent workspace UI is included in the Connect console, along with a communications widget fully managed and hosted for the customer chat UI.

Alternatively, AWS Customer can also build a custom agent UI from scratch using ChatJS and Streams libraries, and/or a custom customer chat UI with just ChatJS. ChatJS and Streams are open-source JavaScript libraries published to npm. These are wrappers around the AWS Javascript SDK, which are calling the Amazon Connect Participant Service Public APIs. Connect has also open-sourced the hosted widget chat interface code for customer to fork.

AWS Customers have multiple options for integrating chat into their contact center depending on use-case and size of the business.

Customer Chat Interface

To support your customers through chat, you can add a chat widget to your website that is hosted by Amazon Connect. You can configure the chat widget in the Amazon Connect console: customize the font and colors, and secure the widget so that it can be launched only from your website. As a result, you will have a short code snippet that you add to your website.

Because Amazon Connect hosts the widget, it ensures that the latest version is always live on your website.

To get started, follow the Hosted Widget Admin Guide Documentation

"Hosted Widget Diagram"

Build Your Own Widget

Alternatively, solutions are available to build your own widget to fully customize the customer-facing chat UI. To learn more, follow the HostedWidgetVSCustomBuilderSolution.md guide.

"Build Your Own Widget"

Agent Chat Interface

To support your customers through chat, contact center agents can use the Amazon Connect Agent Workspace - also known as the Contact Control Panel (CCP).

To get started, refer to “How to use the CCP to chat with contacts” in the Admin Guide.

CCP Pre-built Agent UI

Build Your Own Agent Workspace UI

Alternatively, solutions are available to build your own agent chat application. This can be done using the Javascript ChatJS and Streams libraries available on npm.

"Build Your Own Agent UI"

Appendix