---
title: "Designing a Chat Window"
slug: "designing-a-chat-window"
updated: 2026-07-23T10:07:00Z
published: 2026-07-23T10:07:00Z
canonical: "help.8x8.com/designing-a-chat-window"
---

> ## 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.

# Designing a Chat Window

The Chat Window is the interface between the customer and the agent during the chat. You can use the default chat window or create a custom window. To create a custom window, you can copy the default form and make desired changes or create a new form from scratch.

**To create a custom chat window:**

1. Log in to **8x8 Configuration Manager**.
2. From Chat Design, select **Window** tab.
3. Click ![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/iconPlus_17x18.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A57%3A03Z&se=2026-11-03T23%3A57%3A03Z&sr=c&sp=r&sig=tmI46d0T60xv6Awy1scd5V8sDI7Fmcyj%2Bz%2FeVm2jeAo%3D) or **Add New Window** link.

![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/CfgMgrDesignChatWindow01.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A57%3A03Z&se=2026-11-03T23%3A57%3A03Z&sr=c&sp=r&sig=tmI46d0T60xv6Awy1scd5V8sDI7Fmcyj%2Bz%2FeVm2jeAo%3D)
4. Enter Name and Description of the new form.
5. Change the visual elements of the chat window as desired.

![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/CfgMgrDesignChatWindow02.png?sv=2026-02-06&spr=https&st=2026-11-03T22%3A57%3A03Z&se=2026-11-03T23%3A57%3A03Z&sr=c&sp=r&sig=tmI46d0T60xv6Awy1scd5V8sDI7Fmcyj%2Bz%2FeVm2jeAo%3D)
6. Click **Save**.

With this, you have defined all the Chat Visual Block (CVB) elements. The next step is to add them in a chat script to complete the workflow.