> 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-header-image.md).

# Chat Header Image

## Overview

Your header image is a visual element placed at the top of your chat interface, typically used to set the tone or theme of the chat. It can serve as a welcoming image, providing users with a clear sense of the bot’s purpose or identity, often incorporating logos, colors, or imagery that aligns with the company or service.

<figure><img src="/files/A8bNktohyB1rHPHTG1ux" alt="" width="332"><figcaption><p>Header Image Highlighted in Red</p></figcaption></figure>

## Add Your Header Image

To add or adjust your chat header image, submit a ticket to our support team. Be sure to include the image file and indicate which page(s) you'd like the header 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!
* Header images cannot be applied to the Facebook/SMS channel
* If the user is linked out to a URL by clicking the chat header image, be sure to include the link in the correct format to ensure tracking occurs. Click the link [here](https://docs.satisfilabs.com/resource-center/ai-agent-engine/enhance-the-chat-experience/sponsor-inclusion#header-a-d-placement) for more information.&#x20;
  {% endhint %}

## Examples We Love

{% tabs %}
{% tab title="Company Logo" %}

<figure><img src="/files/BT0WJgB3HBlUog09AFoz" alt="" width="369"><figcaption></figcaption></figure>

**Why We Love It:** Prime Use of the Company Logo
{% endtab %}

{% tab title="Sponsor Placement" %}

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

**Why We Love It:** Place a sponsor's logo in the header image to include it throughout the user experience. The sponsor's logo will sit outside the conversation and will not be associated to 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 %}

{% tab title="URL Linkout" %}

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

**Why We Love It:** Make the header image clickable and link to an external page. The click-through traffic can be tracked when using the correct format. Click the link [here](https://docs.satisfilabs.com/resource-center/ai-agent-engine/enhance-the-chat-experience/sponsor-inclusion#header-a-d-placement) for more information.&#x20;
{% endtab %}
{% endtabs %}

## FAQs

<details>

<summary>Can I hide my chat header?</summary>

Yes! The header can be hidden from end users.&#x20;

</details>