---
url: "/emailify/design/hero.md"
description: "You can add 🦸 Hero elements when you need to display a single column of rich text, buttons or other content elements on top of a background image."
---

# Adding hero background image blocks to your email designs

> You can add 🦸 Hero elements when you need to display a single column of rich text, buttons or other content elements on top of a background image.

[Video](/assets/videos/emailify/design/add-hero-block.mp4)

The quickest way to add a new Hero is either to [add a preset starter component](/emailify/design/presets) (mostly from the "CTA" tab) or to use the **Quick Add Element** dropdown at the bottom of the plugin to insert a new blank Hero layer to your email design, when your Emailify email Figma frame is selected.

This will add a brand new empty Hero layer with a placeholder background image fill set on it.

You can then start populating it with content layers and customizing the styles (eg. adding a background, adjusting [padding and spacing](/emailify/design/item-spacing), etc) in Figma as needed.

> **Tip:** If you need to use a background image for more than one column of content, you can also [add background images](/emailify/design/background-images) to any 🚣 Row or 🎁 Wrapper layers, or apply one directly to individual 🏛️ Column layers.

> **Warning:** **🦸 Hero** elements can only be added directly inside of ✉️ **Email** layers. **🦸 Hero** elements cannot contain any **🏛️ Column** layers, as it doesn't support multiple column layouts; instead, content layers are added directly inside of the frame, without needing any **🏛️ Column** layers (unlike a **🚣 Row** element).