Add a chat widget to your support website

A chat widget is a small, interactive element that appears on your support website, allowing customers to quickly start a conversation with your customer service agent. The widget makes it easy for customers to get help from anywhere on your site, and can be customized to match your brand and website layout.

How the widget works with your customer service agent

When you add a widget to your support website, customers can use it to start a chat with your AI customer service agent. The agent can answer questions, provide helpful articles, and guide customers through common support topics. If needed, the agent can also escalate requests to your support team. Read more about the AI customer service agent.

Customization options

These are the available options for customizing the widget to match your website’s look and feel:

• Placement: Choose where the widget appears on your site, such as in the center or in a corner.

• Spacing: Adjust the spacing between elements in your widget.

• Radius: Set the curvature of elements in your widget.

• Color: Set the widget’s color. The available colors are based on the color you set in Branding.

• Chat style: Set the agent’s text bubble color.

• Attribution: Add a link to your AI terms of use.

Customize and enable your widget

Before you can add a widget, you need to publish your customer service agent in Studio. To publish your agent, you need to give it a name, fill in the company details, and add at least one knowledge source. Find out how to create a customer service agent.

To customize and enable your widget:

1. In your customer experience, select Channels then Widget from the sidebar.

2. Select Customize.

3. Adjust the widget’s appearance and settings.

4. Select Save.

5. Choose between Central or Corner placement.

6. To enable it, turn the toggle on.

Once enabled, the widget will appear on your support website, ready to help your customers.