Overview

The Web Widget allows you to configure a chat interface and embed it directly on your website, enabling customers to seamlessly start conversations with AI agents or human agents. To create it, you need to set the name and style of your web widget. For optimal results, you'll also need to configure the agent and pre-chat configuration. Here's an explanation of each step.

Basic Configuration

To create a web widget, you need to define its name and label. The label acts as a key identifier that connects the web widget with other features and configurations across the platform.

You can configure these settings by navigating to the Basic Configuration Page.

Style Configuration

This section allows you to customize how the widget appears to customers on your website, you can adjust layout, colors, and overall visual presentation.

Learn how to manage your style for your widget on the Style Configuration Page.

Agent Configuration

In this section, you can manage which agents are allowed to use the web widget. By default, all agents within the workspace have access, but you can limit access to specific agents as needed.

Refer to the Agent Configuration Page to set the permission.

Pre-Chat Configuration

This section controls what customers see before starting a conversation. It includes three configurations: Help Center, Pre-chat Form, and Chat Suggestions, which help guide customers and collect information before the chat begins.

Configuration details are available on the Pre-Chat Configuration Page.