Fractal, pour tester le code de vos newsletters

Actualité par (Développeur/Intégrateur web, France voisine de Genève)
Créé le (27907 lectures)
Tags : css, xhtml, html, mail, e-mail, newsletter

Fractal est un outil qui permet de vérifier la compatibilité CSS de vos newsletters au format HTML sous 24 clients e-mails (desktop, webmails, mobile).

Il indique quelles parties peuvent se révéler problématiques. Par exemple, la propriété style="margin: 5px 0 0 14px;" a un support partiel dans Palm Treo (Win Mobile 6.5), et pas de support sous Lotus Notes 6 (desktop), Hotmail (web).

Fractal

Il suffit pour cela de copier-coller le code HTML dans la zone prévue à cet effet et d'admirer les résultats obtenus.

C'est un bon outil pour apprendre et se perfectionner, le rendu correct d'une newsletter au format HTML sous divers clients mail étant parfois une source abondante d'énervements car les moteurs de rendu sont encore plus variés (voire limités) que les navigateurs.

Source : http://getfractal.com/

Commentaires

spout a dit le

pile le jour ou je fait de la newsletter ^^

MissTical a dit le

Effectivement c'est vraiment bien pour apprendre à se perfectionner et connaître les styles à éviter. Pour ma part, à part des font-family et font-size non prises en compte sur des mobiles, aucune remarque.

Je rêverai d'une plateforme gratuite pour tester l'affichage des news sur de nombreux lecteurs de mails. Le souci est que ça existe mais que c'est payant et plutôt cher. (ou alors si ce que je recherche existe, je veux bien le lien ;) )

strategio a dit le

Les applications de ce genre sont toujours bonnes à connaître.
Et hop dans les favoris !

mecho a dit le

Très intéressant !
Il existe aussi un guide pour le support des CSS dans 24 Webmail et clients de messagerie : http://www.campaignmonitor.com/css

doc mcfly a dit le

On fait encore des Newsletters ? Pratique pour moi pour mes mails automatisés (récupération MDP...)

Savageman a dit le

Le résumé est quand même très limite. Il donne vraiment très peu d'informations et ne recense que les bases.
D'autres outils (payants) ont des rapports similaires mais beaucoup, beaucoup, plus détaillés.
Mais c'est quand même sympa car c'est gratuit !

atomestudio a dit le

Et pour adopter du coup une structure de code HTML permettant de réaliser des emails compatibles avec les différents clients Email existants on peut regarder du coup Email Boilerplate : http://htmlemailboilerplate.com

oncle-charly a dit le

Bonjour à tous et merci de partager vos savoirs.
Ma question : existe-t-il un tutorial (en français) quelque part sur le web pour créer des mails aux formats HTML et CSS valides ? Je n'ai que la pratique (envoie d'une newsletter en HTML) mais pas la théorie (création). J’utilise Notepad++ et le format Mime me laisse perplexe. Merci.

bobi a dit le

J'avais envoyé un mail de feedback à Fractal pour leur suggérer
- des suggestions plus détaillées
- la possibilité de voir des tutoriels de bonnes pratique
ET
- le fait de voir le rendu dans les différents clients mails testés.

J'ai eu la bonne surprise d'avoir une réponse d'un membre de l'équipe me disant que ces fonctionnalités sont dans les tuyaux pour une beta très proche. Second point positif, il m'a inscrit dans les beta-testers. J'en profiterai pour vous donner des news fraiche sur le sujet.

Hope a dit le

Vraiment pas mal ! Merci !

mcb a dit le

Gratuit, intéressant, mais je ne suis pas sure que cela soit vraiment fiable.
D'après eux le seul problème de ma newsletter était une propriété "border" non supporté par les blackberry.
J'ai donc fait un "vrai" test, en envoyant la newsletter sur différentes adresses, dont une a été vue sur un blackberry.
Catastrophe : les images d'arrière-plan (en html) ne se sont pas affichées, quand on a demandé les images, les tableaux partaient dans tous les sens ...
Je signale aussi un autre site (payant ou gratuit pour 3 tests de clients mail) qui en plus explique ou sont les "erreurs" en détaillant les endroits.
http://www.emailonacid.com

Abs a dit le

Je suis désolé si le ci-dessous n'est pas clair, mais j'ai utilisé Google translate pour traduire vers le français!

MCB - vous devez comprendre qu'il s'agit d'un validateur comme le validateur HTML du W3C. Il vous dira ce qui est valide ou non valide, mais il ne sera pas dire que tout apparaîtra comme il se doit dans les clients de messagerie. Beaucoup de choses différentes et des conflits peuvent faire en sorte que votre conception n'apparaîtra pas de la manière dont vous le souhaitez.

Par exemple, dans le validateur du W3C, si vous utilisez des floats, il validera mais il ne va pas garantir que ceux-ci vont travailler comme vous le désirez.

Tiwill a dit le

Merci pour Fractal et vos liens.
J'ai eu à faire des Newsletters récemment et ça a été un peu la bataille pour faire en sorte que ça passe partout sur les clients mail. Ça sera bien utile.

mcb a dit le

@Abs :
Merci de cette précision.
Ce qui m'a induit en erreur est cette phrase :
"le rendu correct d'une newsletter au format HTML sous divers clients "
pour moi cela voulait bien dire "rendu" donc aspect et non validation.
Comme vous dites, on peut avoir un code valide et un rendu dans les navigateurs très différents de ce que l'on espérait.

mcb a dit le

@Abs :
Merci de cette précision.
Ce qui m'a induit en erreur est cette phrase :
"le rendu correct d'une newsletter au format HTML sous divers clients "
pour moi cela voulait bien dire "rendu" donc aspect et non validation.
Comme vous dites, on peut avoir un code valide et un rendu dans les navigateurs très différents de ce que l'on espérait.