Bien commencer avec l'éditeur d'emails Mailjet

Créez facilement vos emails avec notre éditeur " drag-and-drop ". C'est le seul outil dont vous avez besoin pour vos activités d'emailing. Que pouvez-vous faire avec l'éditeur d'emails ? De nombreux choix s'offrent à vous : 

• Campagnes - Newsletter, email marketing ou emails groupés... quel que soit le terme que vous préférez, une campagne consiste à envoyer un message à une liste d'abonnés.
• Templates - Créez et gérez vos propres modèles prédéfinis et utilisez-les à de multiples fins :
  
   
  • Modèles marketing - Un modèle qui reflète votre marque et qui peut être utilisé pour envoyer des campagnes marketing.
  • Modèles transactionnels - Ces modèles font partie de la plateforme Mailjet et peuvent être utilisés pour tous vos besoins transactionnels.
  • Modèles d'automatisation - Ces modèles prédéfinis sont mis à votre disposition lorsque vous créez un workflow d'emails automatisés.

Avec l'éditeur d'emails Mailjet, vous pouvez choisir comment créer vos campagnes, vos emails et vos modèles :

•  En utilisant l'éditeur " drag-and-drop " responsive - La gamme étendue d'outils de contenus de l'éditeur d'emails vous permet de créer votre en-tête et votre pied de page, ainsi que des sections variées dans le corps de votre email.
• En utilisant le langage HTML - S'adresse à tous ceux et celles qui savent coder leurs emails directement avec HTML.
• En utilisant le code MJML - Le langage de balisage de Mailjet MJML est le seul langage conçu pour faciliter la programmation d'emails responsive. Gagnez du temps et codez plus efficacement avec la syntaxe sémantique de MJML. (Veuillez noter que notre éditeur " drag-and-drop " génère également du code MJML)

Vous pouvez également prévisualiser votre email sur différents appareils mobiles directement au sein de l'éditeur d'emails.

Et j'ai failli oublier : l'éditeur d'emails Mailjet est un éditeur d'email responsive. Ainsi, vos emails s'afficheront parfaitement sur tous les supports : ordinateur, smartphone ou tablette. Rien que ça.

Créer votre campagne

Depuis la page Campagnes, cliquez sur le bouton « Nouvelle campagne ».

La page Créer une campagne indique les différents éléments de votre campagne.

Lorsque vous renseignez un élément, l’icône “coche” correspondant à cet élément devient verte.

Quand tous les éléments sont renseignés, vous pouvez envoyer la campagne ou planifier son envoi à une date ultérieure.

1. Nom : donnez un nom à votre campagne pour l’identifier dans vos rapports. Il s’agit d’un nom interne visible uniquement par les personnes ayant accès à votre compte Mailjet.
2. Langue de la campagne : sélectionnez la langue de votre choix.
3. Liste de contacts : cliquez sur le bouton « Sélectionner les destinataires » pour sélectionner une liste de contacts. Si vous disposez d’un abonnement Premium, vous pouvez créer ou sélectionner un segment. Pour en savoir plus sur la segmentation, nous vous invitons à consulter l’article suivant de notre FAQ : Segmenter les listes de contacts
4. Contenu : cliquez sur « Concevoir l'email » pour sélectionner un template de campagne.
   •  
     • De : saisissez le nom que vos destinataires verront dans le champ « De » et choisissez une adresse d’expédition dans la liste déroulante.

     • Objet : indiquez l’objet de votre campagne qui s’affichera dans la boîte de réception du destinataire. 

       Le nombre maximal de caractères est de 100 pour l’objet. Toutefois, nous vous recommandons de ne pas dépasser 70 caractères pour obtenir de meilleurs taux d’ouverture.

       

Cliquez sur « Concevoir l’email » pour sélectionner un template de campagne.

Sélectionner un modèle d’email

Plusieurs choix de templates s'offrent à vous sur cette page :

• Utiliser un modèle de la galerie
  Choisissez parmi l'un de nos superbes templates entièrement prédéfinis.
• Utiliser un de mes modèles
  Ce dossier contient tous les templates que vous avez créés précédemment.

• Coder en HTML
  Créez une campagne en HTML ou importez votre propre code.

  Cette fonctionnalité est réservée aux utilisateurs disposant de compétences avancées en HTML: aucune assistance ne sera proposée pour la résolution de problèmes dans le code personnalisé. En cas de dysfonctionnements liés au système Mailjet, notre équipe support pourra intervenir.

• Coder en MJML
  Créez une campagne en MJML ou importez votre propre code.

  Cette fonctionnalité est réservée aux utilisateurs disposant de compétences avancées en HTML: aucune assistance ne sera proposée pour la résolution de problèmes dans le code personnalisé. En cas de dysfonctionnements liés au système Mailjet, notre équipe support pourra intervenir.

Après avoir sélectionné un modèle d’email, vous devez concevoir votre email avec notre éditeur d’emails en glisser-déposer.

Outils de contenu

Nous allons maintenant vous présenter tous les éléments de contenu qui apparaissent dans votre message (texte, images, boutons, ...).

Pour ajouter du contenu, il vous suffit de cliquer sur le bloc de contenu et de le glisser à l'emplacement souhaité de votre campagne. Si vous souhaitez déplacer ce bloc, glissez-le jusqu'à son nouvel emplacement.

Cliquez à l’intérieur du cadre pour personnaliser l’élément en utilisant la barre d’outils qui apparaît.

Texte

La barre d'outils Texte propose différentes options pour personnaliser et mettre en forme facilement votre bloc de texte :

• Ajustement de la hauteur des lignes
• Alignement du texte
• Choix d'une couleur de fond
• Ajustement des marges
• Personnalisation du contenu à l'aide des propriétés de contact (link to personalize section)
• Mise en forme du texte (police, gras, italique, etc.)

Assistant IA

L’Assistant IA (alimenté par ChatGPT) est parfaitement intégré à l’éditeur d’email pour booster votre création de contenu. Rédigez facilement des textes percutants en tirant parti des capacités de l’intelligence artificielle (IA). Indiquez un brief adapté à votre campagne, puis affinez le contenu généré pour l’adapter à vos objectifs marketing. Faites passer vos emails au niveau supérieur grâce à la puissance de l’IA !

Pour en savoir plus sur l’utilisation de cette fonctionnalité, consultez notre documentation sur l’Assistant IA.

Image / Galerie d'images

La barre d'outils Image offre une palette d'options pour améliorer vos visuels :

• Ajustement du positionnement horizontal
• Ajout d'une marge intérieure pour un aspect plus raffiné
• Ajout de bordure ou de forme à l'image
• Optimisation pour une meilleure adaptation aux écrans mobiles
• Définition d'une couleur d'arrière-plan pour une intégration fluide

Vous pouvez ajouter une image à votre section suivant ces méthodes :

• Charger : sélectionnez une image stockée sur votre appareil et ajoutez-la en toute simplicité à votre galerie d'images.
• Galerie d'images : choisissez une image depuis votre collection existante dans la galerie d'images pour une sélection et utilisation rapide.
• Lien : utilisez l'URL d'une image existante en ligne.

La galerie d'images de Mailjet centralise les images pour les gérer et les organiser plus facilement, afin de les utiliser dans vos newsletters. Pour plus de détails, veuillez consulter l’article suivant.

Séparateur

Vous pouvez ajouter une ligne de séparation entre les sections ou éléments à l'intérieur d'une même section (voir exemple ci-dessous). L'outil de séparation vous permet :

• De choisir la couleur de fond
• D'ajuster les marges
• De changer l'apparence de la ligne de séparation (style, couleur, largeur)
• D'ajuster l'espacement horizontal et vertical

Bouton

De nombreuses options sont disponibles dans la barre d'outils Bouton (de gauche à droite) :

• Rayon de bord (permet d'arrondir les angles d'un bouton)
• Couleur de fond du bouton
• Ajout d'un lien hypertexte
• Alignement de la police
• Choix d'une couleur de fond
• Ajustement des marges
• Personnalisation du texte grâce aux propriétés de contact
• Mise en forme du texte (police, couleur, gras, etc.)

Spacer

Ajouter un espace blanc pour séparer des éléments ou des sections de votre email. Avec l'outil Spacer, vous pouvez :

o Réglez la hauteur de l'espace blanc (en pixels)
o Ajoutez un fond de couleur (optionnel)

Réseaux Sociaux

Insérez dans votre campagne les icônes de vos réseaux sociaux préférés (Facebook, Twitter, LinkedIn, Instagram, YouTube, Medium, Xing, etc.).

Cliquez sur le bouton « Configurer les liens » pour ouvrir la fenêtre de configuration des réseaux sociaux. Vous pourrez :

• Sélectionner jusqu'à 10 icônes de réseaux sociaux
• Modifier les libellés
• Partager la version en ligne de votre newsletter marketing directement sur vos pages de réseaux sociaux* ou inclure un lien de redirection vers votre page
• Créer votre propre icône en cliquant sur « Ajouter une icône personnalisée »

Pour afficher et configurer le texte qui s'affiche à côté des icônes, cliquez sur « Afficher le texte ».

* L'option de partage en ligne est actuellement disponible uniquement pour les campagnes marketing mais pas pour les emails transactionnels ou automatisés.

Pour configurer la taille, la forme, la couleur et le positionnement des icônes, cliquez sur le bouton d'option du bloc (symbole crayon). Vous pourrez également définir les marges et la couleur d'arrière-plan du bloc.

Bloc HTML

Vous pouvez ajouter du code HTML directement dans votre newsletter.

Glissez le bloc HTML vers votre campagne, Puis cliquez sur le bouton dans la barre d'outils pour ouvrir la fenêtre de l'éditeur HTML et commencer à coder.

[Revenir en haut]

Flux RSS

Intégrez des articles de blog et d'autres contenus dynamiques dans vos campagnes grâce à un flux RSS.

Pour cela, glissez simplement l'outil de flux RSS dans votre campagne et ajoutez votre lien URL de flux RSS dans la fenêtre modale. Sélectionnez ensuite les éléments que vous souhaitez importer en cliquant sur la liste déroulante ou en effectuant une recherche par auteur ou par titre.

Chaque élément importé apparaîtra comme une section dans votre campagne où vous pourrez éditer le contenu et l'image, aussi facilement que d’habitude.

Le contenu du flux RSS est récupéré une seule fois uniquement par importation et ne sera pas mis à jour automatiquement. Si vous voulez mettre à jour votre contenu RSS, créez un nouveau flux RSS et supprimez l'ancien.

Chaque fois que vous ajoutez un lien URL à un flux RSS, il sera stocké localement au niveau de la clé API. La prochaine fois que vous ajouterez un bloc de contenu RSS à une campagne, vous aurez accès aux 5 derniers flux ajoutés.

Vidéo

Faites glisser l'outil vidéo à l'endroit souhaité et, dans la fenêtre modale, ajoutez l’URL de votre vidéo.

Les images de prévisualisation sont automatiquement générées pour les vidéos YouTube, Vimeo et Dailymotion. Pour toutes les autres vidéos, cliquez sur « Choisir une autre image » et ajoutez votre propre image de prévisualisation.

Une fois la vignette de prévisualisation créée, le bouton de lecture par défaut sera ajouté. Vous pouvez choisir parmi plusieurs modèles de bouton de lecture. Veuillez noter que l'image du bouton de lecture sera automatiquement redimensionnée en fonction de la taille de la vignette. Plus précisément, elle représentera 50% du plus petit bord (largeur ou hauteur) de la vignette de prévisualisation.

La dernière étape consiste à ajouter une description simple de l'image de prévisualisation dans le champ « Texte alternatif ». Ce texte alternatif sera affiché dans le cas où votre abonné ne peut pas voir l'image. Cliquez ensuite sur « Insérer une video ».

Dans la barre d'outils, cliquez sur le bouton « Vidéo » pour éditer votre vidéo à tout moment.

Minuteur de compte à rebours

Utilisez le bloc Minuteur de compte à rebours pour ajouter un compte à rebours en temps réel à vos emails — idéal pour les promotions à durée limitée, les lancements de produits ou les rappels d’événements. Le minuteur est rendu sous forme d’image afin de garantir un affichage cohérent dans tous les clients de messagerie. Une fois l’heure de fin atteinte, il s’arrêtera automatiquement et affichera 00:00:00:00.

Pour insérer un minuteur, ouvrez le panneau Contenu et faites glisser le bloc Compte à rebours dans votre modèle.

Options de configuration

Date de fin et fuseau horaire

Définissez la date et l’heure exactes auxquelles le compte à rebours doit atteindre zéro. Vous pouvez également sélectionner un fuseau horaire spécifique à partir du menu déroulant.

• Le fuseau horaire par défaut est basé sur les paramètres de votre compte.
• Le menu comprend des fuseaux horaires courants tels que UTC, EST, PST, et bien d’autres.

Paramètres d’affichage des chiffres

Personnalisez l’apparence des chiffres de votre compte à rebours à l’aide des options suivantes :

• Afficher/Masquer les unités
  Choisissez les unités de temps à afficher : jours, heures, minutes, secondes.
• Zéros initiaux
  Activez ou désactivez l’affichage des zéros initiaux (par ex. 04 au lieu de 4).
• Espacement des chiffres
  Définissez l’espacement entre les blocs d’unités de temps (ex. : 10px).
• Séparateur de chiffres
  Choisissez le séparateur entre les unités :
  • Aucun (par défaut)
  • Deux-points :
  • Tiret -
  • Barre verticale |
• Couleur des chiffres
  Définissez la couleur de la police des chiffres à l’aide d’un code hexadécimal ou du sélecteur de couleur.
• Police des chiffres
  Le minuteur ne prend en charge que des polices web sûres afin d'assurer une compatibilité maximale. Le menu propose des polices telles que :
  • Arial
  • Verdana
  • Tahoma
  • Georgia
  • Helvetica
  • Times New Roman

• Couleur de fond des chiffres
  Définissez une couleur de fond derrière chaque bloc de chiffre pour améliorer la lisibilité ou l’adapter à votre charte graphique.

Libellés du minuteur

Activez ou désactivez l’affichage des libellés d’unités (par ex. Jours, Heures, Minutes, Secondes) situés sous les chiffres.

• Par défaut : les libellés sont affichés.

Vous pouvez également personnaliser :

• La police des libellés (polices web sûres uniquement)
• La couleur des libellés

Espacement interne (Padding) et Bordures

Vous pouvez personnaliser l'espacement et les bordures de votre bloc de compte à rebours afin d’améliorer l’alignement et l’apparence visuelle.

Espacement interne (Padding)

Les options de padding vous permettent de définir l’espace à l’intérieur du bloc (entre le contenu et les bords).

Vous pouvez ajuster les valeurs individuellement pour chaque côté :

• Haut
• Bas
• Gauche
• Droite

Cliquez sur l’icône 🔒 cadenas pour lier ou délier les valeurs et appliquer un espacement symétrique.

Bordures

Dans la section Bordures, vous pouvez définir l’épaisseur du contour autour du bloc de compte à rebours.

• Réglez la valeur sur 0 pour ne pas afficher de bordure, ou augmentez-la pour en ajouter une.

Ces options vous permettent d’ajuster précisément l’espacement et la mise en page pour un rendu optimal.

Composant du logo du kit de marque

Nous avons ajouté un nouveau composant « Logo » à l'outil de création d'emails, ce qui facilite l'intégration de votre logo dans vos modèles.

Fonctionnalités principales :

• Si vous disposez d'un kit de marque avec un logo enregistré, un composant Logo avec un aperçu de votre logo apparaîtra dans votre éditeur.

  

• Il suffit d'ajouter le logo par « drag-and-drop » dans votre modèle.
• Le logo se comporte de la même manière qu'un bloc d'image, mais :
  • Il est centré par défaut.
  • Il ne dispose pas de la barre d'outils standard pour les images, ce qui simplifie son utilisation.
  • Il s'adapte automatiquement à la couleur de l'arrière-plan :
    • Fond clair → variante claire du logo.
    • Fond sombre → variante sombre du logo.
• L'URL de redirection du logo (si elle a été définie dans le kit de marque) sera automatiquement appliquée au logo.

Comportement en l'absence de logo :

• Si votre kit de marque n'a pas de logo, le composant Logo sera caché dans l'éditeur.
• Si un logo est supprimé du kit de marque, le composant Logo n'apparaîtra plus.

Gestion des modèles existants :

• Les logos déjà placés dans les modèles ne seront pas supprimés, même si vous mettez à jour ou supprimez des logos de votre kit de marque.
• Si vous remplacez un logo dans le kit de marque, les modèles créés précédemment conserveront l'ancien logo.
• Si vous dupliquez un modèle, le logo sera conservé dans la version dupliquée.
• Si vous supprimez un logo et que vous en importez un nouveau par la suite, vous devez réinsérer manuellement le nouveau logo dans vos modèles.

Sections

Ajouter une section à votre message

Les différentes sections vont servir à construire votre campagne. Vous n'avez qu'à ajouter différents éléments (texte, image, bouton…) dans chaque section. Chaque section peut se constituer de 1, 2, 3 ou 4 colonnes de largeurs différentes.

Sélectionnez la mise en forme de section que vous désirez, puis faites la glisser dans votre campagne.

Déplacer une section

Réorganisez vos sections en sélectionnant une section et en la glissant à l'emplacement souhaité.

Dupliquer une section

Cliquez sur une section pour la mettre en surbrillance, puis cliquez sur l'icône de duplication à droite de l'écran.

Supprimer une section

Pour supprimer une section du corps de votre campagne, cliquez à l'intérieur de la section puis cliquez sur l'icône corbeille. Une « x » rouge apparaît : cliquez dessus pour confirmer la suppression.

Vous pouvez également supprimer rapidement une section ou un élément, en faisant glisser la section ou l'élément en question dans la zone des outils de contenu.

[Revenir en haut]

Sections conditionnelles

Vous pouvez afficher une section pour certains utilisateurs uniquement en utilisant un segment. Ce segment peut être basé sur les propriétés du contact ou sur son activité.

Par exemple, vous pouvez inclure une section promotionnelle qui s’affichera uniquement pour vos contacts étant des femmes, ou proposer un code de réduction uniquement aux contacts qui n’ont pas ouvert vos emails au cours des 3 derniers mois.

Prenez quelques minutes pour revoir vos segments actuels. Pour plus d’informations, nous vous invitons à consulter notre guide sur la segmentation.

Remarque : les sections conditionnelles sont disponibles uniquement pour les comptes Premium.

Passez votre souris sur une section pour afficher son statut conditionnel. Par défaut, les sections sont affichées pour tout le monde.

Pour appliquer un segment :

• Cliquez dans la section et sélectionnez « Ajouter une condition »
• Cliquez sur « Montrer uniquement aux destinaires appartenant au segment suivant » et sélectionnez un segment dans la liste déroulante.
• Cliquez sur « Sauvegarder »

Pour supprimer un segment, cliquez sur « Modifier », puis sur « Montrer à tous les destinataires ».

Sections pré-construites

Une section pré-construite peut servir de modèle et être utilisée et modifiée pour répondre aux besoins spécifiques d’un expéditeur. Une section prédéfinie est comme un bloc de contenu prêt à l’emploi qui sert de base à la création de différents types d’emails ou de designs. Cette section comprend déjà une combinaison d’éléments tels que du texte, des images, des titres, des boutons et autres, disposés de manière visuellement attrayante et cohérente.

Voici pourquoi vous devriez utiliser des sections prédéfinies dans un modèle :

• Économie de temps : utiliser une section pré-construite vous permet de gagner du temps, car elle constitue un point de départ, ce qui réduit la nécessité de créer du contenu ou un design à partir de rien.
• Design cohérent : une section pré-construite garantit un aspect cohérent et professionnel dans l’ensemble du modèle. Cette cohérence est cruciale pour l’identité et la reconnaissance de la marque.
• Structure et mise en page : les sections pré-construites offrent une structure et une mise en page bien organisées qui aident l’expéditeur à présenter efficacement son contenu.
• Convivialité : les sections pré-construites sont conçues de façon à être conviviales, ce qui permet même aux personnes ayant des compétences limitées en matière de design de créer des modèles visuellement attrayants.
• Personnalisation : bien que les sections pré-construites constituent une base, l’expéditeur peut facilement modifier, réorganiser ou ajouter des éléments pour adapter le modèle à ses besoins.
• Souplesse : les expéditeurs peuvent adapter les polices, les couleurs, les images et d’autres éléments visuels à leur marque ou à leurs préférences stylistiques.
• Emploi des bonnes pratiques : les sections pré-construites sont souvent créées sur la base des meilleures pratiques de design, ce qui vous assure que le modèle adhère à des principes de conception efficaces.
• Réutilisation : une fois qu’une section pré-construite est modifiée en fonction des besoins de l’expéditeur, elle peut être sauvegardée et réutilisée comme modèle personnalisé pour un usage ultérieur.

En utilisant une section pré-construite dans un modèle et en la personnalisant en fonction de vos besoins, vous pouvez créer des emails et des designs visuellement attrayants et bien structurés sans avoir à partir de zéro. Cette flexibilité permet à l’expéditeur de se concentrer sur son contenu et son message tout en tirant parti d’éléments de design conçus par des professionnels pour améliorer la qualité et l’impact de ses communications.

Sections sauvegardées

Fatigué(e) de créer et de mettre à jour les mêmes en-têtes, bas de page ou sections dans tous vos modèles d'emails et campagnes ?

Grâce aux sections sauvegardées, fini les copier-coller, vous allez enfin pouvoir enregistrer les sections clés de vos campagnes et modèles d'emails.

En effet, les sections sauvegardées vous permettent d'enregistrer certains éléments de votre campagne ou de votre modèle (contenu, couleur, format) et ainsi de les réutiliser dans vos futurs emails marketing, transactionnels et automatisés.

Toutes les sections sauvegardées sont enregistrées dans une galerie de sections sauvegardées. Vous pouvez :

• Enregistrer vos sections depuis Passeport dans une galerie de sections sauvegardées
• Déposer une section sauvegardée dans un modèle ou lier* une section à plusieurs modèles à la fois
• Travailler sur des brouillons pour mettre à jour des sections sans modifier les modèles auxquels elles sont liées
• Modifier vos sections et les publier pour mettre à jour les modèles auxquels elles sont liées, d'un seul clic

*La fonction de lien dynamique des sections sauvegardées n'est disponible que dans le cadre d'un abonnement Premium.

Sections normales et sections liées

Il existe deux types de sections sauvegardées :

• Section sauvegardée normale
  Permet de copier votre section sauvegardée dans votre modèle ou campagne. Les modifications apportées à une section sauvegardée dans la galerie ne seront pas reproduites dans votre modèle.
  
   
• Section sauvegardée liée (fonction Premium)
  Permet de lier votre section sauvegardée à vos modèles. Lorsque vous publiez des modifications dans une section sauvegardée liée de la galerie, tous les modèles liés sont automatiquement mis à jour. Vous pouvez lier les sections qui sont utilisées dans plusieurs modèles, par exemple les en-têtes et bas de page.
  

Sections brouillons et Sections publiées

Vous pouvez enregistrer une section en mode Brouillon ou Publié :

• Seules les Sections publiées s'affichent dans le menu « Sauvegardées » de l'éditeur d'emails et peuvent être ajoutées à vos modèles marketing, emails transactionnels ou workflows automatisés.
  
   
• Vous ne pouvez pas utiliser de brouillons de sections dans vos campagnes, modèles ou workflows automatisés et ceux-ci n'apparaissent pas dans le menu « Sauvegardées » de l'éditeur d'emails. Une fois que vous êtes satisfait du design et du contenu de votre section, publiez-la pour qu'elle s'affiche dans le menu « Sauvegardées » de l'éditeur d'emails.

Le statut des sections est visible sous Modèles → Galerie de sections sauvegardées.

Notez qu'il vous faut un abonnement Premium pour lier une section à vos modèles.

Création d'une section sauvegardée

Il existe deux manières de créer une nouvelle section sauvegardée. Vous pouvez :

• Utiliser l'éditeur de sections pour créer une nouvelle section
• Création d'une section à partir d'un modèle ou d'une campagne dans l'éditeur d'emails Mailjet

Utilisation de l'éditeur de sections depuis la galerie de sections sauvegardées

Accédez à votre galerie de sections sauvegardées à partir de la page de n'importe quel modèle.

Pour créer une nouvelle section, cliquez sur « Créer une section sauvegardée ».

Saisissez un nom pour votre nouvelle section sauvegardée et une description (facultative), puis cliquez sur « Créer » pour continuer.

Composez votre nouvelle section à l'aide de l'éditeur de sections, qui est une version réduite de l'éditeur d'emails.

Vous pouvez enregistrer le design de votre section à tout moment en cliquant sur « Sauvegarder le brouillon ».

Une fois votre section terminée, cliquez sur « Sauvegarder et publier dans la galerie ».

Et voilà, vous venez de publier votre première section.

Cliquez sur « Retour à mes sections » pour revenir à la galerie de sections sauvegardées et visualiser la section que vous venez de publier. Vous pouvez désormais l'utiliser dans vos campagnes, emails transactionnels et workflows automatisés !

Pour apprendre à créer une section à partir d'un modèle ou d'une campagne existants dans l'éditeur d'emails, poursuivez la lecture de ce document ou passez à la section Comment utiliser mes sections sauvegardées.

Création d'une section à partir d'un modèle ou d'une campagne dans l'éditeur d'emails Mailjet

Vous pouvez aussi créer une section sauvegardée à partir d'un modèle ou d'une campagne existants.

Dans l'éditeur d'emails, sélectionnez la section que vous souhaitez enregistrer, puis cliquez sur « Créer une section sauvegardée » dans le menu.

Dans la fenêtre, saisissez un nom pour votre section sauvegardée et une description (facultative).

Vous pouvez aussi enregistrer rapidement une section en la faisant glisser dans la zone des outils de contenu, à gauche de l'éditeur.

Une fois que vous avez choisi un nom et cliqué sur " Sauvegarder ", la section sera ajoutée à votre galerie de sections sauvegardées. Elle sera aussi liée automatiquement au modèle à partir duquel vous l'avez créée (fonction Premium uniquement). Si vous disposez d'un abonnement Gratuit ou Essentiel, ou si vous avez enregistré votre section à partir d'une campagne, aucun lien n'est créé.

Remarque : si vous créez une section sauvegardée à partir de l'éditeur d'emails, vos paramètres de verrouillage de section ne seront pas enregistrés.

Utilisation des sections sauvegardées dans l'éditeur d'emails Mailjet

Vous pouvez visualiser et insérer vos sections sauvegardées à partir de l'éditeur d'emails.

Insertion d'une section sauvegardée dans une campagne (mode Normal uniquement)

Les sections sauvegardées ne peuvent être copiées qu'en tant que sections normales dans vos campagnes marketing, sans lien vers la galerie de sections sauvegardées. Les modifications apportées à cette section dans votre campagne sont uniquement locales (vous ne pouvez ajouter des sections liées que dans un modèle, comme nous le verrons dans la suite de ce guide).

Pour insérer une section dans votre campagne marketing, cliquez sur « Sauvegardées » et faites glisser une section dans la campagne.

Insertion d'une section sauvegardée dans un modèle (mode Normal ou Lié)

Si vous utilisez un modèle (marketing, transactionnel ou automatisé), vous pouvez copier des sections sauvegardées normalement ou les lier (abonnements Premium uniquement).

Cliquez sur « Sauvegardées » pour voir toutes les sections que vous avez publiées. Ensuite, faites simplement glisser la section de votre choix sur votre modèle.

Si vous disposez d'un abonnement Gratuit ou Essentiel, les sections sauvegardées ne peuvent être copiées qu'en tant que sections normales dans votre modèle.

Si vous disposez d'un abonnement Premium, les sections sauvegardées sont ajoutées automatiquement à votre modèle sous la forme de sections liées.

Délier une section sauvegardée dans un modèle

Il est possible de délier une section sauvegardée dans un modèle pour en faire une section sauvegardée normale. Ainsi, vous pouvez modifier un modèle sans que les changements se propagent.

Pour délier une section sauvegardée dans un modèle dans l'éditeur d'emails, sélectionnez la section, puis cliquez sur l'option « Délier ».

Remarque : une fois que vous avez délié une section, vous ne pouvez pas revenir en arrière. Il n'y a pas d'option pour rétablir un lien. Si vous changez d'avis, supprimez cette section normale et insérez à nouveau la section liée dans votre modèle.

Ma galerie de sections sauvegardées

Toutes vos sections sont enregistrées dans la galerie des sections sauvegardées, accessibles depuis n'importe quelle galerie de modèles (marketing, transactionnels ou automatisés).

Cliquez sur « Sections sauvegardées » dans une galerie de modèles.

Les sections enregistrées qui sont liées dynamiquement à un modèle d’email ont une icône “lien”. Cliquez sur cette icône pour afficher la liste des modèles d’emails.

Exporter une section sauvegardée

Vous pouvez importer vos sections sauvegardées dans la galerie de sections sauvegardées d’un sous-compte de votre choix en cliquant sur l’icône en forme de roue dentée, puis sur « Exporter ».

Si vous exportez une section sauvegardée liée, les références liées sont supprimées. Les sections exportées sont enregistrées comme brouillons dans la galerie de sections sauvegardées du sous-compte concerné.

Dupliquer une section sauvegardée

Pour dupliquer une section sauvegardée, cliquez sur l’icône “roue dentée”, puis sur « Dupliquer ».

Notez qu'une section dupliquée est toujours considérée comme un brouillon, qu'elle soit dupliquée à partir d'un brouillon de section ou d'une section publiée.

Supprimer une section sauvegardée

Une section sauvegardée ne peut être supprimée que si elle n'est pas actuellement liée à un modèle.

Si une section est liée dynamiquement, vous devez ouvrir chaque modèle et délier la section enregistrée. Pour voir les modèles d’emails liés à une section enregistrée, cliquez sur l’icône “lien”.

Pour supprimer une section qui n’est liée à aucun modèle, cliquez simplement sur l’icône “roue dentée”, puis sur « Supprimer ».

Attribution et suppression de libellés sur une section sauvegardée

Vous pouvez utiliser des libellés pour améliorer l'organisation et la gestion de vos sections sauvegardées dans la galerie.

Par exemple, utilisez des libellés en fonction du type de section (en-tête, bas de page, réseaux sociaux), du thème (vacances, lieux, groupes de clients), etc.

Attribuez et supprimez des libellés pour une section sauvegardée dans votre galerie en sélectionnant Option → Attribuer un libellé.

Pour en savoir plus sur la manière de créer, modifier et supprimer un libellé, consultez la section Gestion des libellés du guide sur la gestion des modèles.

Modification de sections sauvegardées existantes

Modification d'une section sauvegardée dans la galerie

Dans votre galerie de sections sauvegardées, sélectionnez Options → Editer.

Modifiez votre section dans l'éditeur de sections, puis enregistrez les modifications dans un brouillon ou publiez-les.

Remarque : une fois vos modifications publiées, toutes les sections liées dans les autres modèles seront mises à jour automatiquement.

Modification d'une section sauvegardée via l'éditeur d'emails Mailjet

Vous pouvez modifier normalement une section sauvegardée normale de votre campagne ou modèle dans l'éditeur d'emails.

Pour modifier une section liée (de façon dynamique) dans l'éditeur d'emails, cliquez sur l'option « Modifier » pour accéder à l'éditeur de sections.

Modifiez la section. Enregistrez ensuite vos modifications dans un brouillon ou publiez-les pour qu'elles soient aussi appliquées aux modèles liés.

Cliquez sur « Retour à mon template » pour revenir dans l'éditeur d'emails.

Sections liées et abandon de l'abonnement Premium

Si vous créez des sections liées dans le cadre d'un abonnement Premium et que vous passez ensuite à un abonnement Essentiel ou Gratuit, les liens entre vos sections et modèles sont désactivés. Ensuite, les changements apportés à une section liée existante ne seront plus propagés dans les modèles liés.

Si vous repassez à un abonnement Premium, les liens désactivés seront réactivés et vous pourrez créer de nouvelles sections liées.

Verrouillage de section

Évitez de modifier accidentellement le design de vos emails et protégez l'identité de votre marque grâce au verrouillage de section.

Cette fonctionnalité permet à vos développeurs, designers et autres collaborateurs de contrôler qui peut modifier ou supprimer un design ou une mise en page, ou le contenu d'une section individuelle d'une campagne ou d'un template.

Le verrouillage de section est une fonctionnalité exclusive des abonnements Premium.

Attribuer des autorisations de verrouillage

Attribuez des autorisations de verrouillage, lorsque vous partagez votre compte avec d'autres collaborateurs ou membres d'équipe.

Choisissez l'un des rôles prédéfinis disposant d'une autorisation de verrouillage (Administrateur, Développeur ou Designer) ou créez un rôle personnalisé. (Pour plus d'informations sur les rôles d'utilisateur, consultez le Guide du partage de compte .)

[Revenir en haut]

Verrouiller une section (via notre éditeur d'emails)

Pour verrouiller ou déverrouiller une section d'une campagne ou d'un template dans notre éditeur d'emails, il suffit de cliquer sur l'icône « Verrouiller le contenu ».

Si vous n'êtes pas autorisé à verrouiller ou déverrouiller une section, une notification vous invitera à contacter l'administrateur du compte pour obtenir les autorisations nécessaires.

Si vous disposez d'un abonnement basique, vous devrez passer à un abonnement Premium pour bénéficier de cette fonctionnalité.

Si vous disposez des autorisations nécessaires, la notification « Verrouiller le contenu » vous permet de choisir l'un des niveaux de verrouillage suivants :

• Section entièrement éditable (par défaut)
  Il n'y a pas de verrouillage et la section peut être entièrement modifiée ou supprimée.
   
• Seuls le texte et les images sont éditables
  En d'autres termes, seul le contenu est éditable. Le design de la section (remplissage, alignements, couleurs, etc.) ne peut pas être modifié et aucun bloc de contenu ne peut être ajouté ou supprimé. La section peut être déplacée et, si ces options sont cochées, elle peut être supprimée ou dupliquée.
   
• Section non éditable et non supprimable
  La section est entièrement verrouillée et aucun changement ne peut être effectué. Il est uniquement possible de déplacer la section.
   

Une fois que vous avez choisi un niveau de verrouillage, cliquez sur « Confirmer » pour enregistrer vos modifications.

[Revenir en haut]

Afficher les sections verrouillées

Voyons maintenant comment se présentent les sections verrouillées pour les utilisateurs de notre éditeur d'emails, qui n'ont pas l'autorisation de verrouiller ou de déverrouiller une section.

Section déverrouillée

La section apparaît normalement dans l'éditeur, avec toutes les icônes de menu de bloc de contenu et tous les boutons de section (options de section, déplacer vers le haut/bas, enregistrer la section, supprimer).

Seul le contenu de la section est éditable (suppression de section impossible)

La section peut être déplacée, mais tous les autres boutons de section sont masqués (options de section, déplacer vers le haut/bas, enregistrer la section, supprimer).

Section verrouillée :



 

Section déverrouillée :



 

Aucun bloc de contenu ne peut être ajouté ou supprimé au sein d'une section qui ne peut pas être supprimée et dont seul le contenu est éditable.

Lorsque l'utilisateur clique sur un bloc de contenu au sein d'une section (verrouillée), seules les options d'édition de contenu sont disponibles. Les icônes liées au design, à la duplication ou à la suppression de blocs sont masquées :

 

Texte

Outils disponibles	Indisponibles
o Style de texte prédéfini (paragraphe, titre, etc.) o Variables o Insérer un lien o Liste à puces o Liste numérotée o Gras, Italique, Souligner, Barrer	o Police, Taille de la police, Couleur du texte o Effacer la mise en forme o Alignement o Hauteur de ligne o Options de bloc (remplissage, arrière-plan) o Copier ou supprimer le bloc de texte

 

Image

Outils disponibles	Indisponibles
o Choisir une image o Modifier l'image o Entrer un lien	o Options de bloc (remplissage, forme, etc.) o Copier ou supprimer le bloc d'image

 

Séparateur

Outils disponibles	Indisponibles
o Pas d'options	o Options de bloc (largeur, couleur, épaisseur, etc.) o Copier ou supprimer le séparateur

 

Bouton

Outils disponibles	Indisponibles
o Insérer une variable o Entrer un lien	o Police, Couleur du texte, Taille du texte o Gras, Italique, Souligner, Barrer o Effacer la mise en forme o Alignement o Hauteur de ligne o Options de bloc (style d'icône, remplissage, configurer les liens, etc.) o Copier ou supprimer les blocs de partage sur les réseaux sociaux

 

Espacement

Outils disponibles	Indisponibles
o Ajuster la hauteur	o Options de bloc (couleur d'arrière-plan) o Dupliquer ou supprimer l'espacement

 

Partage sur les réseaux sociaux

Outils disponibles	Indisponibles
o Pas d'options	o Police, Taille du texte, Couleur du texte o Gras, Italique, Souligner, Barrer o Effacer la mise en forme o Alignement o Hauteur de ligne o Options de bloc (style d'icône, remplissage, configurer les liens, etc._) o Copier ou supprimer les blocs de partage sur les réseaux sociaux

 

HTML

Outils disponibles	Indisponibles
o Entrer HTML	o Copier ou supprimer le bloc HTML

 

[Revenir en haut]

Seul le contenu de la section est éditable (suppression de section possible)

Cette option de verrouillage permet de dupliquer ou de supprimer la section.

Toutes les options des différents blocs de contenu (texte, image, bouton, etc.) sont identiques à celles disponibles avec l'option de verrouillage « Seul le contenu de la section est éditable (suppression de section impossible) ».

Section entièrement verrouillée

Il n'y a pas d'options ou de menus disponibles. La section et tous les blocs de contenu qu'elle contient ne peuvent pas être modifiés. Il est uniquement possible de déplacer et d'enregistrer la section.

Verrouiller le design général d'une page

Les administrateurs de compte ou utilisateurs disposant d'une autorisation de verrouillage peuvent verrouiller les paramètres du design général au niveau du template, et notamment les éléments suivants :

• mise en page (responsive design) et couleur d'arrière-plan ;
• styles de texte (titres, paragraphes, styles de lien) ;
• options de logo.

Pour accéder à cette option de verrouillage, rendez-vous dans l'onglet « Paramètres » de notre éditeur d'emails, puis cliquez sur « Verrouillage de page ».

La section « Verrouillage de page » propose deux options :

• Par défaut, la première option sélectionnée permet aux utilisateurs ayant l'autorisation de verrouiller une section de modifier les paramètres généraux.
• Cliquez sur la seconde option pour verrouiller tous les paramètres généraux (à l'exception de la langue). Une petite icône de cadenas apparaîtra alors à côté des options de verrouillage.

Remarque : si vous ne disposez pas des droits pour verrouiller un design, l’option « Verrouillage de page » ne s’affiche pas dans l’onglet « Paramètres ». Pour obtenir les autorisations nécessaires, contactez l’administrateur du compte.

[Revenir en haut]

Collaboration en temps réel

La collaboration en temps réel permet à plusieurs utilisateurs de travailler simultanément sur le même modèle d’e-mail ou la même campagne. Cette fonctionnalité permet aux équipes de créer, modifier et finaliser efficacement des modèles d’e-mail, sans les délais liés à une édition séquentielle ou aux échanges de brouillons par e-mail ou via d’autres canaux de communication.

Fonctionnalités clés :

1. Édition simultanée
   Plusieurs utilisateurs peuvent accéder au modèle d'email et le modifier en même temps. Les modifications apportées par un utilisateur sont instantanément visibles par les autres, ce qui garantit que tous les collaborateurs travaillent avec la version la plus récente du modèle.
2. Commentaires et suggestions
   Les collaborateurs peuvent laisser des commentaires ou des suggestions directement dans le modèle d'email. Cette fonctionnalité facilite la discussion et le retour d'information au sein même du modèle, ce qui réduit la nécessité de recourir à des canaux de communication externes ou à de longues discussions par email.
3. Aperçu en direct
   L'aperçu en direct permet aux collaborateurs de voir comment l'email apparaîtra aux destinataires au fur et à mesure des modifications. Cela permet de s'assurer que le modèle final est visuellement attrayant et qu'il fonctionne comme prévu sur les différents appareils de lecture et clients de messagerie.

Avec la fonctionnalité de collaboration en temps réel, vous pouvez faire exactement cela : partager votre compte avec votre équipe et permettre à plusieurs personnes de travailler en même temps dans l’éditeur d’e-mails.

Liste de collaborateurs

Lorsque deux utilisateurs ou plus travaillent simultanément sur un modèle dans l'éditeur d'email, chacun est représenté par un cercle de couleur affichant ses initiales. Vous pouvez survoler n'importe quel cercle pour voir le nom complet de l'utilisateur.

Modification de sections et blocs par les utilisateurs

Le bloc ou la section en cours d'édition est mis en évidence dans la couleur associée à l'utilisateur qui effectue les modifications, et son nom complet est affiché dans cette zone. Vous pouvez également voir les mises à jour effectuées par d'autres utilisateurs en temps réel.

Commentaires en temps réel

Vous n'avez plus besoin d'attendre que vos collègues aient fini d'éditer un email pour pouvoir le consulter. Pendant qu'une section est en cours de modification, elle sera temporairement verrouillée, mais vous pourrez toujours voir les modifications au fur et à mesure.

En outre, la fonction de commentaire intégrée vous permet de communiquer sans effort avec votre équipe directement dans l'éditeur d'emails. La collaboration en temps réel rationalise le processus de design des emails, le rendant plus souple et plus efficace.

Publication d'un modèle

Pour éviter la publication accidentelle de modèles incomplets, il est recommandé que le ou la titulaire du compte principal limite les autorisations de publication à des utilisateurs spécifiques. Cette approche garantit que les modèles ne sont publiés qu'après avoir été examinés et approuvés.

Les collaborateurs peuvent avoir accès à la création et à la modification des modèles, mais pas à leur publication. Cette configuration permet à l'étape finale de la publication d'être gérée exclusivement par des personnes autorisées.

[Revenir en haut]

L'en-tête et Le pied de page

L'en-tête

L'en-tête de la campagne comporte deux éléments importants :

• Résumé de l'email
  Pour personnaliser le résumé de l’email, cliquez simplement sur le texte et effectuez vos modifications.
  
   
• Permalien
  Ce lien permet à votre destinataire d'afficher votre message directement dans son navigateur internet. Ce lien est généré automatiquement par Mailjet, vous n'avez donc pas besoin de le modifier.

Texte d’aperçu

Le texte d’aperçu (appelé aussi « pré-header ») est le texte qui s’affiche après l’objet dans la boîte de réception du destinataire.

Généralement, le texte d’aperçu résume brièvement votre email et permet de démarquer votre email dans la boîte de réception de vos destinataires.

Pour modifier le texte d’aperçu, cliquez sur l’icône en forme de crayon sur la page de conception de l'éditeur d'emails, puis sur « Modifiez le texte de prévisualisation pour améliorer vos taux d'ouverture ».

Si vous ne saisissez pas de texte d’aperçu, le texte "résumé de l’email” s’affichera à la place.

Le pied de page

Le bas-de-page par défaut pour les campagnes contient un lien de désabonnement et une adresse email (représentée par la variable [[EMAIL_TO]]).

Vous pouvez personnaliser le bas-de-page selon vos besoins. Pour ce faire, cliquez dans la section du bas-de-page et utilisez les barres d'outils pour personnaliser le design.

Au niveau de l’hyperlien du lien de désabonnement par défaut, vous pouvez voir une variable spéciale de désabonnement :

[[UNSUB_LINK_LOCALE]]

Cette variable permet de retirer le destinataire de la liste de contacts. (“LOCALE” représente la langue de la campagne et définit la langue des pages de désabonnement. Cet aspect est automatiquement géré par l'éditeur d'emails Mailjet.)

Vous pouvez personnaliser le pied de page (y compris le lien de désabonnement), tant que vous gardez le [[UNSUB_LINK_LOCALE]] pour permettre à vos destinataires de se désabonner de vos listes de diffusion.

Remarque : il est obligatoire de faire figurer un lien de désabonnement dans votre campagne, alors si vous n'en avez pas ajouté, Passeport insère automatiquement le bas-de-page par défaut lors de l'enregistrement, de la prévisualisation ou de l'envoi de votre campagne ou modèle.

[Revenir en haut]

Langue de la page de désabonnement

Utilisez ce paramètre pour choisir la version linguistique de votre page de désabonnement qui s’affichera lorsqu’un contact cliquera sur le lien de désabonnement dans les emails utilisant ce modèle. La langue que vous sélectionnez ici s’applique uniquement à la page de désabonnement, et non au reste du contenu de votre email.

Ouvrez le panneau Langues, allez à Page de désabonnement, puis choisissez la langue souhaitée dans la liste déroulante. Les langues disponibles ici dépendent de l’expérience de désabonnement que vous avez configurée pour vos destinataires (par défaut, page personnalisée ou centre de préférences).

Si la langue dont vous avez besoin ne figure pas dans la liste, cliquez sur Gérer la page de désabonnement pour ouvrir le Gestionnaire de page de désabonnement et ajouter ou modifier les langues prises en charge par l’expérience de désabonnement choisie.

Kit de Marque

Avec notre fonctionnalité Kit de Marque, vous pouvez maintenir facilement la cohérence de votre marque sur tous vos modèles d'e-mails et campagnes. Le Kit de Marque vous permet de définir des éléments de branding, tels que les logos, polices et couleurs, qui s'appliquent de manière globale afin d'assurer l'uniformité.

Pour en savoir plus sur la configuration et l'utilisation de votre Kit de Marque, veuillez consulter ce guide : Kit de Marque Mailjet.

Paramètres de style généraux

Changez le formatage des paragraphes, des en-têtes et des liens de vos newsletters ou templates en quelques clics seulement.

Pour accéder aux styles généraux, rendez-vous dans l'onglet « Paramètres ».

L'option « Style global » vous permet de définir la police et la couleur de tous les éléments spécifiés (en-têtes, paragraphes et liens) ainsi que des en-têtes et pieds de page de vos newsletters.

Vous pouvez ensuite personnaliser le style de chaque en-tête, paragraphe ou lien.

Enfin, si vous voulez appliquer un style particulier à un élément précis de votre message, il vous suffit de procéder normalement à partir de la barre d'outils de la section choisie.

Options de logo

Lors de l'envoi d'une campagne avec l'éditeur d'emails, un logo « Powered by Mailjet » sera ajouté au pied du modèle.

Vous pouvez choisir entre 5 couleurs différentes de logo dans la section « Options de logo » de l'onglet « Paramètres ». Notez que le logo n'est ni déplaçable ni redimensionnable.

Si vous avez souscrit un abonnement payant, vous pouvez supprimer le logo en sélectionnant l'option « Pas de logo ». Toutefois, si vous êtes sur un plan gratuit, vous serez invité à mettre à jour votre abonnement lorsque vous cliquez sur l'option « Pas de logo ». 

Importer des polices personnalisées

Avec l'éditeur d'emails Mailjet, ajoutez des polices Google personnalisées ou des polices Web hébergées à vos modèles marketing, transactionnels et automatisés.

Les polices personnalisées sont enregistrées par template ou newsletter. Les polices ajoutées à un template ou à une newsletter ne sont pas ajoutées automatiquement à ceux qui sont nouvellement créés.

Astuce : dupliquez ou exportez votre template/newsletter pour transférer vos polices personnalisées.

Pour ajouter une police personnalisée, cliquez sur la liste déroulante Famille de polices depuis un élément de texte et sélectionnez « Ajouter une police de caratère ».

À ce stade, vous choisissez d’ajouter une police parmi les quelques 800 polices Google Web ou un lien vers une police Web hébergée via un fichier CSS.

Ajouter une police Google

Commencez à saisir le nom d'une police Google. Une fois sélectionnée dans la liste prédictive, la nouvelle police s'affichera dans la fenêtre d'aperçu. Vous pouvez également modifier le texte dans la section d'aperçu « votre police » (15 caractères maximum).

Une police de remplacement s'affiche également dans la section d'aperçu.

Attention : parmi les principaux clients de messagerie, certains prennent en charge les polices Web personnalisées (Apple Mail, Android Mail, iOS Mail, Outlook 2016 OSX, etc.), mais d'autres non (Gmail, Yahoo Mail et Outlook 2003, par exemple). Dans ces cas-là, la police de remplacement s'affichera à la place de la police Google.

Après avoir sélectionné une police personnalisée, cliquez sur « Ajouter la police de caratère ».

Toutes les polices personnalisées seront ajoutées en haut de la liste des polices dans l'ordre alphabétique.

Fan de typographie ? Consultez Google Fonts pour en savoir plus.

Ajouter d’autres polices Web

Pour ajouter votre propre police Web personnalisée, saisissez l’URL du fichier CSS qui contient les informations sur la police Web. Une nouvelle liste déroulante apparaîtra en affichant toutes les polices trouvées dans le fichier CSS. Il vous suffit de cliquer sur la police que vous souhaitez importer, puis sur « Ajouter la police de caratère ».

Ajouter une police de secours

Une police de secours est une police de remplacement qui s’affiche lorsque le client de messagerie du destinataire ne prend pas en charge ou ne peut pas afficher la police principale utilisée dans votre design — qu’il s’agisse d’une police personnalisée ou d’une police standard. Cela garantit que votre message reste lisible et visuellement cohérent, quel que soit le client de messagerie utilisé.

Pour ajouter une police de secours à votre modèle d’email :

1. Cliquez sur l’icône roue dentée (⚙️) dans le panneau de gauche de l’Éditeur d’emails pour ouvrir le menu Paramètres.
   
2. Dans le menu Paramètres, développez la section Styles de texte. Vous verrez des options telles que Paragraphe, Titre 1, Titre 2, etc.
3. Faites défiler vers le bas et cliquez sur Ajouter une police de secours.
4. Sélectionnez une police standard dans la liste déroulante (par exemple : Arial, Verdana ou Times New Roman). Un aperçu s’affichera sous le champ de sélection.
   
5. Cliquez sur Enregistrer pour appliquer la police de secours.

La police de secours sera automatiquement utilisée si la police principale n’est pas prise en charge par le client de messagerie du destinataire.

Personnalisation du contenu

Vous pouvez personnaliser le contenu et l'objet de votre newsletter en ajoutant vos propriétés de contact. Sélectionnez la zone de texte où vous souhaitez voir apparaître le contenu personnalisé. Dans la barre de menus, cliquez sur l'icône « Variables ».

Puis sélectionnez la propriété de contact que vous souhaitez ajouter.

Ensuite, entrez votre texte dans la section « Valeur par défaut ». Si l'information « Prénom » n'est pas renseignée pour votre contact, le texte de valeur par défaut apparaîtra à la place.

N'hésitez pas à consulter nos FAQ pour en savoir plus sur les propriétés de contacts et la personnalisation des envois.

[Revenir en haut]

Gérer votre vue mobile

Vous pouvez personnaliser la vue mobile des colonnes de chaque section de votre message : Empilée (default) ou Côte à côte

Pour modifier l'affichage des colonnes, cliquez sur l'arrière-plan de la section, puis sur l'icône « Options de section ».

Pour que les colonnes apparaissent côte à côte, cochez la case « Garder les colonnes côte à côte ». Une petite icône bleue indiquant que les colonnes seront disposées côte à côte sur un appareil mobile apparaît dans la section.

Cliquez sur « Aperçu & Test » pour obtenir un aperçu de l'affichage des colonnes.

Responsive Design

Notre outil vous permet de construire vos campagnes en "responsive design". Cela signifie que votre message pourra s'adapter à la taille de l'écran sur lequel il est consulté. Ainsi, le design de votre campagne sera optimisé, qu'elle soit vue sur un ordinateur, une téléphone ou une tablette.

La barre d'outils « Paramètres du template » vous offre deux options de responsive design pour votre campagne :

• Pleine page : Votre campagne s'ajustera automatiquement à la largeur de l'écran sur laquelle elle s'affichera.
• Centrée : La largeur de la campagne sera toujours la même, quelque soit le support d'affichage.

Activer l’optimisation pour le mode sombre

La fonctionnalité Optimisation pour le mode sombre améliore l’affichage de votre email lorsque le destinataire utilise le mode sombre. Elle ajoute des balises meta et des règles CSS pour éviter les changements de couleurs inattendus.
Veuillez noter que certains clients de messagerie peuvent malgré tout ignorer ou modifier ces réglages.

Étapes pour activer l’optimisation pour le mode sombre :

1. Cliquez sur l’icône en forme de roue dentée (⚙️) dans le panneau de gauche de l’Éditeur d’emails pour ouvrir le menu Paramètres.
   
2. Développez la section Rendu du client de messagerie.
3. Activez l’interrupteur Optimisation du mode sombre.
4. Cliquez sur Aperçu pour voir comment votre email s’affichera en mode sombre.

Cette option vous aide à garantir que votre design reste lisible et cohérent, même sur les appareils et clients de messagerie qui utilisent le mode sombre.

[Revenir en haut]

Aperçu de votre campagne

Pour visualiser votre campagne, cliquez sur Aperçu & Test → Aperçu de l'email dans la fenêtre de création l'éditeur d'emails.

Vous aurez ainsi un aperçu de votre campagne sur différents supports :

Prévisualisation des emails

À l'heure actuelle, notre éditeur d'emails offre la possibilité de voir à quoi ressemblera un modèle ou une campagne sur différents appareils (différentes tailles d'écran). Cette prévisualisation permet uniquement de voir la réactivité du design, mais chaque client de messagerie possède ses propres spécificités.

Le problème des emails, c'est que le rendu d'un email varie selon la boîte de réception dans laquelle il est ouvert (Apple Mail, Outlook, Yahoo!, Gmail, etc.). Si nous faisons de notre mieux pour offrir le meilleur résultat sur tous les clients de messagerie, nous n'avons aucun contrôle sur les règles définies par ces outils. Par exemple, même Gmail n'affiche pas les polices Google. Et nous ne pouvons rien y faire : seul Gmail pourrait résoudre le problème.

Dans ce contexte, il est essentiel que vous testiez vos emails dans tous les clients de messagerie utilisés par vos contacts, pour vous assurer qu'ils s'affichent comme vous le souhaitez.

Afin de vous aider, nous venons de lancer une nouvelle fonctionnalité qui permet de prévisualiser votre email tel qu'il s'affichera chez vos destinataires.

Découvrez notre fonctionnalité "Prévisualisation des emails" ICI.

Envoyer un message de test

Vous pouvez à tout moment envoyer un email de test (campagne), à 10 destinataires maximum.

Pour envoyer une campagne de test, rendez-vous sur l'aperçu de votre modèle et cliquez sur le bouton Aperçu & Test → Envoyer un email de test.

[Revenir en haut]

Sauvegarder (le brouillon en cours, ou sauver en tant que template)

Pour enregistrer votre campagne, cliquez sur « Sauvegarder ma campagne » ou « Sauvegarder et quitter ».

Pour enregistrer votre campagne en tant que template, cliquez sur « Sauvegarder comme modèle ». Vous pouvez alors entrer un nouveau nom de template ou écraser un template existant.

Pour visualiser vos templates, cliquez sur « Retour à la sélection du modèle » dans la page d'accueil de création de modèles, puis sur « Utiliser un de mes modèles ».

Envoyer votre campagne

Une fois que vous avez fini de créer votre superbe campagne et que vous êtes prêts à l'envoyer, cliquez sur « Récapitulatif & Envoi » dans la fenêtre de création l'éditeur d'emails.

Sur la page Créer une campagne, vous pouvez passer en revue tous les éléments de la campagne et leur apporter d’éventuelles modifications.

Lorsque tous les éléments sont renseignés (l’icône “coche” de chaque section doit être verte), vous pouvez planifier l’envoi de la campagne jusqu’à 60 jours à l’avance ou l’envoyer immédiatement.

Félicitations ! Vous avez envoyé votre première campagne.

[Revenir en haut]