Position : en haut, centré, en forme d’Arche ou de cheminé autour du site, sous le menu
Longueur maximale : 1 680 pixiels dont 1 360 pixels pour le texte (voir)
Hauteur : 1 208 pixels
Hauteur du header : 200 pixels
Longueur des côtés : 180 pixels
Type de fichier : JPG ou GIF(+ sources .PSD ou .AI)
Poids maximum du fichier : 200 Ko
Couleur de fond : code hexadécimal
Lien de redirection : 1 seul
Utilisez le gabarit .psd pour créer votre habillage (1 habillage = 1 seule image)
Interstitiel Web Desktop
Position : au centre en haut
Quand : avant d’accéder au site
Longueur : 990 pixels
Hauteur : 600 pixels
Image :
Type de fichier : JPG ou GIF
Poids maximum du fichier : 150 ko
Vidéo :
Format : 16/9
Type de fichier : MP4, WEBM ou VAST redirect
Poids maximum du fichier : 5 Mo
Durée maximale : 30 secondes
Lien de redirection : 1 seul
Interstitiel Web Mobile
Position : plein écran
Quand : avant d’accéder au site
Longueur : 640 pixels
Hauteur : 960 pixels
Image :
Type de fichier : JPG ou GIF
Poids maximum du fichier : 150 Ko
Durée maximale : 30 secondes
Lien de redirection : 1 seul
InRead
Position : au milieu du contenu
Longueur : 630 pixels
Hauteur : 355 pixels
Image :
Type de fichier : JPG, GIF ou responsive HTML5
Poids maximum du fichier : 150 ko
Vidéo :
Format : 16/9
Type de fichier : MP4, WEBM ou VAST redirect
Poids maximum du fichier : 5 Mo
Durée maximale : 30 secondes
Position : en haut à droite (sidebar)
Longueur : 300 pixels
Hauteur : 600 pixels
Type de fichier : JPG, GIF ou HTML5
Poids maximum du fichier : 100 ko
Lien de redirection : 1 seul Contraintes pour le HTML 5
Rectangle Moyen
Position : en bas à droite (sidebar)
Longueur : 300 pixels
Hauteur : 250 pixels
Type de fichier : JPG, GIF ou HTML5
Poids maximum du fichier : 50 ko
Lien de redirection : 1 seul Contraintes pour le HTML 5
Parallax
Position : au milieu du contenu
Longueur : 600 pixels
Hauteur : 900 pixels(dont 300 pixels affichés)
Type de fichier : JPG ou GIF
Poids maximum du fichier : 150 ko
Lien de redirection : 1 seul Contraintes pour le HTML 5
Interstitiel Smartphone
Position : plein écran
Quand : avant d’accéder au site
Longueur : 640 pixels
Hauteur : 960 pixels
Type de fichier : JPG ou GIF
Poids maximum du fichier : 150 Ko
Durée maximale : 10 secondes
Lien de redirection : 1 seul
Interstitiel Tablette
Position : plein écran
Quand : avant d’accéder au site
Longueur : 768 pixels
Hauteur : 1 024 pixels
Type de fichier : JPG ou GIF
Poids maximum du fichier : 200 Ko
Durée maximale : 10 secondes
Lien de redirection : 1 seul
Native Ads
Position : au milieu des listings de contenus
- 1 Logo de :
Longueur : 70 pixels
Hauteur : 70 pixels
Type de fichier : JPG ou GIF
Poids maximum du fichier : 50 ko
- 1 Titre de 30 caractères maximum
- 1 Description de 120 caractères maximum
- Lien de redirection : 1 seul
Bannière Smartphone
Position : en bas
Longueur : 640 pixels
Hauteur : 100 pixels
Type de fichier : JPG ou GIF
Poids maximum du fichier : 100 Ko
Lien de redirection : 1 seul
Bannière Tablette
Position : en bas
Longueur : 768 pixels
Hauteur : 90 pixels
Type de fichier : JPG ou GIF
Poids maximum du fichier : 100 Ko
Lien de redirection : 1 seul
E-mailings
Voici tous nos conseils pour éviter de passer en spam et afficher correctement votre mailing ?
FONDAMENTAUX (obligatoire):
Ne mettez jamais vos styles CSS dans une balise <style> (incompatible avec GMAIL, soit plus de 40% de nos lecteurs), utilisez du CSS Inline.
N’utilisez jamais les balises <p></p> ou <div></div> (incompatible avec OUTLOOK), privilégiez les tableaux <table>.
N'utilisez pas de margin/padding (incompatible avec OUTLOOK).
RESPONSIVE DESIGN :
60% de nos utilisateurs consultent leurs mails via mobile/tablette
Remplacez toutes les tailles absolues par des tailles relatives. width:100px; → max-width:100%;
width="100" → "max-width="100%"
Pour vos images, mettez l’attribut height="auto" ou height="auto".
Évitez de mettre une colonne de texte à côté d'une colonne d'image.
En effet, lors du redimensionnement, le texte cassera souvent la structure de votre mailing.
Astuce pour garder vos propotions sur OUTLOOK : <!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="font-family:Arial,Helvetica,sans-serif;">
<tr>
<td>
<![endif]-->
INSÉREZ VOTRE TABLEAU ICI
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
ÉVITER LE SPAM :
Remplissez l’attribut alt=" " et fournissez un texte alternatif pour toutes les balises <img>.
Ajoutez toujours l’attribut target="_blank" dans vos balises <a>.
Ne mettez pas de lien "image" sans son équivalent textuel (lien en dur).
Évitez de répéter un même lien plus de 5 fois.
Ne dépassez pas 200 caractères par ligne de code.
Vous devez obtenir un ratio code/texte le plus bas possible.
Pour les pro, optimisez, factorisez et indentez votre code.
NOS ASTUCES :
Mettez les attributs cellpadding="0", cellspacing="0" et border="0" dans vos balises <table>.
Si vous utilisez une balise <img> dans une balise <td>, rajoutez style="display:block" et border="0".
Évitez les générateurs des codes HTML.
Évitez de mettre des attributs dans une balise <tr>.
N’utilisez pas les attributs colspan et rawspan pour fusionner des lignes/colonnes, mais privilégiez des tableaux imbriqués.
Enregistrez vos images en .jpg/.gif compressés (70 % minimum) et évitez les noms de fichiers avec accents, majuscules ou caractères spéciaux.
Ne mettez pas d’image de fond, ni de texte sur des images ou des dégradés.
Dans une balise <td>, utilisez un espace insécable " " , une image d’1x1 pixel ou ajoutez une hauteur/largeur, pour conserver votre mise en page.
Mettez les liens le plus haut possible dans votre création.
Évitez la répétitions de ! ? € * % *, les espaces multiples entre les mots, LES MAJUSCULES ou ne commencez pas par un nombre.
Bannissez également les termes « spammy » comme "gratuit", "promotion", "gagnez", etc.
Changez d’objet pour vos relances.
Essayez d’introduire une notion d’urgence dans vos objets, par exemple avec des dates limites : « Journée portes ouvertes demain »
NOTRE ENTÊTE :
<a href="*|ARCHIVE|*" target="_blank">Consultez la version en ligne</a>
NOTRE PIED DE PAGE :
Information envoyée par digiSchool, numéro : 1297175 <br />
<a href="*|UNSUB|*" style="color:#01427a;" target="_blank">,Vous ne souhaitez plus recevoir d'e-mail de notre part</a>.