# 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 %}


---

# 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.satisfilabs.com/resource-center/ai-agent-engine/enhance-the-chat-experience/pages/chat-background.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.