Fichier HTML

La mailwave doit être livrée en format HTML.

Sujet du mail

Le sujet du mail doit être mentionné dans le <­title­> tag du mailing HTML.

Délai de livraison

Nous souhaitons recevoir de préférence le HTML 3 jours ouvrables avant sa date de diffusion.

Format

Largeur: 600 pixels (max. 650 pixels)

Mailing centré

En plaçant le mailing dans un table avec un width="100%" et align="center" sur le <­td­>.

La couleur de fond éventuelle peut être ici donnée via l'attribut style="background-color:#...".

Resolve Hotmail issues

Prévoyez le code ci-dessous dans le mailing afin d'optimaliser son rendu pour les clients Hotmail.

<­style type="text/css"­>
  .ReadMsgBody{width:100%;}
  .ExternalClass{width:100%;}
<­/style ­>

Texte lisible

Faites en sorte que le texte soit lisible dans sa version finale. Un texte blanc sur un arrière-plan blanc activera les filtres anti-SPAM et donnera un résultat négatif au mailing.

Fonctionnement des hyperlinks

Tous les hyperlinks utilisés doivent référer à des adresses absolues avec target="_blank"

Pas de style-sheets

La mise en page d'un mailing par l'utilisation de CSS-classes n'est pas recommandée, car celle-ci ne fonctionnera pas chez la plupart des e-mails clients (exception faite de l'Hotmail-fix).

Utilisez des inline-styles

Une mise en page avec des inline-styles est recommandée.

Exemple:
<­p style="font-size:14px;"­>test<­/p­>

Pas d'attributes dans le <­BODY­>

La plupart des e-mails clients nieront les attributs du <­BODY­>.

Utilisez des tables au lieu des DIV's

Les DIV's sont incorrectement rendus chez un grand nombre d'e-mails clients. C'est pour cette raison que nous vous conseillons l'utilisation de tables. Merci d'utiliser des nested tables au lieu de col- et rowspans.

Pas de javascript

Champs absolus

Seuls les champs absolus sont permis à l'intérieur des mailings.

Exemple:
<­img src="http://www.test.be/mailings/test.jpg" width="200" height="100" alt="test" style="display:block;" /­>

Pas de resizing et image-maps

La modification de la taille des images n'est pas autorisée dans le code HTML. L'utilisation d'image-maps n'est pas non plus autorisée.

Attributs obligatoires à le tag <­img­>

• alt="..."
• width="..."
• height="..."
• style="display:block;"

Pas de background-images

L'utilisation de background-images n'est pas autorisée.

Polices de caractères

N'utilisez que les polices les plus courantes, comme:

• Arial
• Trebuchet MS
• Tahoma
• Times New Roman
• ...

Plus des polices

Vous pouvez retrouver les autres fonts possibles sur:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html