Mails

⁃ Sur les images, mettre un alt, une dimension, un display block (en css) et un border=«0» 
(les dimensions et border en html + en css en ligne).
⁃ Mettre une couleur de background sur le body
⁃ Ne pas mettre de dimensions sur l'image header (de cette manière, sur certains lecteurs 
mails, lorsque les images ne s'affichent pas, l'image du header ne prendra pas la 
place qui lui serait réservée si des dimensions avaient été précisées.)
⁃ Donner des dimensions aux table & td, jamais aux tr (les dimensions et html + en css en 
ligne + max­width, min­width, max­height et min­height).
⁃ Pour les mails Recrutement, toutes les images sont cliquables, le lien est le même sur 
toutes les images sauf autres infos.
⁃ Sur les liens > target=«_blank»
⁃ Les liens sur les mails recrutement permettent de pré­remplir certains champs du 
formulaire de contact sur les actions + utm, les devs fournissent ces liens > les 
copier/coller dans le href=
⁃ Ajouter un text­align=«left» sur les p (certaines boites mails aligne au centre si rien de 
précisé)
⁃ + http://guides.actito.be/E­mail_HTML/Table_des_matieres 

Types de mail (à faire en FR et en NL) :

⁃ Recrutement (inviter les gens à s’inscrire)
⁃ Reflex (mail envoyé automatiquement à une personne lorsque celle­ci s'est inscrite 
pour lui confirmer son inscription.)
⁃ Statut (mail envoyé pour pour préciser le niveau d'avancement de la personne inscrite,
ex : «depuis le 16 avril vous avez déjà acheté 5 paquets de Marlbo,...)
⁃ Relance (mail de « recrutement » pendant l'action.)
⁃ Cash out (mail de fin d’action)

Conseils : 

⁃ Utilisation des <br /> pose problème sur certaines mail. L'utilisation de <br> est ok
⁃ Utiliser la balise <b> pour mettre en gras et <i> pour italique
⁃ Dans le reflex ne pas mettre les liens pour se désinscrire
⁃ Mettre les dimensions dans les TD

Test Litmus :

⁃ Laisser tomber les résultats sur Lotus Note  et Blackberry
⁃ e­mail : info@sonice.be / pass : Son!ce80

Selligent (Touch)
Variables Selligent
• ~CRF.FIRSTNAME~, = Prénom
•
Web version NL:
<div id="MASECTION" contenteditable="true"
MACONSTRAINT="SYSTEM.MAIL=1" MAHIDEDIV="TRUE"
MASHOWALLLANGUAGES="FALSE">
<font class="textmobile" color="#28221e"
style="FONT-SIZE: 12px; COLOR: #28221e; font-family:helvetica, arial,
sans-serif;"><span style="color:#d1eaf9">texte invisible</span><br> Als je
deze e-mail niet kan lezen, <a style="COLOR: #28221e"
href="~PROBE(0)~">klik&nbsp;hier</a></font><br />
<br />
</div>

Web version FR:
<div id="MASECTION" contenteditable="true"
MACONSTRAINT="SYSTEM.MAIL=1" MAHIDEDIV="TRUE"
MASHOWALLLANGUAGES="FALSE">
<font class="textmobile" style="FONT-SIZE: 12px;
color: #A7A7A7; font-family:helvetica, arial, sans-serif;"><span
style="color:#f9f9f9; font-size: 0">TEXT INVISIBLE </span><br> Si vous
n'arrivez pas &agrave; lire cet email, <a style="COLOR: #A7A7A7"
href="">cliquez &nbsp; ici</a></font>
</div>
NL­footer:
<div class="textmobile" style="text-align:center;color:#A7A7A7;font-
family:arial;font-size:12px;">
Indien u geen e-mails meer wenst te ontvangen, <a href=""
style="color:#A7A7A7>klik &nbsp; hier</a>
</div>

FR­footer:
<div class="textmobile" style="text-align:center;color:#A7A7A7;font-
family:arial;font-size:12px;">
Si vous ne souhaitez plus recevoir d’e-mails, <a href=""
style="color:#A7A7A7" >cliquez &nbsp; ici</a>
</div>

Actito (mail recrutement)

Variables Actito
• FR : $genderTest $firstName, = Salutation + prénom
 • NL : Beste $firstName, = prénom

Web version NL:
<td align="center" style="padding: 15px 10px">
<div class="textmobile" style="text-align:center;color: #A7A7A7; font-family:arial;font-size:12px;"><span
style="color:#f9f9f9; font-size: 0">TEXTE INVISIBLE </span><br>Als je deze e-mail niet kan lezen, <a
href="$webVersion" style="color:#A7A7A7;" target="_blank"> klik hier</a>.</div>
</td>

Web version FR:
<td align="center" style="padding: 15px 10px">
<div class="textmobile" style="text-align:center;color: #A7A7A7; font-family:arial;font-size:12px;"><span
style="color:#f9f9f9; font-size: 0"></span><br>Si vous n'arrivez pas &agrave; lire cet e-mail, <a
href="$webVersion" style="color:#A7A7A7;" target="_blank"> cliquez ici</a>.</div>
</td>

FR­footer:
<td align="center" style="padding: 15px 30px">
<div class="textmobile" style="text-align:center; color:#A7A7A7; font-family:helvetica, arial, sans-serif; font-
size:11px; line-height: 20px">
Cet e-mail a &eacute;t&eacute; envoy&eacute; &agrave; <a href="mailto:${emailAddress}"
style="color: #A7A7A7; text-decoration: none;">${emailAddress}</a>, par <a href="mailto:no-
reply@newsletters.carrefour.eu" style="color: #A7A7A7; text-decoration: none;">no-
reply@newsletters.carrefour.eu</a><br />
Si vous ne d&eacute;sirez plus recevoir d'offres partenaires de Carrefour Belgique, <a href="${unsubscribe}"
target="_blank" style="color: #0289cd; text-decoration: underline;">cliquez ici</a><br />
<a href="http://be.carrefour.eu/privacy.cfm?lang=fr&zn=17b" target="_blank" style="color: #0289cd; text-
decoration: underline;">Protection de la vie priv&eacute;e</a><br />
Vous ne voulez rater aucun e-mail de Carrefour ?<br />
Copiez <a href="mailto:no-reply@newsletters.carrefour.eu" style="color: #0289cd; text-decoration: none;">no-
reply@newsletters.carrefour.eu</a> dans votre carnet d'adresses.
</div>
</td>
                           

NL­footer:
<td align="center" style="padding: 15px 30px">
<div class="textmobile" style="text-align:center; color:#A7A7A7; font-family:helvetica, arial, sans-serif; font-
size:11px; line-height: 20px">
Deze e-mail werd verstuurd naar <a href="mailto:${emailAddress}" style="color: #A7A7A7;
text-decoration: none;">${emailAddress}</a>, door <a href="mailto:no-reply@newsletters.carrefour.eu"
style="color: #A7A7A7; text-decoration: none;">no-reply@newsletters.carrefour.eu</a><br />
Indien je geen e-mails meer wenst te ontvangen over aanbiedingen van partners van Carrefour
Belgi&euml;, <a href="${unsubscribe}" target="_blank" style="color: #0289cd; text-decoration: underline;">klik
hier</a><br />
<a href="http://be.carrefour.eu/privacy.cfm?lang=nl&zn=17b" target="_blank" style="color: #0289cd;
text-decoration: underline;">Bescherming van de persoonlijke levenssfeer</a><br />
Wil je geen enkele e-mail van Carrefour missen?<br />
Kopieer <a href="mailto:no-reply@newsletters.carrefour.eu" style="color: #0289cd; text-decoration:
none;">no-reply@newsletters.carrefour.eu</a> naar jouw adressenlijst.

</div>
</td>