Référence des blocs de l’éditeur d’e-mail

Cette référence liste tous les blocs de l’éditeur d’e-mail MailerPress : leur rôle, leurs principaux réglages et où vous pouvez les utiliser. Pour savoir comment ajouter, déplacer et modifier des blocs, consultez Comment utiliser l’éditeur MailerPress.

Tous les blocs ci-dessous sont inclus dans l’extension gratuite MailerPress, sauf mention contraire. Le bloc Meta de publication, les filtres du bloc Requête sur les champs personnalisés (métadonnées ou champs ACF) et la génération d’images par IA nécessitent MailerPress Pro.

Où les blocs sont disponibles

L’onglet Blocs de la barre latérale gauche regroupe les blocs en Texte, Médias, Design et E-mail. La liste s’adapte à ce que vous modifiez :

  • Partout : les blocs de texte, de médias et de design, ainsi que Requête, Social, Compte à rebours et Liens d’abonnement.
  • Quand WooCommerce est actif : Vitrine produit.
  • E-mails d’automatisation et e-mails WooCommerce : Commande WooCommerce et Éléments du panier abandonnés.
  • E-mails d’automatisation uniquement : Publication publiée, Code promo, Carte de profil utilisateur, Contenu du commentaire, Détails de l’abonnement, Bouton de récupération du panier et Avis produit.
  • Dans un bloc Requête : les blocs de publication (Titre de la publication, Extrait, Média mis en avant…).

La personnalisation des e-mails WordPress et WooCommerce avec l’éditeur MailerPress nécessite MailerPress Pro (voir Personnaliser les e-mails WordPress et WooCommerce).

Blocs de texte

BlocRôlePrincipaux réglages
TexteDes paragraphes de texte.Barre d’outils de texte (mise en forme, liens, couleurs, emoji, IA, Étiquettes de personnalisation pour insérer des données du contact comme le prénom), typographie, couleur, alignement, marges intérieures. Peut être transformé en Titre, Bouton ou Éléments de la liste.
TitreLes titres et intertitres.Même barre d’outils que Texte, liens compris. Typographie, alignement, marges intérieures.
Éléments de la listeUne liste à puces.Typographie, couleur, alignement, marges intérieures.
TableauDes lignes et des colonnes de données, écrites en HTML (le code des pages web). Pour les personnes qui connaissent le HTML.Modifier le HTML ouvre un éditeur de code pour le balisage du tableau.

Blocs de médias

BlocRôlePrincipaux réglages
ImageAffiche une image de votre médiathèque ou d’une URL. Les images SVG ne sont pas prises en charge.Remplacer, Ouvrir la médiathèque, Taille, URL du lien, Texte alternatif, Fluide sur mobile, Largeur de l’image (ou faites glisser les poignées de redimensionnement dans la zone d’édition), alignement, Rayon de bordure par coin. Générer une image par IA nécessite MailerPress Pro.
VidéoAffiche une vidéo YouTube, Vimeo ou Dailymotion sous forme d’image d’aperçu qui renvoie vers la vidéo. Les messageries ne peuvent pas lire une vidéo dans l’e-mail.URL de la vidéo, Texte alternatif, Largeur de la vidéo, Fluide sur mobile, alignement, marges intérieures.
CarrouselUne galerie de plusieurs images.Ajouter image (URL de chaque image), alignement, couleurs.

Blocs de design

BlocRôlePrincipaux réglages
ColonneAjoute une section avec une ou plusieurs colonnes. Vous choisissez une disposition, puis vous ajoutez des blocs dans chaque colonne.Section : Disposition en colonnes (ajout de colonnes, préréglages), arrière-plan Pleine largeur, image d’arrière-plan, Rayon de bordure, sens d’affichage. Colonne : alignement vertical, marges intérieures, Rayon de bordure. Faites glisser l’espace entre deux colonnes dans l’aperçu pour les redimensionner.
ConteneurRegroupe plusieurs sections dans un même conteneur, par exemple pour leur donner un arrière-plan commun.Pleine largeur, image d’arrière-plan (taille, répétition, position), marges intérieures.
BoutonUn lien d’appel à l’action présenté sous forme de bouton.Texte du bouton, lien (avec étiquettes de personnalisation), Marge interne, typographie, couleurs, alignement, Rayon de bordure par coin.
SéparateurUne ligne horizontale entre deux idées ou deux sections.Bordure (épaisseur, style, couleur), alignement, marges intérieures.
EspacementUn espace vide entre deux blocs.Hauteur, couleur d’arrière-plan, marges intérieures.
Bannière d’accrocheUne bannière avec une image d’arrière-plan, un titre, un texte et un bouton.Image d’arrière-plan, Mode (Hauteur fixe ou Hauteur fluide), position de l’image, marges intérieures, Rayon de bordure par coin.
NavigationUne rangée de liens, par exemple vers les pages principales de votre site.Liens (texte et URL de chacun), typographie, marges intérieures.

Blocs e-mail

BlocRôlePrincipaux réglages
RequêteAffiche des articles, des pages, des produits ou d’autres contenus publics, choisis automatiquement selon des critères ou à la main. Indispensable pour les campagnes automatiques de « dernières publications ».Sélection (Automatique ou Manuelle), Type de publication, Trier par, Taxonomies, Auteurs/autrices, Limite (1 à 20), affichage en colonne ou en grille, Modifier le modèle. Les filtres Meta de publication/ACF nécessitent MailerPress Pro.
SocialDes icônes qui renvoient vers vos profils sociaux.Ajouter un profil social, Orientation (horizontale ou verticale), Justification, style (Par défaut, Logos uniquement, Forme de pilule), Taille de l’icône, espacement, couleurs. Les nouveaux blocs Social reprennent les profils enregistrés dans MailerPress > Réglages, section Profils sociaux.
Compte à reboursUn compte à rebours jusqu’à une date, affiché sous forme d’image animée.Date de fin, Langue, Unités visibles (jours, heures, minutes, secondes), Afficher les étiquettes, couleurs, tailles de police, largeur et hauteur, durée et nombre de répétitions de l’animation.
Liens d’abonnementLes liens de désabonnement et de gestion de l’abonnement, prêts à l’emploi.Afficher le lien de désabonnement, Afficher le lien de gestion de l’abonnement (au moins un doit rester visible), libellés des liens, typographie, alignement.
Vitrine produitMet en avant un produit WooCommerce. Disponible quand WooCommerce est actif.Recherche du produit, Afficher l’image, Afficher le prix, Afficher la description, Afficher le bouton d’achat, typographie de chaque élément, texte et style du bouton.
Commande WooCommerceLes détails de la commande liée à l’automatisation ou à l’e-mail WooCommerce. L’éditeur affiche des données d’exemple ; la vraie commande est utilisée à l’envoi.Choisissez une disposition prédéfinie ou créez votre propre modèle de commande avec Numéro de commande, Total de la commande, Date de commande, Statut de la commande, Items commandés, Adresse de facturation, Adresse d’expédition, Nom du Client et Détails de l’abonnement.
Éléments du panier abandonnésLes produits qu’un client a laissés dans son panier sans commander.Mode d’affichage (Cartes ou tableau), styles de l’image, du nom, du prix et de la quantité, séparateurs.
Publication publiéeLa publication qui a déclenché l’automatisation : image, titre, extrait et lien « Lire la suite ».Afficher ou masquer l’image mise en avant, l’extrait et le bouton « Lire la suite », ou utiliser un modèle de publication modifiable.
Code promoUn encadré mis en forme avec un code promo.Code fixe ou merge tag comme {{coupon_code}}, libellé et texte d’expiration. Avec WooCommerce, Générer automatiquement un code promo WooCommerce crée un code unique par destinataire (type et montant de la remise, préfixe, expiration, restrictions et limites d’utilisation).
Carte de profil utilisateurUne carte avec l’avatar, le nom, l’e-mail et le rôle de l’utilisateur ou du contact.Afficher ou masquer l’avatar, l’e-mail, le rôle et la date d’inscription ; taille et forme de l’avatar.
Contenu du commentaireUn commentaire affiché sous forme de citation, avec son auteur, sa date et le lien vers la publication.Afficher ou masquer le nom de l’auteur, la date et le lien ; style de la citation.
Détails de l’abonnementLes détails d’un abonnement WooCommerce : statut, cycle de facturation, prochain paiement et montant.Afficher ou masquer chaque information, y compris la fin de la période d’essai ; couleurs.
Bouton de récupération du panierDans les e-mails de panier abandonné, un bouton qui ramène le client sur la boutique avec son panier restauré.Texte du bouton (modifiable dans la zone d’édition) et style du bouton.
Avis produitUne carte pour chaque produit de la commande, avec un bouton pour laisser un avis.Texte du bouton (Laisser un avis par défaut), image et nom du produit, styles des cartes et des séparateurs.

Blocs de publication dans un bloc Requête

Lorsque vous ajoutez un bloc Requête, choisissez un modèle (Titre uniquement, Titre et extrait, Image, titre et extrait, 2 colonnes avec image à droite, 2 colonnes avec image à gauche) ou Créer mon propre modèle. Le modèle de publication se répète pour chaque publication et peut contenir ces blocs :

BlocCe qu’il affiche
Titre de la publicationLe titre de la publication.
Date de publication / Date de modification de la publicationLa date de publication ou de dernière modification, avec un format de date facultatif (celui de WordPress par défaut).
Catégories de publicationLes noms des catégories de la publication.
ExtraitL’extrait, avec un nombre de mots maximum.
Média mis en avantL’image mise en avant, avec un choix de résolution.
Lire la suiteUn bouton qui renvoie vers la publication.
Contenu de la publicationLe contenu complet de la publication, avec des réglages séparés pour le texte, les titres et les boutons.
Prix du produitLe prix d’un produit WooCommerce.
Meta de publicationLa valeur d’un champ ACF ou d’un champ personnalisé, sous forme de texte, de date ou d’image. Nécessite MailerPress Pro.

Pour envoyer automatiquement vos dernières publications, consultez Envoyer vos dernières publications automatiquement par e-mail. Pour filtrer les publications selon des champs personnalisés ou afficher des valeurs ACF, consultez Utiliser les métadonnées et les champs ACF dans le bloc Requête.

Réglages communs à de nombreux blocs