---
title: "Design a chat invitation"
slug: "chatdesignoverview1-design-a-chat-invitation"
updated: 2026-07-23T10:06:53Z
published: 2026-07-23T10:06:53Z
canonical: "help.8x8.com/chatdesignoverview1-design-a-chat-invitation"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.8x8.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Design a chat invitation

8x8 Contact Center allows administrators to proactively invite website visitors to chat using a customizable chat invitation. The invitation can appear after a visitor spends a specific amount of time browsing your website. You can create new chat invitations from scratch or duplicate and modify the default one.

> [!NOTE]
> Note:
> 
> The chat invitation experience has been significantly improved, such as, quick-reply buttons, custom logo and image support, and enhanced color and accessibility controls.

## How to create a chat invitation

1. From the 8x8 Configuration Manager, open **Chat Design**.
2. Go to the **Invitation** tab.
3. Click ![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/icon_plus_18x18.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A19%3A36Z&se=2026-11-03T23%3A19%3A36Z&sr=c&sp=r&sig=wG8M2xzNYEaFu7Q9voIjbH8uoGXvQz%2FCBEUc9HXqsDM%3D) or **Add new invitation**.
4. Customize the invitation content:
  - **General info**
    - **Name**: Required name for internal reference.
    - **Description**: Enter a short description.
  - **Label**
    - **Window title**: Enter a title for the chat window. (Up to 30 characters). Appears at the top of the chat prompt.
    - **Message** (Optional): Add a brief message (maximum 125 characters).
    - **Button label** - Set the button text (maximum 30 characters).
      - (Optional) Click **Add button** to include additional buttons.
      - Click **Delete ![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/icon-delete-button_15x18.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A19%3A36Z&se=2026-11-03T23%3A19%3A36Z&sr=c&sp=r&sig=wG8M2xzNYEaFu7Q9voIjbH8uoGXvQz%2FCBEUc9HXqsDM%3D)** next to the button to remove it.
  - **Color**
    - Select the **Use default colors** checkbox to apply 8x8’s WCAG-compliant theme.
    - To customize, clear the checkbox and define your own header and button colors.
  - **Logo customization**
    - Click **Choose Files** to upload a logo (up to 200 kB). The logo is resized to 100×30 pixels.
    - **Logo Label**: Enter alt text describing the logo for screen readers, following WCAG accessibility standards.
  - **Image customization** (Optional)
    - Click **Choose files** to upload an image (up to 200 kB). Images are resized to 100×30 pixels. This helps for visual branding or promotional prompts.
5. The **Preview** window updates in real time as you make changes.
6. Click **Save** when you are satisfied with the design.

> [!NOTE]
> Note
> 
> You can edit an existing chat invitation anytime. Go to **Chat Design** > **Invitation**, then click **Edit ![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/icon_edit_18x18.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A19%3A36Z&se=2026-11-03T23%3A19%3A36Z&sr=c&sp=r&sig=wG8M2xzNYEaFu7Q9voIjbH8uoGXvQz%2FCBEUc9HXqsDM%3D)** in the invitation row you want to edit.

![Chat Design: Add invitation screen with fields for title, message, quick-reply button labels, color and logo customization, and a preview panel displaying the chat invitation layout](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/design-chat-invitation-before.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A19%3A36Z&se=2026-11-03T23%3A19%3A36Z&sr=c&sp=r&sig=wG8M2xzNYEaFu7Q9voIjbH8uoGXvQz%2FCBEUc9HXqsDM%3D)

## Edit a chat invitation

To modify an invitation:

1. From the 8x8 Configuration Manager, open **Chat Design**.
2. Go to the **Invitation** tab.
3. Click Edit ![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/icon_edit_18x18.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A19%3A36Z&se=2026-11-03T23%3A19%3A36Z&sr=c&sp=r&sig=wG8M2xzNYEaFu7Q9voIjbH8uoGXvQz%2FCBEUc9HXqsDM%3D)next to the invitation you want to modify.
4. Click **Save**.

![8x8 Admin Console showing the Chat Design > Add invitation screen with fields for title, message, button labels, color and logo customization, and a preview panel displaying the chat invitation layout](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/design-chat-invitation-enhanced.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A19%3A36Z&se=2026-11-03T23%3A19%3A36Z&sr=c&sp=r&sig=wG8M2xzNYEaFu7Q9voIjbH8uoGXvQz%2FCBEUc9HXqsDM%3D)