# Widget Window

### Edit Widget Window

Now let's move on to the actual chat widget window and what the visitor will see if they click to chat.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2Fjn2AYRmQCaVWi4wjW1ZQ%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-ffaa7386eb344dc6b126e87d5b57b463d8617b34_Chat%20widget%20-Edit%20Widget%20Window%20(1).png?alt=media&#x26;token=e4937fb4-72a5-4325-81cf-89c465cf0a3b" alt=""><figcaption></figcaption></figure>

### Preview Window

This is a preview of what your website chat widget window 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://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F1saNNOrNREtdaBxA2SFf%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-9b637659efb34cc7cd0c266f04d8b74d1bfaf6a6_Chat%20widget%20-%20Chat%20Widget%20Window%20Preview%20(1).png?alt=media&#x26;token=bf332d84-7ad8-4a59-8741-6d2188d0d0c7" alt=""><figcaption></figcaption></figure>

### Header Text

Here you can customize the text shown in the top section of the chat widget. This is usually a prompt of some kind or your company name.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FCoBJ5hbqEiL3OZoaPhVU%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-8a9a9b256a57ba808a0c5b219a59171c3eb3dd60_Chat%20widget%20-%20Header%20Text.png?alt=media&#x26;token=91a1ab65-35f1-4a3b-8f71-42db6a376864" alt=""><figcaption></figcaption></figure>

### Intro Message

This piece of text is the message shown at the top of the chat window like it were your representative speaking. We recommend asking a question or telling the visitor to leave their contact information.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FRA5i86oSYx0fpuu3M4r6%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-005e6b7f78a7d68f2c5a50d68c0d60d9518c6c19_Chat%20widget%20-%20Intro%20Message%20(1).png?alt=media&#x26;token=bec1212a-1630-416d-ba4c-2815c96e3cc7" alt=""><figcaption></figcaption></figure>

### Email Field

If you'd like to collect an email from the visitor looking to chat, you can enable the email field here.

### Legal Message

All communication coming from this chat widget is either text or email, so you will need to add a legal disclaimer so your website visitors know they will be contacted with the information they share.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FYQ44VGbc5p2hSNuMKdHp%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-f48f9583d70cfaf1590e96d08405e510d6ee5565_Chat%20widget%20-%20Legal%20Message.png?alt=media&#x26;token=e9591dbf-10ec-4a61-a037-15030a68eaa5" alt=""><figcaption></figcaption></figure>

### Custom Color

Here you can change the color of your chat widget to better match your website or brand colors.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2Fg0nYPC9ax0zMUPCvbpPM%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-4444b96ae5417a6c896973fd86827239c0ceea00_Chat%20widget%20-Custom%20Color%20(1).png?alt=media&#x26;token=8e755ad2-8d25-4493-ad67-18ee88b57edb" alt=""><figcaption></figcaption></figure>

### Agency Branding

Choose whether or not to show your branding in the footer of the chat widget.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FIyeo8kP65h6DBMeJrsbY%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-6f462cc2f68eba386c93ef19feb26e4df828d101_Chat%20widget%20-%20Agency%20Branding.png?alt=media&#x26;token=fcf38826-94eb-4232-92dd-7133ac74e133" alt=""><figcaption></figcaption></figure>
