# Chat Widget Size

You can adjust the size of the chat widget by heading to the **“Embed to website”** settings and changing the size of the chat widget embed.

***

## Step 1: Go to Chatbots page

Go to **"Chatbots"** and under actions, click on the **“⋮”** and go to **“Embed to website”**

<figure><img src="https://3760420285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0WUvfmkdMPXz3x7NXP8i%2Fuploads%2FKuZ9c0ipeBeV6lFaaClA%2Fimage.png?alt=media&#x26;token=d1daa81e-c0aa-4711-9078-21c64f4bd412" alt=""><figcaption></figcaption></figure>

***

## Step 2: Select Size

### Adjusting Widget Button Size

<figure><img src="https://3760420285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0WUvfmkdMPXz3x7NXP8i%2Fuploads%2Fgit-blob-9dd183f1b2674368d46ce95f5c5630656bd9d643%2Fimage.png?alt=media" alt=""><figcaption><p>Choose Widget Button Size from the Dropdown List. Click "Preview Widget" to see size.</p></figcaption></figure>

<figure><img src="https://3760420285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0WUvfmkdMPXz3x7NXP8i%2Fuploads%2Fgit-blob-b78c7556add725b2ee92eb82b3b71067eea6c202%2Fimage.png?alt=media" alt=""><figcaption><p>Preview size of Widget Button</p></figcaption></figure>

### Adjusting Pop-Up Chat Size

<figure><img src="https://3760420285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0WUvfmkdMPXz3x7NXP8i%2Fuploads%2Fgit-blob-b7997a85a3161c050ccfae61ee1431d953ce74ed%2Fimage.png?alt=media" alt=""><figcaption><p>Choose Pop-Up Chat Size from the Dropdown List. Click "Preview Widget" to see size.</p></figcaption></figure>

<figure><img src="https://3760420285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0WUvfmkdMPXz3x7NXP8i%2Fuploads%2Fgit-blob-a4824d431fd2a8442718d223e586ad55232c11dc%2Fimage.png?alt=media" alt=""><figcaption><p>Click on widget and expand pop-up chat to preview size</p></figcaption></figure>

***

If you have any more questions, feel free to reach out to us at <mark style="color:purple;">**<support@wonderchat.io>**</mark>