> For the complete documentation index, see [llms.txt](https://eleapis-organization.gitbook.io/eleapis-resource-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eleapis-organization.gitbook.io/eleapis-resource-center/eleapi-resource-center/how-eleapi-works/bot-management/bot-settings/website-bot-settings/design.md).

# Design

This page contains all the information that you can configure in the design section of the website eleapi settings.

This table summarizes all the settings options available for configuring your bot:

<figure><img src="https://4011271868-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZn5JJsTu4fi1gbWsHaoo%2Fuploads%2Fgit-blob-786ff56f20aa0e1abe30f3cee0f7eb8545e9f411%2F1%20%E2%80%93%2054.png?alt=media" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="279">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Bot Name</td><td>Enter the desired name for your bot. It will be displayed to users during interactions and Main name for eleapi</td></tr><tr><td>Call to Action</td><td>CTA text just beside the Chatbot icon</td></tr><tr><td>Chat background color</td><td>Select the background color of the eleapi</td></tr><tr><td>Chat Text Color</td><td>Text color for the eleapi</td></tr><tr><td>Hide CTA Chat Bubble</td><td>Hides the CTA tect beside eleapi icon on website</td></tr><tr><td>Chat Bubble Background Color</td><td>Back ground Color for CTA Text</td></tr><tr><td>Chat Bubble Text Color</td><td>Color for CTA Text</td></tr><tr><td>Theme</td><td>Chatbot theme, Preview the bot for better understanding</td></tr><tr><td>Window Size</td><td>How big your window should be</td></tr><tr><td>Window Position</td><td>Where you want to show bot on your website</td></tr></tbody></table>

**Saving Changes**

Once you have configured all the settings according to your requirements, click the "Save Changes" button to apply the changes. The bot will update its setting after some time ones cache is removed.

{% hint style="info" %}
Use `Invalidate Cache` option to make changes live right away.
{% endhint %}

**Note**

Ensure to review all configurations before saving changes to ensure they align with your desired bot behavior and appearance.

This documentation provides step-by-step instructions for configuring various aspects of your bot's appearance and behavior. If you encounter any issues or need further assistance, feel free to reach out to our support team for help.
