---
url: "/fr/emailify/elements/hero.md"
description: "Utilisez des sections Hero pour du contenu sur une colonne, avec image d’arrière-plan et éléments de contenu."
---

# Hero

> Utilisez des sections Hero pour du contenu sur une colonne, avec image d’arrière-plan et éléments de contenu.

Les éléments **🦸 Hero** sont un type spécial de conteneur de contenu qui peut recevoir une image d’arrière-plan sur son propre frame.

> **Warning:** **Les calques Hero ne peuvent ni être imbriqués ni contenir de colonnes**. Les éléments **🦸 Hero** ne peuvent être ajoutés que directement dans des calques ✉️ **Email**. Les éléments **🦸 Hero** ne peuvent contenir aucun calque **🏛️ Column**, car ils ne prennent pas en charge les mises en page à plusieurs colonnes : les calques de contenu sont ajoutés directement dans le frame, sans calque **🏛️ Column** (contrairement à un élément **🚣 Row**).

> **Tip:** **Ajouter des images et/ou des dégradés d’arrière-plan**. Vous pouvez ajouter des remplissages d’arrière-plan en image et/ou en dégradé aux calques 🚣 **Row**, 🏛️ **Column**, 🦸 **Hero** et 🎁 **Wrapper**. Notez que les exports bruts `mjml` et `loops` omettent toujours les attributs d’image d’arrière-plan des Columns.

## Éléments de contenu d’un Hero {#hero-content-elements}

Ces options s’affichent lorsqu’un calque Figma 🦸 **Hero** est sélectionné :

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

## Ajouter de nouveaux calques Emailify avec « Quick Add » {#using-the-quick-add-feature-to-add-new-emailify-layers}

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

Emailify vous permet de construire vos designs avec des blocs de mise en page et des éléments de contenu spéciaux, ajoutés comme calques à vos designs Figma, puis exportés en HTML depuis le plugin.

Pour ajouter ces blocs de mise en page et éléments de contenu, assurez-vous d’avoir créé au moins un frame Emailify, puis cliquez sur ce frame pour afficher automatiquement le menu contextuel **Quick Add Element** en bas du plugin. Cliquez ensuite sur l’élément voulu, puis sur le bouton **Add +** pour l’ajouter au calque sélectionné.

> **Tip:** Les options proposées dans le menu contextuel changent selon le calque sélectionné dans Figma.