Proposer une option de prévisualisation dans le navigateur permet à vos destinataires de consulter votre email directement dans un navigateur web. Cela améliore l’accessibilité lorsque le client email rencontre des difficultés à charger la mise en page ou bloque les images. Dans cet article, vous découvrirez comment ajouter un lien vers la version en ligne de vos emails à l’aide d’un bout de code HTML dédié.
Suivez ces étapes pour insérer le lien “Afficher dans le navigateur” au sein de votre message.
Ouvrez le message que vous souhaitez modifier dans l'éditeur d'email. Vous pouvez y accéder depuis une campagne existante ou en allant dans Studio → Modèles → Mes modèles.
Choisissez l’emplacement où le lien “Afficher dans le navigateur” doit apparaître dans votre modèle d’email. Glissez & déposez le module “HTML” à cet endroit.
Collez l’extrait HTML suivant dans le module de code :
<a id="UE_browser_preview">View in browser</a>Vous pouvez bien sûr adapter le style pour qu’il s’intègre à votre design. Pensez aussi à ajouter un court texte explicatif, par exemple :
“Si cet email ne s’affiche pas correctement, suivez ce lien.”
Enregistrez le message pour appliquer les modifications.
Assurer un rendu similaire sur tous les appareils et clients
Les clients email comme Outlook ou Gmail peuvent afficher les emails HTML différemment, notamment lorsque des images, des polices ou des mises en page complexes sont utilisées. La prévisualisation dans le navigateur permet de préserver la mise en page et l’identité visuelle en ouvrant le message dans un environnement web standard.
Contourner les restrictions de sécurité et les pare-feu
En B2B, les paramètres de sécurité des entreprises bloquent fréquemment les images ou les ressources externes. Le lien vers la version en ligne permet à vos contacts de profiter de l'intégralité de votre message sans ces contraintes techniques.