# How to add a banner to your page

> Add a banner to any page in ProSite by dragging the Banner element onto your page and configuring its settings.

Source: https://www.kualo.com/knowledgebase/prosite-pages/how-to-add-a-banner-in-your-page
Updated: 2026-06-09

---

You can add a banner to any page in your ProSite website using the Banner element in the Site Builder. Banners can be added as an image file or as a script snippet.

## Add the banner element

1. Launch the Site Builder from cPanel.
2. Navigate to the page where you want to insert the banner.
3. Find the **Banner** element in the elements panel, then drag and drop it onto your page.

![Banner element being dragged onto the page](https://kb-cdn.kualo.com/e8/ad/e8adbf0c5b56ec90bb1ae43040777987374c2b07.jpg)

## Edit the banner settings

4. Double-click the newly added Banner widget, or click the **Pencil** icon and choose **Properties**.

![Banner properties dialog](https://kb-cdn.kualo.com/86/5c/865c28c691625a679887f0d4939f95bc32539d9c.jpg)

In the **Properties** panel you can add your banner either as an image file or as a script.

### Option 1 - add a banner as an image

5. Click the **Pencil** icon under **Picture** file.
6. Click **Upload New File** to browse and upload your image.
7. Once uploaded, select the file from the media gallery and click **Select**.

![Uploading a banner image](https://kb-cdn.kualo.com/fa/c2/fac21ca4ace956cb28646987217049fe0d6dc129.jpg)

Alternatively, paste the URL of your banner image directly into the **Banner URL** box.

### Option 2 - add a banner as a script

8. Click the **Script banner** tab.
9. Paste your banner code into the **Script** box.

![Script banner tab](https://kb-cdn.kualo.com/e2/13/e213c639c1c03305d11c26e781086f055f421467.jpg)

:::tip
Tick **Deactivate content while in builder (recommended)**. Some scripts can interfere with the builder, making the page inaccessible while you are editing it.
:::

The **Options** tab lets you adjust the banner size, position, and choose whether it appears on all pages or specific pages of your site.

## Save your changes

10. Click **Apply** to save the banner settings.


---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/prosite-pages/how-to-add-a-banner-in-your-page · © Kualo Ltd._