# Chat Bubble

{% embed url="<https://player.vimeo.com/video/697439753>" %}

#### **Bubble Preview** <a href="#bubble-preview" id="bubble-preview"></a>

This is a preview of what your website chat widget bubble will look like. As you customize your chat widget, you can see the changes happening in real-time here as a Preview.

<figure><img src="https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz59Vqr25L1jt6xe60FDS%2Fuploads%2Fgit-blob-48b7a1f9a28be300966095efd2b4385cda32f473%2FChat%20widget%20-Chat%20Widget%20Bubble%20Preview%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

#### **Enable Chat Widget** <a href="#enable-chat-widget" id="enable-chat-widget"></a>

In order to use this chat widget, you will first need to enable it by clicking here.

<figure><img src="https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz59Vqr25L1jt6xe60FDS%2Fuploads%2Fgit-blob-e4187261171ced918952e3285d081e17c5ac36be%2FChat%20widget%20-%20Enable%20Chat%20Widget%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

#### **Customize Welcome Message** <a href="#customize-welcome-message" id="customize-welcome-message"></a>

This controls the welcome message your new website visitor sees. The text here should either offer support or a marketing communication to get visitors to click on the chat widget.

<figure><img src="https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz59Vqr25L1jt6xe60FDS%2Fuploads%2Fgit-blob-daf4a1e6792d35436b925df6ca29e13dc35df1e2%2FChat%20widget%20-Customize%20Welcome%20Message%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

#### **Custom Avatar Image** <a href="#custom-avatar-image" id="custom-avatar-image"></a>

Here you can change the image website visitors see when they interact with your chat widget. We recommend that you either add your company logo or a friendly face!

<figure><img src="https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz59Vqr25L1jt6xe60FDS%2Fuploads%2Fgit-blob-1c5e8d5cc406a175790b8fcadf65b28724cbfa86%2FChat%20widget%20-%20Custom%20Avatar%20Image%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

#### **Return Visitors** <a href="#return-visitors" id="return-visitors"></a>

If you are tracking visitors on your website, you can create a custom message for return visitors and tailor the message to be more personalized.

<figure><img src="https://953459931-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2RjsAyiXnDibDuY7JKcM%2Fuploads%2FGEyykkDEsiXPFiCAHdpn%2Fspaces_z59Vqr25L1jt6xe60FDS_uploads_git-blob-2e21a1505a9b7d19d3aedf4a4428b3869a08e408_Chat%20widget%20-%20Return%20Visitors.webp?alt=media&#x26;token=9dae0aa3-35c7-4d3e-9be1-f3aa5d041391" alt=""><figcaption></figcaption></figure>