Comment créer un email responsive avec l'email builder ?

L’email builder vous permet de créer un email responsive grâce aux templates et aux colonnes en section.

La prévisualisation mobile :

L’outil de prévisualisation vous permet à tout moment de voir comment votre email sera affiché sur mobile et ordinateur en cliquant sur le bouton Prévisualiser :

Vous pouvez basculer de l’affichage bureau à l’affichage mobile en un clic :

Les sections avec plusieurs colonnes :

C’est au niveau des sections que vous pourrez régler l’ordre d’affichage des blocs dans vos email en affichage mobile :

Insérez  d’abord une section en 2 ou 3 colonnes :

Puis insérez les deux ou trois blocs de contenus comme vous le souhaitez :

Ensuite cliquez juste à gauche ou à droite des blocs pour sélectionner la section et afficher ses options :

Ici vous verrez alors l’option qui nous intéresse ici :  l’option de Direction Ltr et Rtl

LTR pour Left To Right (de Gauche à droite) et RTL pour Right to Left (de Droite à Gauche)

Comme leurs noms l’indiquent ces options vont vous permettre de définir dans quel ordre vont s’afficher vos colonnes lors d’un affichage sur mobile.

En effet comme vous pouvez le constater en prévisualisant votre email, lors d’un affichage mobile, grâce au “responsive”  les colonnes s’affichent les unes à la suite des autres et non plus côte à côte. s’adaptant ainsi à la largeur de l’écran.

Ces options vous permettent donc de définir si les colonnes s’affichent de gauche à droite (par défaut) ou de droite à gauche.

Affichage en LTR :

L’image s’affiche d’abord car c’est ce bloc qui est à gauche en affichage bureau

L’affichage RTL :

Le bouton est cette fois si en premier puisqu’il est à droite dans l’affichage bureau

Ces options vous permettent ainsi d’avoir la maîtrise de l’affichage de votre email aussi bien en format bureau que mobile.