Créer un template email HTML pour Resend
Un HTML à passer tel quel au paramètre html de Resend.
Créer mon template pour ResendResend envoie le HTML que votre application lui transmet, via son API ou son SDK. Il n'y a rien à importer : le HTML exporté de MailBuildr devient la valeur du paramètre html. La personnalisation se fait dans votre code, avant l'appel.
MailBuildr n'est pas connecté à Resend : il produit un fichier HTML, construit en tableaux avec du CSS inline, que vous copiez ou téléchargez. C'est ce format qui s'affiche de façon fiable dans Gmail, Outlook et sur mobile, quel que soit l'outil qui envoie.
Exemple de balise de personnalisation Resend : {{prenom}} · Site officiel de Resend ↗
De l'éditeur à Resend en 4 étapes
Construisez l'email
Composez votre email dans l'éditeur.
Téléchargez le HTML
Téléchargez le fichier .html et ajoutez-le à votre projet.
Remplacez vos variables
Dans votre code, remplacez les variables par les données du destinataire.
Envoyez
Appelez resend.emails.send avec from, to, subject et le HTML obtenu.
Ce qu'il faut savoir avec Resend
- HTML autonome, sans dépendance : il se stocke comme un simple fichier.
- Compatible avec n'importe quel langage : c'est une chaîne de caractères.
- Une alternative aux composants React Email quand le template vient d'un designer.
- Pas de connecteur : aucun envoi n'est déclenché depuis MailBuildr.
Tester avant d'importer dans Resend
Avant de coller votre HTML dans Resend, vérifiez-le : le simulateur d'email l'affiche dans une boîte Gmail ou Outlook, sur ordinateur et mobile, et le vérificateur de compatibilité signale le CSS mal supporté. Si votre HTML vient d'ailleurs et que ses styles disparaissent à la réception, lisez pourquoi il faut inliner le CSS.
Questions fréquentes sur Resend
Faut-il utiliser React Email avec Resend ?
Non. Resend accepte aussi bien un composant React qu'une chaîne HTML. Un HTML exporté de MailBuildr se passe directement au paramètre html.
Comment remplacer les variables ?
Resend ne fait pas de substitution dans le HTML : c'est à votre code de remplacer {{prenom}} par la valeur du destinataire avant l'envoi.
Préparez votre email pour Resend
Plan gratuit · Sans carte bancaire