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.

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).

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 ​

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

Ajouter de nouveaux calques Emailify avec « Quick Add » ​

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é.

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