[Chapitre : Editeur responsive]
Construire en responsive

Structure du message

L’architecture globale du message responsive se construit par blocs.

1 – Le premier élément à mettre en place est l’outil « largeur ». Les conteneurs seront à placer à l’intérieur de cette largeur.
Cet outil permet d’afficher un fond de couleur sur toute la largeur de l’écran du prospect, quelque soit sa taille.
Vous avez la possibilité de diviser la largeur en deux parties.

2 – Éléments structurants

Les conteneurs définissent la structure de votre message. Il est possible d’imbriquer plusieurs conteneurs.
Dans l’idéal, lorsque le message a fini d’être structuré, chaque sous-conteneur ne doit avoir qu’une fonction.

Sur cet exemple, on retrouve la largeur (en jaune), un premier conteneur (entouré en bleu), à l’intérieur duquel se trouve quatre conteneurs.
Chacun de ces quatre conteneurs a une fonction différente, le premier est un titre, le deuxième une image, le troisième un texte et le dernier un bouton.

 

Cela se vérifie par le chemin (en haut à gauche, entouré ici en rouge), on retrouve bien les deux conteneur imbriqués puis le titre.

L’outil « colonne » se place à l’intérieur d’un conteneur et permet également de structurer l’email.

3 – Éléments de remplissage

Ce sont les outils qui vont permettre d’insérer le contenu dans votre message. Il suffit donc de les glisser au sein des conteneurs et colonnes.

L’onglet « complexe » fonctionne avec l’onglet « conteneur » et « colonne ». Il vous permet de sauvegarder le contenu d’une colonne ou d’un conteneur comme un élément complexe pour le réutiliser plus tard dans un autre template. Vous pouvez donc faire cet enregistrement à partir du menu de droite de la partie « colonnes » et « conteneur ».

Pour avoir plus d’impact…

Pour améliorer le rendu visuel de votre création et qu’il soit plus impactant, certains paramètres peuvent être personnalisés tels que les espacements et marges, les bordures ou encore le fond.

16

 

 

 

 

1 – La position d’un élément par rapport aux autres peut être modifié en jouant sur les marges et espacements.

2 – Une bordure peut être ajouté. Vous pourrez en modifié l’aspect (en continu, pointillés ou tirets), la largeur et la couleur.

3 – Il vous est possible d’ajouter une couleur de fond unie sous certains éléments de votre message.

 

La prévisualisation

La prévisualisation vous permet de tester si votre message a un rendu efficace sur les différents supports.

previsualiser

17

Vous pouvez ainsi voir le rendu de votre emailing sur les ordinateurs, tablettes et mobiles selon la taille des écrans.

 

Laisser un commentaire?

You must be logged in to post a comment.