L’e-mail responsive
L’email responsive est un e-mailing conçu pour s’adapter aux destinataires, et donc aux différents supports d’affichage. Avant, l’e-mailing était un outil proposé à l’utilisateur, aujourd’hui avec la multiplication des supports, il doit s’adapter.
Les français s’équipent de plus en plus de smartphones ou de tablettes tactiles, et consultent de plus en plus leurs boîtes mails en situation de mobilité. Alors qu’aux Etat-Unis, 35% des marketeurs créent une version mobile de leurs e-mailings, en France, peu d’entreprises tiennent compte de la lecture sur les supports mobiles.
Comment adapter son e-mailing ?
Les Medias Queries, propriétés CSS3, ont été créés pour cibler les périphériques de destination en fonction de leurs capacités propres. Il suffit d’associer différentes déclarations possibles selon le support pour définir les conditions d’affichage.
Deux solutions :
– Déclarer des largeurs en CSS qui se redimensionnent automatiquement en fonction du périphériques de destination
– Insérer deux formats de newsletters dans votre code HTML et indiquer en CSS la version à afficher selon la largeur du support
Exemple avec la newsletter de Sarbacane Software :
La version 2 s’affiche seulement si la largeur est inférieur à 480 pixels
L’avantage pour le destinataire : la satisfaction de lire l’e-mailing facilement sur un support mobile
L’inconvénient pour l’expéditeur : maîtriser le code HTML
Prochainement, le Studio graphique de Sarbacane Software proposera cette alternative, l’occasion pour nos clients de répondre aux attentes de leurs destinataires.
7 commentaires
J GUITON
Il y a 9 ansBonjour,
RépondrePouvez-vous nous fournir le code de votre exemple dans les deux versions?
Anne-Sophie Dupire
Il y a 9 ansEn réponse à J GUITON :
RépondreBonjour,
nous ne fournissons pas le code utilisé pour notre e-mailing.
Si vous souhaitez comme nous envoyer un e-mailing lisible sur les différents supports, nous vous invitons à vous rapprocher du Studio, qui proposera cette fonctionnalité d'ici quelques jours.
Cordialement,
Anne-Sophie DUPIRE
clement
Il y a 9 ansJe trouve que le language utilisé par Sarbacane est trop technique. Je n'ai pas d'informaticien in-house et j'avoue que je rate certainement des choses intéressantes. Peut-être suis-je un peu dépassé par rapport à la moyenne de vos utilisateurs?!!
RépondreMerci!
Jean-Pol Clément
Anne-Sophie Dupire
Il y a 9 ansEn réponse à clement :
RépondreBonjour,
pour créer un e-mailing ou modifier le votre afin qu'il soit lisible sur les différents supports, nous vous invitons à vous rapprocher du Studio, qui proposera cette fonctionnalité d’ici quelques jours.
Cordialement,
Anne-Sophie DUPIRE
Jean-Bernard
Il y a 9 ansBonjour
RépondreCes informations sont bien intéressantes, mais je croyais que encore actuellement, la plus-part des lecteurs de mails sautaient le CSS et qu'il fallait structurer un maximum avec les tables.
Sarbacane peut-il fournir (facilement) des mails avec une structure OK pour tous?
Anne-Sophie Dupire
Il y a 9 ansEn réponse à Jean-Bernard :
RépondreBonjour,
les messageries sur mobile étant plus modernes prennent en compte les media queries.
Cordialement,
Anne-Sophie
Andrian
Il y a 9 ansEn réponse à Jean-Bernard (et d'autres qui se posent ces questions) :
Répondreles messageries ne lisent pas correctement les fichiers CSS lorsque ceux-ci sont déclarés par url (ex. )
Le CSS est pris en compte lorsque la déclaration se fait directement sur l'élement concerné, ex :
Vous n'êtes nullement obligés d'utiliser des tables; en revanche il faut déclarer les éléments HTML (comme les DIV ) avec "display:block"