L’éditeur MailerPress permet de concevoir facilement de belles campagnes d’emailing réactives sans écrire de code. Ce guide de démarrage rapide vous guidera à travers les bases pour que vous puissiez créer votre premier email en quelques minutes.
L’éditeur en un coup d’œil
Lorsque vous ouvrez l’éditeur, vous voyez trois zones principales :
| Section | Ce qu’il fait |
|---|---|
| Barre latérale gauche | L’arborescence des blocs – montre la structure de votre courrier électronique. Vous pouvez y faire glisser, déposer et réorganiser les blocs. |
| Panneau central | L’Email Canvas – il s’agit de la zone de conception en direct où vous construisez et prévisualisez visuellement votre e-mail. |
| Barre latérale droite | Le panneau des paramètres – vous permet de personnaliser les blocs sélectionnés (texte, couleurs, espacement, polices, etc.). |
1. Commencer par les blocs
Dans MailerPress, tout est construit avec des blocs. Les blocs les plus courants sont les suivants :
- Texte – ajouter le corps du texte, les descriptions, etc.
- Intitulé – insérer des titres ou des intitulés de section.
- Image – téléchargez et affichez des visuels de produits, des logos, etc.
- Bouton – ajouter des boutons d’appel à l’action (CTA).
- Séparateur – insérer des intercalaires ou des séparateurs visuels.
- Hero – créer des sections vedettes avec image + titre + CTA.
- et bien d’autres encore.
Astuce : Tous les blocs doivent être placés à l’intérieur d’un bloc Wrapper ou Section. MailerPress le fait automatiquement pour générer un code MJML propre, le langage standard pour les courriels.
2. Personnaliser le contenu
Cliquez sur n’importe quel bloc dans le canevas ou l’arborescence pour le modifier.
Panneau de configuration des blocs
Dans la barre latérale droite, vous pouvez par exemple :
- Modifier le contenu du texte
- Modifier la taille, la couleur et l’alignement des polices
- Ajuster l’espacement et les marges
- Télécharger des images ou des icônes
- Configurer les liens et les styles des boutons
- …
Barre d’outils de blocage
Chaque bloc dispose également de sa propre barre d’outils lorsque vous le sélectionnez. Elle se trouve juste au-dessus du bloc et permet d’ajouter rapidement du gras, de l’italique, des liens, des emoji, d’utiliser des invites AI et bien plus encore.
Cette barre d’outils peut être déplacée vers le haut pour plus de commodité si vous le souhaitez en ouvrant le menu Paramètres en haut à droite, puis Barre d’outils supérieure.
3. Ajouter ou réorganiser des blocs
- Utilisez l’icône « + » pour ajouter de nouveaux blocs.
- Faites glisser les blocs dans le panneau de gauche pour les réorganiser.
- Cliquez sur les trois points situés à côté d’un bloc pour le dupliquer ou le supprimer.
💡 Astuce : Commencez par un bloc Hero pour concevoir rapidement un en-tête propre, puis empilez les blocs Texte, Image et Bouton en dessous.
4. Prévisualisation de l’e-mail
Pour avoir un aperçu de l’aspect de votre e-mail sur différents appareils :
- Cliquez sur l’icône de prévisualisation ou ouvrez le menu (⋯) en haut à droite.
- Basculer en mode Live pour visualiser le résultat final.
- Envoyez un courriel test à vous-même avant de le publier.
5. Prêt à envoyer ?
Lorsque la conception est terminée :
- Cliquez sur Réviser et envoyer en haut à droite.
- Vérifiez le contenu, l’objet et les informations sur l’expéditeur.
- Planifier ou envoyer immédiatement.
Pour en savoir plus sur l’envoi de votre campagne d’emailing, consultez notre guide dédié.
Conseils pour les nouveaux utilisateurs
- 📐 Gardez votre mise en page propre : utilisez les Wrappers pour organiser les sections.
- 🎨 S’en tenir à une ou deux polices de caractères et à une palette de couleurs cohérente.
- 📱 Toujours prévisualiser sur mobile – Les emails de MailerPress sont responsifs.
- 🧪 Utilisez des e-mails de test avant de les envoyer à votre liste.
You’re All Set !
MailerPress vous aide à créer rapidement des courriels professionnels – sans avoir besoin d’expérience en matière de conception ou de codage.
Il suffit de faire glisser, de modifier et d’envoyer.