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


---

# 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-header-image.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.