---
url: "/de/emailify/elements/hero.md"
description: "Nutze Hero-Abschnitte für einspaltige Inhalte mit Hintergrundbildern und Inhaltselementen."
---

# Hero

> Nutze Hero-Abschnitte für einspaltige Inhalte mit Hintergrundbildern und Inhaltselementen.

**🦸 Hero**-Elemente sind eine besondere Art von Inhaltscontainer, deren eigenem Frame-Element ein Hintergrundbild hinzugefügt werden kann.

> **Warning:** **Hero-Ebenen lassen sich nicht verschachteln und enthalten keine Columns**. **🦸 Hero**-Elemente können nur direkt in ✉️ **Email**-Ebenen eingefügt werden. **🦸 Hero**-Elemente können keine **🏛️ Column**-Ebenen enthalten, weil sie keine mehrspaltigen Layouts unterstützen. Stattdessen werden Inhaltsebenen direkt in den Frame eingefügt, ganz ohne **🏛️ Column**-Ebenen (anders als bei einem **🚣 Row**-Element).

> **Tip:** **Hintergrundbilder und/oder Verläufe hinzufügen**. Du kannst 🚣 **Row**-, 🏛️ **Column**-, 🦸 **Hero**- und 🎁 **Wrapper**-Ebenen Bild- und/oder Verlaufshintergründe geben. Beachte, dass reine `mjml`- und `loops`-Exporte die Attribute für Hintergrundbilder von Columns weiterhin weglassen.

## Inhaltselemente im Hero {#hero-content-elements}

Diese Optionen sind sichtbar, wenn eine 🦸 **Hero**-Ebene in Figma ausgewählt ist:

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

## Neue Emailify-Ebenen mit „Quick Add“ hinzufügen {#using-the-quick-add-feature-to-add-new-emailify-layers}

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

In Emailify baust du deine Designs aus speziellen Layoutblöcken und Inhaltselementen auf. Sie werden als Ebenen zu deinen Figma-Designs hinzugefügt und lassen sich aus dem Plugin als HTML exportieren.

Um diese Layoutblöcke und Inhaltselemente hinzuzufügen, erstelle zuerst mindestens einen Emailify-Frame und klick dann auf diesen Frame. Unten im Plugin erscheint automatisch das Kontextmenü **Quick Add Element**. Klick auf das gewünschte Element und dann auf den Button **Add +**, um es der ausgewählten Ebene hinzuzufügen.

> **Tip:** Welche Optionen das Kontextmenü anbietet, hängt davon ab, welche Figma-Ebene gerade ausgewählt ist.