Image banner

A guide to use an image banner section to its full potentials

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:

  • 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.

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

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

Section settings

Layout settings

Select the banner height:

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

Image settings

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

Content settings

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

Mobile layout

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

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.

Last updated