Deploy the Agent

Select Deployment Type

Select whether you want to deploy your agent externally or embed it as a widget.

Step 1

External Agent Widget

Select an agent

Select an agent to deploy. Configuration options will be available in the following steps.

Step 2 of 3

Select an agent

Select an agent to deploy. Configuration options will be available in the following steps.

Step 2 of 5

Customize external chat

Set the welcome text, colors, and layout, and choose which roles can access this deployment.

Step 3 of 3

Header / Icon Color

Brand / Accent Color

Plain Background

Transparent background

Remove background so border-radius defines the container shape.

Gradient Color 1

Gradient Background

Use gradient instead of solid background.

Pattern (Beta)

Message Styling

Customize how chat messages appear, similar to the widget.

Header Title

Text shown at the top of the chat when no custom logo is set. Use a dot (e.g. Acme.support) for two-tone styling like the default.

Welcome Message

The initial message shown when users open the chat.

Agent Bubble Color

Agent Text Color

User Bubble Color

User Text Color

Access Roles

Select which roles can see this deployment. You can select Admin, Member, or both.

Configure Allowed Origins

Enter the domains where this embed code can be used. This helps secure your agent.

Step 3 of 5

Enter the full URLs of domains where you want to use this embed code. Use https://*.example.com to allow all subdomains.

Access Roles

Select which roles can see this deployment. You can select Admin, Member, or both.

Customize widget

Set the welcome text, colors, and layout for your embedded widget. Allowed domains and access roles were set in the previous step.

Step 4 of 5

Header / Icon Color

Brand / Accent Color

Plain Background

Transparent background

Remove background so border-radius defines the container shape.

Gradient Color 1

Gradient Background

Use gradient instead of solid background.

Pattern (Beta)

Message Styling

Customize how chat messages appear in the widget.

Header Title

Text shown at the top of the chat when no custom logo is set. Use a dot (e.g. Acme.support) for two-tone styling like the default.

Welcome Message

The initial message shown when users open the chat.

Agent Bubble Color

Agent Text Color

User Bubble Color

User Text Color

Copy and paste the code

Copy the generated line of code for your agent and paste the snippet right before the closing </body> (or wherever your widget container lives). Save and refresh your site.

Step 5 of 5

Deployed agents

Select Deployment Type

Select an agent

Select an agent

Customize external chat

Configure Allowed Origins

Customize widget

Copy and paste the code

Widget Already Exists

Agent Already Deployed

Deployed agents

Select Deployment Type

Select an agent

Select an agent

Customize external chat

Configure Allowed Origins

Customize widget

Copy and paste the code

Widget Already Exists

Agent Already Deployed

Widget Embed Code