# Configure a Widget
In Website Embed, select the widget from the list and select **Configure** to open the widget Overview page.
On this page, key stats include total conversations, total messages, and average session duration.
This page also shows the widget’s current configuration, including appearance and settings.
{% hint style="info" %}
Please note that the toggle switch is located in the top-right corner of the Overview page. Use it to enable or disable the widget.
{% endhint %}
## Widget Management
If changes are needed, select **Manage Widget** in the top-right corner. The Manage page uses the same setup flow as [Add a Widget](/chatlyst-user-guide/inbound-channels/website-embed/add-a-widget.md).
{% hint style="info" %}
Navigation tab — use this to return to the Overview page at any time. Before leaving the page, select **Save** and confirm the toggle is set correctly so changes are not lost.
{% endhint %}
{% hint style="info" %}
Please note that the toggle switch and Save button are located in the top-right corner of the management page. Select **Save** after making changes and confirm the toggle is set correctly so updates are applied.
{% endhint %}
### Embed code
At the bottom of the widget Overview page, copy the embed code and paste it into the website to install the widget.
Basic example of embedding code on a website:
```html
My Website
Welcome to my site.
```
### Preview Widget
{% stepper %}
{% step %}
Select **Preview Widget** to open a live example of how the widget looks and behaves when embedded on a website.
Preview Widget
{% endstep %}
{% step %}
Test the widget as a website visitor by selecting the launcher icon to open the conversation window and start chatting with the bot.
{% hint style="info" %}
The embed code is still available to copy and test on a website before going live.
{% endhint %}
{% endstep %}
{% step %}
Review the widget appearance, including colors, widget name, and welcome message, and verify that it aligns with your settings.
{% endstep %}
{% step %}
Send a few test messages to confirm the overall experience displays correctly.
{% hint style="warning" %}
**Important Note**: Messages sent in the preview are live and are recorded as real conversations. Conversations created in the preview appear in Chat the same way as any other visitor conversation.
{% endhint %}
{% endstep %}
{% endstepper %}
---
# 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://chatlyst.gitbook.io/chatlyst-user-guide/inbound-channels/website-embed/configure-a-widget.md?ask=
```
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.