Les créations sont à mille lieues des newsletters souvent très graphiques utilisées par tous les marchands et sont visiblement efficaces puisque le phénomène ne cesse pas. Petite revue…

La 100% image

La mise en page est très simple : le nom du produit, une photo, un petit descriptif et le prix bien en évidence. L’adresse du site sur lequel acheter est bien visible, au cas où les liens seraient désactivés par le lecteur d’email.

La mixte images + texte + html

Cet exemple a prévu une version miroir si l’image ne s’affiche pas. Après un petit mot de bienvenue, les produits sont nommés et joliment présentés grâce à effet d’ombre et reflet. La création n’oublie pas d’indiquer les moyens de paiement disponibles et de donner un lien pour en savoir plus sur l’offre, puis remercie de destinataire qui aura lu jusqu’en bas.

La 100% texte

Un petit texte d’encouragement bien trempé (je vous incite à le lire, c’est presque sportif) et un lien. Ici le message insiste sur les effets induits avec une vision sociale plutôt que sur le produit. Efficace !

Que pensez-vous de la collection ci-dessous ? Est-ce que cela vous donne des idées ? Qu’en dit Olivier qui n’a pas étudié cela dans son étude sur les newsletters de sites e-commerce ?

Nocibé (www.nocibe.fr)

Chez ce parfumeur, le bouton d’ajout au panier est remplacé par un bouton qui propose de « Recevoir un email lorsque cet article est disponible« . Le clic sur ce bouton ouvre une fenêtre pop-up avec un champ de saisie de l’adresse email.

A lire sur eCommerce404 :

• Idée pour les produits indisponibles
  

A lire ailleurs sur Internet :

• Gérer l’absence temporaire de vos produits, par Buzinessman, qui parle des informations à donner à ses clients en cas d’indisponibilité et de la façon d’afficher les produits sur le site.

Le cas du produit indisponible

Dans l’exemple ci-dessous, en plus d’indiquer que le produit sera bientôt de retour, l’internaute peut laisser son email pour recevoir une alerte lorsque que le produit sera de nouveau en vente.

Les avantages pour le marchand

Pour le marchand, une interface très simple comme celle-ci permet :

• D’être alerté sur des produits indisponibles ET recherchés,
• De constituer une base email qualifiée,
• D’estimer le nombre d’unités du produit à réapprovisionner,
• De montrer à ses visiteurs qu’il est à l’écoute.

Je suis étonné de voir peu de sites proposer un tel formulaire. Les meilleurs donnent une date de disponibilité mais beaucoup d’autres se contentent d’indiquer « non disponible » sans plus d’informations.

Que faites-vous sur vos sites ou pour vos clients ?

J’ai refait un tour des webmails afin de connaître le nombre de caractères utilisables avec une résolution standard de 1024×768.

Longueur du sujet maximale

• La Poste : 45 caractères
• Gmail :77 caractères
• Yahoo Mail : 36 caractères
• Hotmail/Live Mail : 60 caractères
• Orange : 28/30 caractères

Le besoin d’un expéditeur bien identifié

Comme le sujet de l’email peut être raccourci, le nom de l’expéditeur est primordial. Par exemple, si l’expéditeur du message « Essayez GRATUITEMENT et sans e… » n’était pas « Citroën« , il faudrait jouer aux devinettes pour connaître le thème du message.

Cette information est rarement tronquée sauf exceptions comme « Complicio de monabanq par Clic…« . Voici le nombre de caractères utilisables pour l’expéditeur.

• La Poste : 21 caractères
• Gmail : 30 caractères
• Yahoo Mail : 24 caractères
• Hotmail/Live Mail : 30 caractères
• Orange : 30 caractères

L’importance des premiers caractères

Ce conseil est un classique de la conception web : « le plus important est au début« . Lors de la préparation d’une newsletter, les informations principales décrivant le contenu de la lettre doivent se trouver dans les 30 premiers caractères du sujet et il faut éviter de dépasser 20 caractères pour que l’expéditeur soit bien identifiable.

J’ai mesuré la largeur de plusieurs newsletters reçues ces derniers jours de différents marchands ou guides d’achat connus (à quelques pixels près). La différence de taille est très importante entre la plus large (Ebuyclub) et la moins large (La Camif), environ 195 pixels.

• Boulanger : 700px
• Pixmania : 600px
• Ebuyclub : 785px
• Sarenza : 670px
• Kiabi : 605px
• La Maison de Valérie : 730px
• La Camif : 590px et 715px
• Rue du Commerce : 630px et 660px
• Maximiles : 640px
• La Redoute : 600px et 700px

Largeur idéale : 580 à 620 pixels ?

La société Mail Performance (avec qui je travaille pour de grosses bases) conseille de ne pas dépasser 580 pixels de large pour être assuré que la newsletter sera lue sans nécessité de scroller sur une majorité de logiciels/webmails et selon les résolutions d’écrans les plus communes.

La largeur utilisable sur les principaux webmails

Pour prolonger cette petite enquête, voici la largeur disponible sur différents webmails parmi les connus et utilisés en France avec comme base un écran configuré avec une résolution 1024×768 :

• La Poste : 750px (auparavant 580px)
• Gmail : 570px
• Yahoo Mail : 620px (et 780px sans la colonne pub par défaut)
• Hotmail/Live Mail : 770px
• Orange : 780px

Mesurer et évoluer

Il faut suivre l’évolution des webmails, logiciels et des résolutions des écrans utilisés par ses visiteurs pour adapter les créas. S’il n’est toutefois pas possible d’éviter un scrolling horizontal, il vaut mieux éviter d’afficher les informations les plus importantes dans l’espace de droite qui dépasse la taille de 600 pixels.

A lire ailleurs sur Internet :

• Quelle largeur pour ma newsletter HTML ? par Nicolas Pittet
• How wide should an HTML email newsletter be ? par Christopher Knight qui conseille de ne pas dépasser 620 pixels de large