Les éléments 🏛️ Content servent à créer des mises en page à une ou plusieurs colonnes, qui accueillent les calques de contenu eux-mêmes.
Les calques Column ne peuvent pas être imbriqués. Les éléments 🏛️ Column ne peuvent être ajoutés que directement dans des calques 🚣 Row. Si vous avez besoin de plusieurs rangées de colonnes, créez une nouvelle 🚣 Row pour chaque rangée de colonnes.
Les calques 🏛️ Column peuvent avoir des images et des dégradés d’arrière-plan dans l’aperçu Emailify et les exports rendus en HTML. Vous pouvez aussi ajouter des remplissages d’arrière-plan en image et/ou en dégradé aux calques 🚣 Row, 🦸 Hero et 🎁 Wrapper de premier niveau. Les exports bruts mjml et loops omettent toujours les attributs d’image d’arrière-plan des Columns.
Éléments de contenu d’une Column
Ces options s’affichent lorsqu’un calque Figma 🏛️ Column est sélectionné :
- ✍️ Text
- 📷 Image
- 🔗 Button
- 📐 Spacer
- ➖ Divider Line
- 🧾 Spreadsheet (Import)
- 🪑 Data Table
- 🍔 Navigation Links
- 🐦 Social
- 🎠 Image Carousel
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.