Comment utiliser l’éditeur MailerPress

L’éditeur MailerPress est le constructeur par glisser-déposer de vos campagnes, e-mails d’automatisation et modèles. Vous assemblez l’e-mail avec des blocs (texte, images, boutons, etc.), vous voyez le résultat dans un aperçu en direct, et MailerPress en fait un e-mail qui s’adapte aux écrans d’ordinateur et de mobile. L’éditeur est inclus dans l’extension gratuite MailerPress.

L’éditeur en un coup d’œil

Dans le menu Réglages, vous pouvez aussi passer en Mode plein écran ou activer la Barre d’outils supérieure (la barre d’outils des blocs reste alors en haut de l’écran au lieu d’apparaître au-dessus du bloc sélectionné).

Ajouter des blocs

• Depuis l’onglet Blocs : faites glisser un bloc de la barre latérale gauche vers la zone d’édition. Les blocs sont regroupés en Texte, Médias, Design et E-mail, et vous pouvez les rechercher par leur nom.
• Avec la commande barre oblique : un bloc de texte vide affiche Saisir / pour choisir un bloc. Tapez / pour ouvrir le sélecteur de blocs.
• Entre deux blocs : survolez le bord supérieur ou inférieur d’un bloc dans la zone d’édition, puis cliquez sur le bouton + qui apparaît sur la ligne d’insertion.
• Depuis l’onglet Compositions : faites glisser un groupe de blocs prêt à l’emploi dans la zone d’édition. Vous pouvez aussi enregistrer vos propres compositions (voir Modèles d’e-mail et compositions).
• Depuis l’onglet Médias : cherchez des images libres sur Openverse (Rechercher dans Openverse) et faites-en glisser une dans la zone d’édition pour créer un bloc Image.

Certains blocs n’apparaissent que dans le bon contexte, par exemple les blocs d’automatisation ou WooCommerce. La référence des blocs de l’éditeur d’e-mail liste tous les blocs et indique où ils sont disponibles.

Modifier le contenu

Cliquez sur un bloc dans la zone d’édition ou dans la Vue en liste pour le sélectionner. Une barre d’outils apparaît au-dessus, et ses réglages (typographie, couleurs, marges intérieures, alignement, liens, images…) s’ouvrent dans l’onglet Bloc de la barre latérale droite.

• Dans les blocs de texte, sélectionnez du texte pour le mettre en forme : gras, italique, souligné, barré, lien, couleur, emoji, assistance IA et Étiquettes de personnalisation (merge tags : des balises comme le prénom, remplacées pour chaque contact). Les titres acceptent aussi les liens : un titre peut donc servir d’appel à l’action.
• Utilisez Transformer en dans la barre d’outils du bloc pour changer son type, par exemple un bloc Texte en Titre, en Bouton ou en Éléments de la liste.
• Les boutons, sections, colonnes, bannières d’accroche et images disposent d’un réglage Rayon de bordure. Dissociez les valeurs pour arrondir chaque coin différemment.
• Pour redimensionner une image, sélectionnez-la et faites glisser une poignée sur ses côtés ou ses coins inférieurs. Les proportions sont conservées et l’image ne peut pas dépasser la largeur de sa colonne. Vous pouvez aussi régler la Largeur de l’image dans les réglages du bloc.

Le menu Réglages propose deux modes d’édition : Modifier le mode (construire l’e-mail avec des blocs en glisser-déposer) et Mode Live (modifier le contenu directement dans l’aperçu de l’e-mail).

Coller du contenu depuis Word ou Google Docs

Depuis MailerPress 2.1.0, un document collé devient des blocs d’e-mail modifiables au lieu d’un unique bloc de texte.

1. Copiez le contenu dans Word, Google Docs ou un autre éditeur de texte enrichi.
2. Dans la zone d’édition de MailerPress, placez le curseur dans un bloc Texte ou Titre.
3. Collez avec Ctrl+V (Cmd+V sur Mac).

MailerPress crée des blocs Titre, Texte, Éléments de la liste, Image, Tableau et Séparateur, et conserve la mise en forme compatible. Les images du document sont envoyées dans votre médiathèque : les formats PNG, JPEG, GIF, WebP et AVIF jusqu’à 10 Mo sont acceptés, pas le SVG. Un avertissement vous signale toute image qui n’a pas pu être ajoutée. Si le bloc sélectionné possède des variantes d’affichage conditionnel, ou si vous collez dans un autre type de bloc (le libellé d’un bouton, par exemple), le contenu est collé uniquement dans le bloc en cours.

Travailler avec les colonnes

Depuis MailerPress 2.1.0, vous pouvez créer et ajuster des mises en page à plusieurs colonnes directement dans l’aperçu.

• Ajouter une colonne à côté d’un bloc : dans l’aperçu ordinateur, sélectionnez un bloc placé dans une colonne, puis cliquez sur Ajouter une colonne à gauche ou Ajouter une colonne à droite dans sa barre d’outils.
• Déplacer un bloc dans une nouvelle colonne : dans le menu de la barre d’outils du bloc, choisissez Déplacer le bloc dans une nouvelle colonne à gauche ou Déplacer le bloc dans une nouvelle colonne à droite.
• Redimensionner les colonnes : dans l’aperçu ordinateur, survolez l’espace entre deux colonnes et faites glisser la poignée.
• Changer la mise en page : sélectionnez une section. Dans Disposition en colonnes, utilisez Ajouter à gauche ou Ajouter à droite, ou choisissez l’un des Préréglages de mise en page : 1 colonne, 2 colonnes égales, Colonne étroite à gauche, Colonne étroite à droite, 3 colonnes égales, Centre large ou 4 colonnes égales. Lorsqu’une colonne est sélectionnée, Choisissez un préréglage de mise en page vous amène à sa section.

Changer de mise en page conserve votre contenu : le contenu des colonnes supprimées passe dans la dernière colonne restante. Une section peut contenir jusqu’à 10 colonnes.

Organiser les blocs

Faites glisser les blocs dans la zone d’édition ou dans la Vue en liste pour les réordonner. Chaque bloc se trouve dans une section ou un conteneur (des éléments qui regroupent les blocs).

Le menu de la barre d’outils du bloc propose Copier le bloc, Coller le bloc, Dupliquer et Supprimer. Dans la Vue en liste, le menu d’options de chaque bloc ajoute :

• Ajouter avant et Ajouter après pour insérer un bloc à un endroit précis.
• Mettre dans un conteneur, Ajouter une colonne et Ajouter une section pour les sections et les conteneurs.
• Renommer pour donner au bloc un nom plus parlant dans la liste.
• Masquer et Afficher pour garder un bloc dans la structure sans l’afficher.
• Créer une composition pour enregistrer une section ou un conteneur comme composition réutilisable.

Pied de page de l’e-mail

Les campagnes contiennent un pied de page par défaut avec les liens de désabonnement et de gestion de l’abonnement. Sans MailerPress Pro, vous ne pouvez supprimer ni le pied de page d’une campagne, ni la mention MailerPress. Avec MailerPress Pro, vous pouvez supprimer le pied de page dès que l’e-mail contient ailleurs un lien de désabonnement ou de gestion de l’abonnement, par exemple dans un bloc Liens d’abonnement. Dans les e-mails d’automatisation, vous pouvez toujours supprimer le pied de page.

Menu Réglages et raccourcis clavier

Le menu Réglages (trois points, en haut à droite) regroupe les outils de l’éditeur :

Sur Mac, utilisez Cmd au lieu de Ctrl. Autres raccourcis : Ctrl+Z pour annuler, Ctrl+Maj+Z pour rétablir, Ctrl+S pour enregistrer, Ctrl+Maj+D pour dupliquer le bloc sélectionné, Échap pour désélectionner et Ctrl+K pour ouvrir la palette de commandes, un champ de recherche des commandes de l’éditeur (vue en liste, éditeur de code, gestionnaire de polices, compositions, enregistrement comme modèle, nouvel e-mail, import MJML).

L’éditeur enregistre votre travail automatiquement et conserve des révisions (versions précédentes) de chaque campagne. Voir Ajuster le délai de sauvegarde automatique dans l’éditeur d’e-mail et Augmenter le nombre de révisions par campagne d’e-mailing.

Prévisualiser et envoyer

1. Utilisez le bouton de bascule ordinateur/mobile de la barre supérieure pour vérifier votre e-mail sur les deux tailles d’écran.
2. Cliquez sur Prévisualisation et envoi pour envoyer un e-mail de test, vérifier les réglages de la campagne, puis l’envoyer ou la programmer.

Pour le processus d’envoi complet, consultez Créer une campagne d’e-mailing.