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

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

A chat button is an interface for a customer to initiate a chat. You can design a chat button to be offline or online. Online chat button can be used during the business operational hours for chat, while offline button can be used to direct visitors during offline hours. Chat Design offers a default offline and online chat buttons for use. To customize a chat button, you can create a new button from scratch, or copy a default button and make desired changes.

**To create an online chat button:**

1. Log in to **8x8 Configuration Manager**.
2. Navigate to **Chat Design**.
3. In the **Button** tab, 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-03T23%3A11%3A43Z&se=2026-11-04T00%3A11%3A43Z&sr=c&sp=r&sig=BMRc1AiyJqWS72AzL7CM%2B8omagVqaPBKrxlpREDHCW0%3D) or **Online** link.
4. Enter Name and Description for the new chat button.
5. Browse and upload an image for the button.

> [!NOTE]
> Note:
> 
> The file size must not exceed 1 mb.

![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/CfgMgrDesignChatButton01.png?sv=2026-02-06&spr=https&st=2026-11-03T23%3A11%3A43Z&se=2026-11-04T00%3A11%3A43Z&sr=c&sp=r&sig=BMRc1AiyJqWS72AzL7CM%2B8omagVqaPBKrxlpREDHCW0%3D)
6. Click **Save** to create a new chat button.

**To create an offline chat button:**

1. Log in to **8x8 Configuration Manager**.
2. Navigate to **Chat Design**.
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-03T23%3A11%3A43Z&se=2026-11-04T00%3A11%3A43Z&sr=c&sp=r&sig=BMRc1AiyJqWS72AzL7CM%2B8omagVqaPBKrxlpREDHCW0%3D) or **Offline** link.
4. Enter **Name** and **Description** for the new offline chat button.
5. Browse and upload an image for the button.

> [!NOTE]
> Note:
> 
> The file size must not exceed 1 mb.

![](https://cdn.us.document360.io/e3a59e39-abd3-4423-964c-0a4008dc5673/Images/Documentation/CfgMgrDesignChatButton02.png?sv=2026-02-06&spr=https&st=2026-11-03T23%3A11%3A43Z&se=2026-11-04T00%3A11%3A43Z&sr=c&sp=r&sig=BMRc1AiyJqWS72AzL7CM%2B8omagVqaPBKrxlpREDHCW0%3D)
6. Click **Save** to create a new chat offline button.