Bonjour à tous ! Depuis la mise à jour de la plateforme, un nouvel éditeur (glisser-déposer, compatible Outlook) est désormais proposé par défaut pour la création de vos messages et newsletters. L'ancien éditeur reste toutefois disponible sous le nom « Éditeur classique ». Ce tutoriel reprend les principes généraux de fonctionnement de cet éditeur classique, afin que les équipes qui l'utilisent encore puissent continuer à créer leurs contenus sereinement.

1. Choisir l'éditeur classique à la création

Lorsque vous cliquez sur « Nouveau » pour créer une newsletter, un écran vous propose de renseigner les données de votre newsletter.

2. Choisir un modèle de départ

La première étape du parcours de création (étape 1/5 « Modèle ») vous permet de partir d'une page vierge ou de l'un des modèles proposés par votre organisation, classés par thématique dans le menu de gauche. Pour un premier contenu, le modèle « Modèle simple » constitue une bonne base neutre.

3. L'espace de travail : blocs et éléments

Une fois le modèle validé, vous arrivez sur l'étape « Design », le cœur de l'éditeur classique. Sur la partie gauche se trouvent deux panneaux rétractables : « Dispo des blocs », qui contient les différentes dispositions de sections, et « Eléments », qui regroupe les composants que l'on peut déposer à l'intérieur de ces sections (texte, bouton, image, affiche, séparateur, espaceur, pièce jointe, bloc « like », articles, vidéo, etc.).

4. Les dispositions de blocs (sections et colonnes)

Le panneau « Dispo des blocs » propose des dispositions prêtes à l'emploi : une colonne unique, deux colonnes de proportions variées (50/50, 25/75, 33/67, 67/33, 75/25), trois colonnes, quatre colonnes, ou encore une section vide. Comme dans une mise en page classique, chaque disposition ajoutée devient une « Section » composée d'une ou plusieurs « Colonnes » : c'est cette structure imbriquée qui permet d'organiser librement le contenu de votre message.

Pour ajouter une nouvelle section, faites-la glisser depuis ce panneau directement dans la zone centrale, à l'endroit souhaité. Comme pour l'ancien éditeur, veillez à bien relâcher votre bloc à l'intérieur d'une cellule existante : la zone de dépôt est mise en surbrillance pendant le glissement.

5. Personnaliser une section : couleur de fond et marges

En cliquant sur une section, un panneau de paramètres apparaît à droite, organisé en plusieurs blocs rétractables : « Paramètres » (direction, largeur totale), « Space » (marges internes), « Texte & Alignement », « Borders » et « Décorations ». C'est dans ce dernier bloc que se règle la couleur de fond ou l'image d'arrière-plan de la section, exactement comme le permettait l'ancien panneau de « background » des cellules.

Le bloc « Space » reprend quant à lui la logique des marges internes et externes de l'ancien éditeur : vous pouvez définir une marge différente pour le haut, le bas, la gauche et la droite de la section, en pixels.

6. Personnaliser une colonne : largeur et alignement

En sélectionnant une colonne à l'intérieur d'une section (et non plus la section elle-même), le panneau de droite propose des réglages plus fins : la largeur de la colonne (en pourcentage ou en pixels, ou encore « auto »), l'alignement vertical de son contenu (haut, centre, bas), ainsi que sa propre couleur de fond. C'est cette combinaison de réglages « section + colonne » qui remplace la notion unique de « cellule » que l'on retrouvait dans les versions précédentes de la documentation.

7. Retrouver le code source de votre message

Comme dans l'ancien éditeur, une icône dédiée dans la barre d'outils supérieure (« </> ») ouvre une fenêtre « Export MJML » affichant à la fois le code MJML et le code HTML généré pour votre message. Cette fenêtre est utile pour vérifier ou copier le rendu technique de votre création.

8. Enregistrer et poursuivre

La barre supérieure de l'éditeur classique regroupe également les actions de navigation entre les étapes (« Précédent » / « Suivant »), le bouton « Sauvegarder » pour enregistrer votre travail à tout moment, ainsi que les icônes d'annulation, de rétablissement et de suppression d'un élément sélectionné. Comme auparavant, vous pouvez à tout moment quitter la création pour la reprendre plus tard : votre message est alors conservé à l'état de brouillon.

Vous connaissez désormais les principes généraux de la création d'un message ou d'une newsletter.