---
title: "Manage Banners with Onsite Experiment"
slug: "manage-banners-with-onsite-experiment"
tags: ["banner management", "change banner", "upload image for banner"]
updated: 2026-04-22T12:53:52Z
published: 2026-04-22T12:53:52Z
canonical: "academy.insiderone.com/manage-banners-with-onsite-experiment"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Manage Banners with Onsite Experiment

Onsite Experiment is an A/B testing product that helps you make UI changes on your website. It can also help you update your website's banners.

> [!NOTE]
> Please remember that each website has its own structure and HTML tree, and different configurations might be required to make a change. That’s why the steps explained in this article might not suit you if your website has different settings.

To update the banner area, you can refer to the different options below:

## Replace the image with the Style Settings

1. Select the banner image.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725278519610.png)
2. Click on the **Style** menu.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725278966147.png)
3. Click the **Image Upload** button and open the Image Library.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725279005278.png)
4. Select the image you want to display, or upload a new one from your device, then save the changes.
5. You will see the new image in the banner area.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725279146394.png)

## Change the HTML code to replace the image

1. Select the banner image.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725280222816.png)
2. Click on the **Code** menu.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725280618997.png)
3. Change the image URL in the code section starting with '*src=*' and save the changes.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725280654051.png)
4. You will see the new image in the banner area.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725280684009.png)

## Change the image URL attribute to replace the image

1. Select the banner image.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725281358832.png)
2. Click on the **Attributes** menu.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725281469228.png)
3. Change the link associated with the style key, then save the changes.
4. You will see the new image in the banner area.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1725281510808.png)

> [!NOTE]
> Please check the image and container size for a better experience. If the image size is smaller than the container area, the image quality might be compromised.

## Related

- [Create an Onsite Experiment Campaign](/create-an-onsite-experiment-campaign.md)