Naviguer dans l'éditeur courriel

Regardez notre guide vidéo sur l'utilisation de l'outil de création de courriel (anglais seulement).

Pour pouvoir éditer votre courriel, vous devez connaître les bases de l'éditeur.

Veuillez noter que l'allure de votre éditeur peut être différente des exemples ci-dessous. Cependant, les fonctions restent les même.

Définitions utiles

  • Élément - un élément est un type de contenu. Il peut s'agir par exemple d'une image, d'un titre, d'un paragraphe de texte ou d'un bouton. En cliquant sur un paragraphe, un cadre bleu pointillé apparaîtra pour montrer ce qui est inclus dans l'élément courant.
  • Bloc - un bloc est une structure de disposition de différents éléments. Il peut s'agir par exemple d'une mise en page pleine largeur comprenant un élément image, un élément d'en-tête, un élément de paragraphe de texte ou un élément de bouton. En survolant un élément de votre mise en page, vous verrez un cadre noir entourant un ou plusieurs éléments, c'est votre bloc.
  • Inspecteur (✎)- lorsque vous voulez modifier le style de votre contenu ou la structure de votre bloc, vous le ferez dans l'inspecteur. L'inspecteur est la zone à votre droite et selon que vous éditez un bloc ou un élément, l'inspecteur vous fournira les options disponibles pour votre sélection.

L'éditeur 

Tous les blocs disponibles sont visibles dans le menu de droite. Vous pouvez revenir à ce menu à tout moment en appuyant sur la touche verte plus (+).

nav-editor-01.pngAfin d'ajouter des blocs au courriel, Il suffit de glisser-déposer les blocs à droite dans votre mise en page.

nav-edoitor-02.gifDans la mise en page, vous pouvez supprimer, dupliquer ou inspecter les différents blocs en passant votre curseur sur le bloc et en cliquant respectivement sur les icônes de la corbeille (🗑), de copie ou de la loupe (🔍).


En inspectant un bloc (c'est-à-dire, en cliquant sur la loupe pour le sélectionner et en vous référant au menu de droite), vous pouvez également choisir l'alignement des boutons et des colonnes, la couleur de fond du bloc sélectionné et les marges, entre autre.

Survolez votre bloc avec votre curseur pour voir les flèches qui le déplacent vers le haut ou vers le bas ou ajoutez du contenu à votre bloc - cliquez simplement sur le bouton vert plus (+).

Différents blocs auront différents éléments disponibles. Les blocs ayant plus d'une colonne seront également divisés en contenu gauche, droit et central.

nav-editor-03.pngDans un bloc, vous pouvez ajouter et supprimer des éléments, ou les déplacer vers le haut et le bas. Il suffit de sélectionner l'élément et de choisir l'action dans le menu à droite :

nav-editor-04.png
Le menu à droite vous sert aussi à styliser différents éléments de texte. N'oubliez pas que les modifications apportées s'appliqueront à l'ensemble de l'élément de texte (et non pas à un seul mot, ou partie de votre phrase).

Vous pouvez changer une image en la sélectionnant et en cliquant sur Change image. Vous pouvez télécharger une image à partir de votre ordinateur ou d'un URL. Vous pouvez aussi modifier une image en cliquant sur Edit.

nav-editor-05.png
Utilisez la même méthode pour changer tous les éléments d'image, comme les logos ou les icônes des médias sociaux.

À propos des images

Vous trouverez deux types d'images dans l'éditeur : les images réactives (responsive) et les images statiques (static).

  • Les images réactives (responsive) - la taille de ce type d'image s'ajuste automatiquement à l'écran de vos abonnés. Comme la taille s'ajuste automatiquement, il n'est pas possible d'ajuster la largeur de ces images. Nous recommandons d'utiliser ce type d'image dans le contenu de vos courriels. Ces images sont idéales pour s'assurer que vos courriels soient lisible autant sur un ordinateur que sur un mobile.
  • Les images statiques (static) - la taille de ce type d'image ne s'ajuste pas automatiquement. Vous pouvez changer la largeur de ces images facilement à l'aide de l'éditeur à droite de votre écran. Afin que vos courriels restent lisibles sur ordinateur et mobile, nous recommandons de ne pas dépasser une largeur de 320px (largeur maximale pour lecture sur mobile). Ce type d'image est idéal pour des logos, des icônes de médias sociaux et autres images qui doivent rester de la même taille indépendamment du dispositif utilisé pour la lecture de courriel.

Taille et format des images

​Notre recommandation est d'utiliser des fichiers .png en haute résolution, les images originales devraient avoir une largeur d'environ 1200px.

Nous ne recommandons pas de définir une hauteur sur vos images ni d'utiliser des pourcentages pour manipuler la taille. Cela provoquera un mauvais rendu sur de nombreux périphériques de courriel.

​Image d'arrière-plan

Si vous souhaitez modifier l'arrière-plan complet de votre courriel, vous pouvez le faire en sélectionnant n'importe quel élément du courriel. Dans le coin droit tout en bas de l'éditeur, vous trouverez des miettes de pain :

nav-editor-06.pngCliquez sur Corps (Body) pour changer la couleur de fond ou l'image.

nav-editor-07.png
Les images d'arrière-plan doivent être utilisée avec précaution, vous aurez besoin d'un modèle adapté afin d'éviter des erreurs d'affichage et sachez que certains périphériques de courriel n'affichent pas du tout les images d'arrière-plan.

Si vous utilisez des skins, vous pouvez également y modifier la couleur de fond de vos modèles.

 

N'hésitez pas à nous contacter si vous avez d'autres questions sur les modèles ! Dans ce cas, veuillez vous référer à une ébauche et/ou au nom complet du modèle.

Cet article vous a-t-il été utile?
Utilisateurs qui ont trouvé cela utile : 0 sur 0