FR   |   EN










Nos spécifications

Habillage Web Desktop

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

Lien de redirection : 1 seul
Contraintes pour le HTML 5

Grand Angle


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 ?
    1. 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).

    2. RESPONSIVE DESIGN :

    3. 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]-->

    4. É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.

    5. 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.

      • Pour vous aider :
        Listes des éléments compatibles par client mail.
        Pour transformer votre CSS d'une balise <style> en CSS Inline.

    6. L'OBJET :
      • É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 »

    7. NOTRE ENTÊTE :
      • <a href="*|ARCHIVE|*" target="_blank">Consultez la version en ligne</a>

    8. 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>.



    Générateur de liens trackés (UTM)


    Copiez votre lien de redirection ici : 
    Type de campagne :
    Sites ou Applications :
    Nom de votre campagne :
    Date de mise en ligne
    (dd/mm/YY) :

    Votre URL est :


    Contact