---
url: "/pt/emailify/design/hero.md"
description: "Adicione elementos 🦸 Hero quando precisar exibir uma única coluna de rich text, botões ou outros elementos de conteúdo sobre uma imagem de fundo."
---

# Adicionar blocos hero com imagem de fundo aos e-mails

> Adicione elementos 🦸 Hero quando precisar exibir uma única coluna de rich text, botões ou outros elementos de conteúdo sobre uma imagem de fundo.

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

O jeito mais rápido de adicionar um novo Hero é [adicionar um componente inicial predefinido](/pt/emailify/design/presets) (principalmente da aba “CTA”) ou, com o frame de e-mail do Emailify selecionado no Figma, usar o menu suspenso **Quick Add Element** na parte de baixo do plugin para inserir uma nova camada Hero em branco no seu design de e-mail.

Isso adiciona uma nova camada Hero vazia, com uma imagem de fundo provisória como preenchimento.

Você pode começar a preenchê-la com camadas de conteúdo e personalizar os estilos (por exemplo, adicionar um fundo, ajustar o [padding e o espaçamento](/pt/emailify/design/item-spacing) etc.) no Figma conforme precisar.

> **Tip:** Se você precisar usar uma imagem de fundo em mais de uma coluna de conteúdo, também pode [adicionar imagens de fundo](/pt/emailify/design/background-images) a qualquer camada 🚣 Row ou 🎁 Wrapper, ou aplicar uma diretamente a camadas 🏛️ Column individuais.

> **Warning:** Os elementos **🦸 Hero** só podem ser adicionados diretamente dentro de camadas ✉️ **Email**. Os elementos **🦸 Hero** não podem conter camadas **🏛️ Column**, porque não são compatíveis com layouts de várias colunas; em vez disso, as camadas de conteúdo são adicionadas diretamente dentro do frame, sem precisar de camadas **🏛️ Column** (ao contrário de um elemento **🚣 Row**).