---
url: "/pt/emailify/elements/hero.md"
description: "Use seções Hero para conteúdo em uma única coluna, com imagens de fundo e elementos de conteúdo."
---

# Hero

> Use seções Hero para conteúdo em uma única coluna, com imagens de fundo e elementos de conteúdo.

Os elementos **🦸 Hero** são um tipo especial de contêiner de conteúdo que pode ter uma imagem de fundo adicionada ao próprio frame.

> **Warning:** **Camadas Hero não podem ser aninhadas nem conter colunas**. Os elementos **🦸 Hero** só podem ser adicionados diretamente dentro de camadas ✉️ **Email**. Os elementos **🦸 Hero** não podem conter camadas **🏛️ Column**, porque não aceitam 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** (diferente de um elemento **🚣 Row**).

> **Tip:** **Adicionar imagens e/ou gradientes de fundo**. Você pode adicionar preenchimentos de fundo com imagem e/ou gradiente às camadas 🚣 **Row**, 🏛️ **Column**, 🦸 **Hero** e 🎁 **Wrapper**. As exportações brutas `mjml` e `loops` continuam omitindo os atributos de imagem de fundo das Columns.

## Elementos de conteúdo do Hero {#hero-content-elements}

Estas opções aparecem quando uma camada 🦸 **Hero** do Figma está selecionada:

- ✍️ [Text](/pt/emailify/elements/text)
- 📷 [Image](/pt/emailify/elements/image)
- 🔗 [Button](/pt/emailify/elements/button)
- 📐 [Spacer](/pt/emailify/elements/spacer)
- ➖ [Divider Line](/pt/emailify/elements/divider)
- 🧾 [Spreadsheet (Import)](/pt/emailify/elements/spreadsheet)
- 🪑 [Data Table](/pt/emailify/elements/table)
- 🍔 [Navigation Links](/pt/emailify/elements/navbar)
- 🐦 [Social](/pt/emailify/elements/social)
- 🎠 [Image Carousel](/pt/emailify/elements/carousel)

## Usar o recurso “Quick Add” para adicionar novas camadas do Emailify {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

O Emailify permite montar seus designs com blocos de layout e elementos de conteúdo especiais, que são adicionados como camadas aos seus designs do Figma e podem ser exportados para HTML pelo plugin.

Para adicionar esses blocos de layout e elementos de conteúdo, verifique se você já criou pelo menos um frame do Emailify e clique nesse frame para mostrar automaticamente o menu de contexto **Quick Add Element** na parte de baixo do plugin. Depois, clique no elemento que quiser e no botão **Add +** para adicioná-lo à camada selecionada.

> **Tip:** As opções disponíveis no menu de contexto mudam conforme a camada do Figma selecionada.