# Image banner

<div data-full-width="true"><figure><img src="/files/dHaPBf9wiTvRsPXBrcnP" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxify_image_banner&#x26;utm_campaign=anchor-text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

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

## What is an image banner and why do you need it?

An image banner is a large image that usually spans the full width of the page. Great banners are generally composed of three elements:&#x20;

* An eye-catching image
* Compelling copy
* A strong call-to-action (CTA)

A thoughtful combination of each of these elements can lead to a persuasive banner image that compels the visitor to take the action you want them to, helping to boost conversion rates.&#x20;

Below are some examples of Image banner sections in Foxify pre-made templates:

{% tabs %}
{% tab title="Plants" %}

<figure><img src="/files/vz1BTseLDX2f8NSOtXNb" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Floral" %}

<figure><img src="/files/Xavr0SDN8vELTzlPLUFn" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Supplement " %}

<figure><img src="/files/lEELpJcA80p0Z3Z9CpQM" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Beauty " %}

<figure><img src="/files/lGpEMo48LzTPUFBPtzl6" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Drink " %}

<figure><img src="/files/kbzfERyReUax2UtN7NGN" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## When should you use an image banner?

Let’s take a look at some of the most common approaches for using image banners:

* To build your brand and tell your story.
* To answer customer questions.
* To highlight your value proposition.
* To make an announcement

## Customize an Image banner&#x20;

### Section settings

#### Layout settings

Select the banner height:

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

If you set your banner height as Custom height, tweak the toggle to adjust the value as you wish:&#x20;

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

#### Image settings

Select your image banner. You can upload different images for desktop view and mobile view.

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

#### Content settings

These settings let you select your image banner's content position, the text alignment, and enable content container/boxed content if needed.

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

#### Mobile layout

Uncheck **Show content above image** if you want to display the content below the banner in mobile view.

<figure><img src="/files/f1gEy2Qgq907HIXdW5n3" alt="" width="275"><figcaption></figcaption></figure>

### Block settings

In this section, you can add child blocks for a heading, subheading, rich text, and buttons. You can add up to two buttons for one image banner section.

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


---

# 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.foxecom.com/foxify-app/legacy-editor/sections-and-presets/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.
