---
url: "/es/emailify/design/hero.md"
description: "Añade elementos 🦸 Hero cuando necesites mostrar una sola columna de texto enriquecido, botones u otros elementos de contenido sobre una imagen de fondo."
---

# Añadir bloques hero con imagen de fondo a tus emails

> Añade elementos 🦸 Hero cuando necesites mostrar una sola columna de texto enriquecido, botones u otros elementos de contenido sobre una imagen de fondo.

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

La forma más rápida de añadir un Hero nuevo es [añadir un componente inicial predefinido](/es/emailify/design/presets) (sobre todo de la pestaña "CTA") o usar el desplegable **Quick Add Element** de la parte inferior del plugin para insertar una capa Hero en blanco en tu diseño de email, con tu frame de email de Emailify seleccionado.

Se añadirá una capa Hero nueva y vacía con un relleno de imagen de fondo de ejemplo.

Puedes empezar a llenarla con capas de contenido y personalizar los estilos en Figma según necesites (por ejemplo, añadir un fondo, ajustar el [padding y el espaciado](/es/emailify/design/item-spacing), etc.).

> **Tip:** Si necesitas usar una imagen de fondo para más de una columna de contenido, también puedes [añadir imágenes de fondo](/es/emailify/design/background-images) a cualquier capa 🚣 Row o 🎁 Wrapper, o aplicarla directamente a capas 🏛️ Column concretas.

> **Warning:** Los elementos **🦸 Hero** solo se pueden añadir directamente dentro de capas ✉️ **Email**. Los elementos **🦸 Hero** no pueden contener capas **🏛️ Column**, porque no admiten diseños de varias columnas; en su lugar, las capas de contenido se añaden directamente dentro del frame, sin necesidad de capas **🏛️ Column** (a diferencia de un elemento **🚣 Row**).