# Configure Widget

During this step of onboarding, you can customize the widget which will be embedded in your website. As you change settings for the bot, the preview in the right updates automatically to help you visualize how the bot will be on your website. 

You can customize the following settings of the bot 

**Bot Logo**

Enter a URL that should be used as a logo for your widget. We recommend having an image that is square in shape (aspect ratio of 1:1)

**Brand Color**

Enter a color code (hex code) for your brand. If you are unsure how to find the color code for your brand, use a tool like <https://imagecolorpicker.com/en> to find the hex code of your desired color

**Text Color**

This is the color in which the text will appear in the header region of the bot widget

**Welcome Message**

This message is shown to all users who interact with your chatbot for the first time. Use this section to tell them about the magical bot on your website or promote your services.&#x20;

Once you have configured all settings, "Save Configuration" to move on to the next screen.&#x20;

<figure><img src="/files/EkNQE0zC8xvQfvurRfAV" alt=""><figcaption><p>Configure Widget for bodt.io</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bodt.io/getting-started/configure-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.