Quand on commence à se questionner au sujet de l’affichage de son emailing, on en vient souvent à se demander combien de colonnes peut-on faire apparaître dans un emailing. Le fait est que la réponse à cette question dépend surtout des plateformes sur lesquelles vous envoyez vos emailings.
En effet, lorsque votre emailing va être ouvert sur un ordinateur, le nombre de colonnes importe peu, il s’agit surtout ici d’harmoniser le nombre de colonnes de manière à proposer un rendu original ou à attirer le regard du prospect à certains endroits de l’emailing.
Cependant, lorsque vous désirez afficher vos emailings sur des tablettes et surtout des Smartphones, alors le nombre de colonnes devient un critère stratégique. Le fait d’avoir plusieurs colonnes dans votre emailing ne vous permettra pas forcément d’afficher toutes ses colonnes à la fois sur l’écran d’un Smartphone. Par conséquent, les emailings destinés à être affichés sur Smartphone sont plus généralement présentés sous forme d’une colonne.
Si vous tenez à faire deux colonnes, comme par exemple une colonne de texte et une colonne d’images, vous pouvez continuer à le faire. En effet, ces deux colonnes sont souvent utilisées pour structurer les informations en fonction des images. Sur les tablettes ces colonnes seront certainement affichées, surtout en mode paysage. Sur Smartphone, il vous faudra peut-être rendre votre design responsive.
Les lignes qui suivent s’adressent surtout aux personnes ayant des connaissances en HTML et CSS. En effet, comme vous le savez, les feuilles de style CSS vous permettent d’adapter vos graphismes en fonction de la résolution de l’écran sur lequel vous souhaitez afficher votre emailing.
Dans votre feuille de style, pour indiquer un design spécifique à une certaine dimension d’écran vous devez faire ceci, en remplaçant les points de suspension par la largeur en pixel de l’écran :
@media screen and (max-width: ….px){
// Ici vous utilisez la même méthode qu’habituellement pour spécifier votre design
}
Ainsi, vous pouvez très bien structurer deux colonnes pour des largeurs d’écran pouvant les supporter et une seule colonne ou images et texte se mélangent pour de petites résolutions.
