# Appearance

Next, continue with configuring the appearance of your chatbot on this page. You have the options to select a preset template, or customize all the colors of the chat interface, choose the size of the chatbox (the size refers to the actual dimensions of the chatbox when embedded on a third-party website), and select your preferred profile image for your chatbot.

<figure><img src="https://2150089584-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4o44HATFgfIrcNdXn3ca%2Fuploads%2F2EFKPjUpaEiS5OK5ER3y%2FScreenshot%202024-01-08%20at%2011.33.43%20AM.png?alt=media&#x26;token=37fc8921-1165-475e-b4d1-4fd383f67478" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2150089584-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4o44HATFgfIrcNdXn3ca%2Fuploads%2FOWzeGZ4f9Kf3RlnRlQfO%2FScreenshot%202024-01-08%20at%2011.38.49%20AM.png?alt=media&#x26;token=4a9256a9-5991-4b1e-ac85-6591cbc08adb" alt=""><figcaption></figcaption></figure>

You can preview the effect of your configuration in the preview zone located on the right side of the page.

<figure><img src="https://2150089584-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4o44HATFgfIrcNdXn3ca%2Fuploads%2Fl2Zv1UCljinlz5BCdbwf%2FScreenshot%202024-01-08%20at%2011.39.46%20AM.png?alt=media&#x26;token=8de49fa3-b70f-478e-89b2-a58ef14e5054" alt=""><figcaption></figcaption></figure>

When you've finished all your configurations, click the '**Save Changes**' button to continue.

<figure><img src="https://2150089584-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4o44HATFgfIrcNdXn3ca%2Fuploads%2Fd3OV6pWZlCMf677iu4d7%2FScreenshot%202024-01-08%20at%2011.41.20%20AM.png?alt=media&#x26;token=0edeaff0-83ec-4b57-ac0f-7f7c5fd1789f" alt=""><figcaption></figcaption></figure>