Collez le code HTML de votre email et voyez-le s'afficher en direct dans une boîte de réception, en largeur ordinateur ou mobile. Gratuit, sans inscription : rien n'est envoyé ni enregistré.
Un email cassé à réparer ?
Dans MailBuildr, reconstruisez-le en blocs : le HTML exporté est en tableaux et CSS inline, et vous pouvez vous envoyer un email de test avant la vraie campagne.
À quoi sert un simulateur d'email ?
Un email HTML ne s'affiche pas comme une page web. Chaque messagerie l'insère dans sa propre interface, réduit sa largeur, et applique ses propres règles au code. Un test dans le navigateur, fichier ouvert en plein écran, ne dit donc pas grand-chose de ce que verra le destinataire.
Ce simulateur replace votre email dans son contexte réel : une colonne de lecture étroite, entourée de l'interface de Gmail ou d'Outlook, ou l'écran d'un téléphone. C'est le moyen le plus rapide de repérer une mise en page qui casse, avant même d'envoyer un email de test.
Pour une méthode complète, lisez notre guide tester un email HTML avant l'envoi. Si vos styles disparaissent une fois l'email reçu, le problème vient souvent du CSS qui n'est pas inline.
Ce que montre l'aperçu, et ses limites
Ce que l'outil fait
- Affiche votre HTML dans une interface Gmail (web) ou Outlook (bureau).
- Bascule en largeur mobile de 375 px, où vos media queries s'appliquent.
- Se met à jour à chaque modification du code.
- Fonctionne entièrement dans votre navigateur, sans envoi de données.
Ce qu'il ne fait pas
- Reproduire le moteur Word d'Outlook pour Windows.
- Appliquer le filtrage CSS réel de chaque messagerie.
- Simuler le mode sombre ou le blocage des images.
- Envoyer un email de test vers une vraie boîte.
Questions fréquentes sur le simulateur d'email
Le simulateur d'email est-il gratuit ?
Oui. L'outil est gratuit, sans inscription et sans limite d'utilisation. Votre code est affiché dans votre navigateur : il n'est ni envoyé à nos serveurs, ni enregistré.
Comment tester un email HTML avant de l'envoyer ?
Collez le code HTML complet de votre email dans l'éditeur de gauche. L'aperçu se met à jour à chaque modification. Passez de Gmail à Outlook, puis de la vue ordinateur à la vue mobile, pour repérer un texte qui déborde, une image trop large ou des colonnes qui ne s'empilent pas.
L'aperçu est-il identique à ce que verra mon destinataire ?
Non, pas exactement. L'aperçu est rendu par le moteur de votre navigateur, dans une interface qui imite Gmail ou Outlook. Il montre fidèlement la structure, les couleurs et le comportement responsive, mais il ne reproduit ni le moteur Word d'Outlook pour Windows, ni le filtrage CSS propre à chaque messagerie. Pour ces points, complétez avec le vérificateur de compatibilité et un envoi de test réel.
Comment voir le rendu de mon email sur mobile ?
Cliquez sur « Mobile » dans la barre de l'outil : l'email est affiché dans un cadre de 375 pixels de large, la largeur d'un smartphone courant. Les media queries de votre email s'appliquent comme sur un téléphone.
Pourquoi mon email s'affiche bien ici mais mal dans Outlook ?
Outlook pour Windows utilise le moteur de rendu de Word, qui ignore flexbox, grid, les images de fond CSS et une partie des marges. Un email construit en tableaux, avec des largeurs fixes et du CSS inline, y résiste beaucoup mieux. Le vérificateur de compatibilité liste les propriétés à risque dans votre code.
Puis-je envoyer un email de test depuis le simulateur ?
Pas depuis cet outil gratuit, qui ne fait que de l'aperçu. L'envoi d'un email de test vers votre propre adresse est disponible dans l'éditeur MailBuildr, après création d'un compte gratuit.
Pour aller plus loin
HTML email editor : l'éditeur d'email HTML par blocs
Construisez un email en glisser-déposer (titre, texte, image, bouton) et récupérez un HTML en tableaux et CSS inline, prêt pour Gmail et Outlook. Démo sans inscription.
CSS inliner pour email
Collez un HTML avec une balise <style> : l'outil recopie chaque règle CSS dans l'attribut style des éléments concernés et conserve les media queries.
Vérificateur de compatibilité email
Analyse le code de votre email et signale les balises et propriétés CSS mal supportées par Gmail, Outlook, Apple Mail et Yahoo.
Analyse anti-spam du contenu
Repère dans votre HTML les signaux qui alertent les filtres : mots à risque, ratio texte/image, liens raccourcis, poids, lien de désinscription absent.
Tester un email HTML avant l'envoi
La méthode complète : Outlook, Gmail, mobile, puis envoi de test.
Exporter et envoyer un email
Copier le HTML, le télécharger ou s'envoyer un test depuis l'éditeur.
Comment ça marche
Collez votre code HTML
Remplacez l'exemple par le code complet de votre email, export d'un outil d'emailing, template codé à la main ou HTML généré par une IA.
Choisissez la messagerie et la largeur
Basculez entre Gmail et Outlook, puis entre la vue ordinateur et la vue mobile de 375 pixels. L'aperçu se recalcule à chaque frappe.
Corrigez directement dans l'éditeur
Modifiez une largeur, une couleur ou un texte et observez le résultat immédiatement. Copiez ensuite le HTML corrigé en un clic.