Pour parcourir les composants disponibles dans le plugin Emailify, cliquez sur l’un des onglets de catégorie sous la barre d’en-tête du plugin. Chaque onglet affiche les composants de sa catégorie : faites défiler vers le haut ou le bas pour parcourir visuellement les sous-catégories de l’onglet sélectionné.

Pour réorganiser une rangée ajoutée depuis les préréglages, cliquez sur la rangée et faites-la glisser vers le haut ou le bas dans le frame conteneur Emailify (où l’Auto Layout est activé) pour changer sa position.

Parcourir la bibliothèque de composants externe

Tutoriel vidéo : utiliser plus de 500 composants d’email HTML gratuits dans vos designs Figma

Cette vidéo montre comment utiliser plus de 500 composants d’email HTML gratuits dans vos designs Figma avec le plugin Figma Emailify.

En plus des composants intégrés au plugin Emailify, vous pouvez parcourir et utiliser des composants de bibliothèques externes via l’application web Emailify. Vous accédez ainsi à un éventail plus large de composants d’email prêts à l’emploi, que vous pouvez copier directement dans vos designs Figma.

Pour utiliser des composants de la bibliothèque externe :

1. Rendez-vous sur l’application web Emailify pour parcourir le catalogue complet des composants d’email disponibles
2. Filtrez les composants par catégorie ou par utilisation dans les modèles, ou recherchez des éléments précis
3. Cliquez sur le bouton Copy Figma Component d’un composant pour copier son extrait HTML dans votre presse-papiers
4. Dans Figma, sélectionnez le frame Emailify dans lequel vous voulez coller le composant
5. Collez le composant directement dans le frame Emailify avec Cmd+V (Mac) ou Ctrl+V (Windows)

Le composant collé s’intègre automatiquement à votre design d’email et se personnalise comme n’importe quel autre composant Emailify.

Les composants externes utilisent la structure Auto Layout d’Emailify. Faites glisser un composant vers le haut ou le bas dans le frame conteneur Emailify pour le réordonner.

Catégories de composants de départ

Emailify classe les composants en quelques catégories (et sous-catégories) pour vous aider à trouver plus facilement ce dont vous avez besoin dans votre design d’email.

Headers

Généralement placés en haut de l’email, ce sont par exemple un logo de marque, des liens « voir en ligne », un menu de navigation, des icônes de réseaux sociaux, etc.

Images

Ces composants affichent du contenu visuel : par exemple une image pleine largeur, une image d’arrière-plan (sur laquelle ajouter du texte), une grille de logos, des cartes image, des grilles et des légendes.

Content

Cette catégorie comprend des composants textuels comme des paragraphes, citations, témoignages, avatars d’auteur, cartes d’article, icônes de fonctionnalités, statistiques, codes promo et fiches produit.

Ecomm (e-commerce)

Cette catégorie propose des composants courants pour présenter des produits ou des éléments liés à un email post-achat, ainsi que des composants propres à Klaviyo pour afficher des grilles de produits dynamiques sur cette plateforme.

CTAs (appels à l’action)

Ces composants servent surtout à inviter l’utilisateur à cliquer ou à agir : par exemple des boutons, des liens, des heroes avec image d’arrière-plan, des miniatures vidéo, des tuiles de fonctionnalités, des boutons d’app store, des icônes de réseaux sociaux et des heroes produit.

Footer

Généralement placés en bas de l’email, ces composants affichent par exemple votre logo et vos coordonnées, des liens vers les réseaux sociaux, des liens de désinscription ou des boutons de téléchargement d’app.

Tout composant que vous ajoutez depuis une autre catégorie est automatiquement « mis en favori » dans la catégorie Favourites, pour que vous puissiez le retrouver facilement. Vous pouvez aussi retirer un composant de vos favoris en cliquant sur l’icône Trash : il disparaît de votre liste de favoris, sans être « supprimé » des autres catégories.