Je veux qu’en horizontal, on réduise la taille à 80 % de la dimension dispo, ce qui fait que quel que soit l’appareil sur lequel on va regarder et la configuration, ce sera toujours 80 %. Bonjour à tous, j’espère que vous allez merveilleusement bien. Aujourd’hui, un tip sur comment s’assurer que les images dans les e-mails apparaissent correctement, quel que soit le device sur lequel on regarde, et comment on s’évite la honte en testant une dernière fois ces images. Je suis Sylvain Davril, fondateur de Merlin/Léonard, et certainement le Léonard de l'équipe, et c’est un nouveau Marketo Tip. Aujourd’hui, on va voir comment insérer correctement une image dans son e-mail. Par exemple, pour un call to action : soit vous avez un modèle d’e-mail qui contient un module call to action, comme j’ai ici, qui fait tout le boulot et qui s’assure que le rendu est correct sur tous les appareils, quelle que soit la dimension, soit, comme je l’avais au début, vous avez ce type d’e-mail, où je n’avais pas encore de module call to action, donc j’ai mis ici un bloc texte dans lequel j’ai inséré une image. Ça nous arrive tous d’insérer des images dans un bloc texte. Ici, vous savez que vous pouvez insérer une image Marketo. Mon image fait 600x100. Si j’enlève les dimensions ici et que je sauvegarde, on va voir la dimension naturelle de l’image, 600x100. Si je l’insère tel quel, on voit que ça dépasse. Quand on est en preview ici, que ce soit en desktop ou surtout en mobile, ça ne va pas du tout. On voit que ça dépasse et quand une image dépasse, le texte des blocs contigus a tendance aussi à dépasser, donc ça fait un e-mail vraiment très moche. Et on a l’ascenseur dans le scroll horizontal, ce qui est vraiment horrible. On ne veut pas ça. Ce qu'on va faire, c'est qu'on va utiliser, sur cette image, un pourcentage et dire : "Je veux qu’en horizontal, on réduise la taille à 80 % de la dimension dispo", ce qui fait que quel que soit l’appareil sur lequel on va regarder et la configuration, ce sera toujours 80 % de l’écran. Si on est en preview, on va voir que ça passe beaucoup mieux. Ici, on n’a plus le scroll horizontal, donc c’est plus agréable à lire. On a notre image qui apparaît correctement dans les deux cas. C’est le premier tip : n’hésitez pas à mettre un pourcentage à chaque fois que vous mettez une image pour garantir que ça ne va pas poser un problème sur mobile. Deuxième tip, qui m’aurait été bien utile si je l’avais respecté, c’est de toujours envoyer un dernier test une fois que vous avez sauvegardé. Ce que je vais faire, c’est que je vais approuver mon e-mail - il va apparaître en vert ici. Une fois que mon e-mail est approuvé ici, je peux renvoyer un sample, un échantillon, un exemple pour vérifier que la modification a vraiment été prise en compte. C’est vraiment un tip précieux parce que parfois, on pense sauvegarder et je ne sais pas ce qui se passe, il se peut que votre modification n’ait pas été prise en compte, ce qui m’est arrivé, et vous envoyiez un e-mail erroné, moche, et qui va vous apporter la honte. Premier tip, les pourcentages dans les images. Deuxième tip, une fois que l’e-mail est validé, surtout quand on fait un nurturing avec beaucoup d’e-mails, n’hésitez pas à vous envoyer un dernier échantillon pour être sûr que c’est correct. À très vite !