> For the complete documentation index, see [llms.txt](https://docs.satisfilabs.com/resource-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.satisfilabs.com/resource-center/ai-agent-engine/enhance-the-chat-experience/pages/chat-background.md).

# Chat Background

## Overview

Including a background image in your chat window can enhance the user experience by creating a more visually engaging and personalized interface. Additionally, it may help set the tone of the conversation and better align with your brand aesthetics. You can decide to provide a background image with a design, a logo, a solid color, etc. 

<figure><img src="/files/ntZejr67SpnmqvwzA7d0" alt="" width="375"><figcaption><p>Example of a Unique Chat Background (Purple)</p></figcaption></figure>

## Customize the Background

Be sure to include the image file and indicate which page(s) you'd like the background image applied. Information on image specs can be found below.

{% content-ref url="/pages/gIM6JiSUBDUCGZ81k2f3" %}
[Images & GIFs](/resource-center/ai-agent-engine/manage-your-content/enrichments/images-and-gifs.md)
{% endcontent-ref %}

{% hint style="warning" %}
Please Note:

* If you have multiple chat pages, the image will need to be added to each page!
* Background images cannot be applied to the Facebook/SMS channel
  {% endhint %}

## Examples We Love

{% tabs %}
{% tab title="Brand Colors" %}

<figure><img src="/files/xfvv2g74yxpgGQHFUPYr" alt="" width="552"><figcaption></figcaption></figure>

**Why We Love It:** Use your brand colors as your chat background
{% endtab %}

{% tab title="Sponsor Placement" %}

<figure><img src="/files/Gcu4NwBOhHcq8bwYWqqz" alt=""><figcaption></figcaption></figure>

**Why We Love It:** Place a sponsor's logo in the background image to include it throughout the user experience. The sponsor's logo will sit outside the conversation and will not be associated with a specific topic unless placed by you. Learn more below!

{% content-ref url="/pages/QjeobJVl6zt3mU0dLFYa" %}
[Sponsor Inclusion](/resource-center/ai-agent-engine/enhance-the-chat-experience/sponsor-inclusion.md)
{% endcontent-ref %}
{% endtab %}
{% endtabs %}