Académique Documents
Professionnel Documents
Culture Documents
⁃ 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 + maxwidth, minwidth, maxheight et minheight).
⁃ 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 textalign=«left» sur les p (certaines boites mails aligne au centre si rien de
précisé)
⁃ + http://guides.actito.be/Email_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 celleci 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
⁃ email : 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 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 à lire cet email, <a style="COLOR: #A7A7A7"
href="">cliquez ici</a></font>
</div>
NLfooter:
<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 hier</a>
</div>
FRfooter:
<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 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 à lire cet e-mail, <a
href="$webVersion" style="color:#A7A7A7;" target="_blank"> cliquez ici</a>.</div>
</td>
FRfooter:
<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 été envoyé à <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é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é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>
NLfooter:
<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ë, <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>