> For the complete documentation index, see [llms.txt](https://docs.overse.app/hubble/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.overse.app/hubble/block-types/image-banner.md).

# Image Banner

The Image Banner Block is perfect for showcasing visuals that capture attention. Use it to highlight promotions, featured collections, or branded messages directly on your customer account pages.

### Key features

* **Customizable content**: Add a title and image to drive customer engagement.
* **Targeted messaging**: Display specific banners to different customer groups with filters.

{% hint style="info" %}
Want to display different content for different customers? [Learn about dynamic blocks](/hubble/blocks/dynamic-blocks.md)
{% endhint %}

***

### Customize the settings

You must provide at least the following to create an image banner:

**Image**: Upload a high-quality visual that represents the promotion.

**Banner link**: Provide a URL link to direct users when they click on the banner.

**Aspect ratio**: Ensure the image maintains a consistent aspect ratio to prevent distortion.

**Min. height**: Set a minimum height for the banner to ensure visibility and consistency across devices.

**Max. height**: Specify a maximum height to ensure the image doesn't overwhelm the space.

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-181807c59637b75e20abb1e16fd59a83620afa8f%2FBlocks%20_%20Static%20Blocks%20_%20Image%20Banner%20_%20New%20_%20Block%20settings.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Use a high-resolution image for a professional look.
{% endhint %}

***

### Use cases

* Showcasing seasonal promotions (e.g., “Spring Collection Now Live!”).
* Highlighting best-selling or featured collections.
* Linking customers to campaign pages, such as "Limited-Time Deals."

### Frequent questions

<details>

<summary>Can I change the look/style of the block?</summary>

All possible customizations options in regards to styling are already included in the block.

{% hint style="success" icon="trophy" %}
Looking for more advanced customization? [Custom blocks](/hubble/block-types/custom.md) give you greater control over layout, styling, and content across your customer account pages.
{% endhint %}

</details>