# Image banner

Broadcast's hero-style section lets you quickly build a powerful banner section with one or two split images. 

<figure><img src="/files/1SFwIuigi4UIVHYdkBD4" alt=""><figcaption><p><strong>Two images split with multiple buttons</strong></p></figcaption></figure>

The heading, text, and buttons are blocks that can be placed in different positions to create the perfect branded banner and messaging.&#x20;

<figure><img src="/files/eNv6PrKDPycxBtaxWsUZ" alt=""><figcaption><p><strong>Single image with multiple buttons</strong></p></figcaption></figure>

### Flexible

Designed with tools to build engaging and visually appealing banners to promote your brand, products and services for desktop and mobile shoppers. Ideal for single or double-image promotions overlayed with messaging and call-to-action.&#x20;

### Customize

* Mobile and desktop options for the banner image and section height help you design a banner for all devices.&#x20;
* For the desktop, choose a second image to build creative split-image designs.&#x20;
* Block types can be added multiple times. For example, you can use two button blocks and arrange them next to each other or in different orders.&#x20;
* Messaging is overlayed on top of the image to improve SEO. Use the size option for the heading and text blocks for the perfect-sized message.
* The entire image can be a link. This can be the same or different from the button links.
* For H1 headings, use the custom code block (covered in the video below).&#x20;

### Video Overview

This video demonstrates the section settings and block options for the **Image banner** section, including split-images and mobile options:

{% embed url="<https://www.loom.com/share/cec60793adff4b39b4494ea06ede0974?sid=8df9c0ba-b8cb-4103-86f2-f87528173a51>" %}
**Video walkthrough of the Image banner section**
{% endembed %}

### Advanced setting

This video discusses the advanced setting option when using the image banner page templates with metafields:

{% embed url="<https://www.loom.com/share/0679fc3f06bd43409c46810ea9d2f130?sid=9b201976-5ff4-43b8-8066-820a109410a4>" %}
**Default product template - Image placeholder setting**
{% endembed %}


---

# 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://broadcast.presidiocreative.com/broadcast-v5/sections/broadcast-sections/image-banner.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.