{"id":13387,"date":"2025-05-15T00:00:00","date_gmt":"2025-05-15T00:00:00","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/"},"modified":"2026-06-15T10:51:48","modified_gmt":"2026-06-15T10:51:48","slug":"comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/","title":{"rendered":"Cr\u00e9er des sc\u00e9narios d&#8217;emails transactionnels pour les confirmations de commande avec l&rsquo;API de Mailgun"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Contrairement aux emails de marketing, les emails transactionnels (tels que les confirmations de commande, les notifications d&rsquo;exp\u00e9dition et les r\u00e9initialisations de mot de passe) sont d\u00e9clench\u00e9s par des actions sp\u00e9cifiques des utilisatrices et fournissent des mises \u00e0 jour en temps r\u00e9el sur leurs interactions avec votre plateforme. Ils aident \u00e0 instaurer la confiance, \u00e0 r\u00e9duire les questions adress\u00e9es au support et \u00e0 offrir une exp\u00e9rience d&rsquo;achat fluide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les confirmations de commande sont particuli\u00e8rement importantes, car elles permettent \u00e0 vos clients de savoir que leur achat a r\u00e9ussi et fournissent \u00e0 l&rsquo;utilisatrice un enregistrement des d\u00e9tails de la transaction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans ce tutoriel, vous apprendrez \u00e0 cr\u00e9er un sc\u00e9nario d&#8217;email transactionnel pour les confirmations de commande \u00e0 l&rsquo;aide de l&rsquo;API de Mailgun.<\/p>\n\n\n\r\n    <nav data-content-type=\"longform\" class=\"toc-block longform-spacings px-5 py-6 px-md-6 px-lg-7 py-md-7 bg-light fs-sm rounded-lg\" aria-labelledby=\"toc-title-3660\"><p class=\"h5 m-0\" id=\"toc-title-3660\">Table of contents<\/p><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">01<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#mettre-en-oeuvre-des-scenarios-demails-transactionnels-pour-les-confirmations-de-commande\">Mettre en \u0153uvre des sc\u00e9narios d&#8217;emails transactionnels pour les confirmations de commande<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">02<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#linterface-de-lapplication\">L&rsquo;interface de l&rsquo;application<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">03<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#configuration-de-la-connexion-mailgun\">Configuration de la connexion Mailgun<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">04<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#creer-le-design-du-modele-demail\">Cr\u00e9er le design du mod\u00e8le d&#8217;email<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">05<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#mise-en-oeuvre-de-la-fonctionnalite-denvoi-demails\">Mise en \u0153uvre de la fonctionnalit\u00e9 d&rsquo;envoi d&#8217;emails<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">06<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#integration-avec-les-evenements-de-lapplication\">Int\u00e9gration avec les \u00e9v\u00e9nements de l&rsquo;application<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">07<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#tester-le-scenario\">Tester le sc\u00e9nario<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">08<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#suivi-et-gestion-des-emails\">Suivi et gestion des emails<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">09<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#conclusion\">Conclusion<\/a><\/div><\/div><\/nav>\n\n\n<h2 class=\"wp-block-heading\"><b>Mettre en \u0153uvre des sc\u00e9narios d&#8217;emails transactionnels pour les confirmations de commande<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Avant de d\u00e9buter, assurez-vous d&rsquo;avoir <a href=\"https:\/\/login.mailgun.com\/login\/\" target=\"_tabs\" rel=\"noopener noreferrer\">Compte Mailgun<\/a> et <a href=\"https:\/\/nodejs.org\/\" target=\"_tabs\" rel=\"noopener noreferrer\">Node.js<\/a> install\u00e9 sur votre machine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois que vous vous \u00eates inscrit et que votre compte est activ\u00e9, cliquez sur <b>Commencer maintenant<\/b>, puis sur <b>Cr\u00e9er une cl\u00e9 API<\/b> pour fournir une courte description de la cl\u00e9. Une fois qu&rsquo;elle est g\u00e9n\u00e9r\u00e9e, copiez et sauvegardez la cl\u00e9 API en lieu s\u00fbr.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-3951\" width=\"1728\" height=\"924\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/1__2_.png\" alt=\"API Key\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/1__2_.png 1728w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/1__2_-300x160.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/1__2_-768x411.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/1__2_-1024x548.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/1__2_-1536x821.png 1536w\" sizes=\"(max-width: 1728px) 100vw, 1728px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cette cl\u00e9 sera utilis\u00e9e pour authentifier vos requ\u00eates vers l&rsquo;API de Mailgun.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour faire simple, clonez le d\u00e9p\u00f4t d&rsquo;interface utilisateur suivant et configurez les variables d&rsquo;environnement en ex\u00e9cutant les commandes <code>npm<\/code> suivantes :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                PHP                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-PHP\">\r\n                            <code class=\"language-PHP\">\r\n\r\n                                $ git clone https:\/\/github.com\/Ikeh-Akinyemi\/draftdev-mailgunnerrn$ cd draftdev-mailgunner; npm install rn$ echo -e &quot;MAILGUN_API_KEY=your_api_key_here\nMAILGUN_DOMAIN=your_domain_here\nPORT=8080&quot; &gt;&gt; .env\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Cette commande ajoute les biblioth\u00e8ques mailgun.js, form-data, cors, dotenv et express pour une utilisation dans le serveur backend et cr\u00e9e des \u00e9l\u00e9ments de substitution pour la cl\u00e9 API de Mailgun et le domaine dans un fichier .env que vous mettrez \u00e0 jour pendant le tutoriel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le domaine Mailgun vous donne l&rsquo;option de configurer votre propre domaine personnalis\u00e9 ou d&rsquo;utiliser une sandbox \u00e0 des fins de test. Vous utiliserez un domaine sandbox dans ce tutoriel. Vous pouvez trouver le domaine sandbox de Mailgun en acc\u00e9dant \u00e0 <b>Mailgun Send &gt; Envois &gt; Param\u00e8tres du domaine<\/b> sur votre tableau de bord et en cliquant sur le bouton <b>S\u00e9lectionner<\/b> dans l&rsquo;option d&rsquo;int\u00e9gration d&rsquo;<b>API<\/b> :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-3957\" width=\"1746\" height=\"1040\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/2__2_.png\" alt=\"Mailgun API Sandbox\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/2__2_.png 1746w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/2__2_-300x179.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/2__2_-768x457.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/2__2_-1024x610.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/2__2_-1536x915.png 1536w\" sizes=\"(max-width: 1746px) 100vw, 1746px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Votre domaine sandbox est inclus dans les mod\u00e8les de base fournis pour la configuration de Mailgun. N&rsquo;oubliez pas de mettre \u00e0 jour la valeur de MAILGUN_DOMAIN (actuellement your_domain_here) dans le fichier .env.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-3967\" width=\"1744\" height=\"1038\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/3__2_.png\" alt=\"Domain Update\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/3__2_.png 1744w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/3__2_-300x179.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/3__2_-768x457.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/3__2_-1024x609.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/3__2_-1536x914.png 1536w\" sizes=\"(max-width: 1744px) 100vw, 1744px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous souhaitez configurer un domaine personnalis\u00e9, suivez les instructions d\u00e9taill\u00e9es dans <a href=\"https:\/\/youtu.be\/VI6aXV4YbdI\" target=\"_tabs\" rel=\"noopener noreferrer\">ce tutoriel YouTube<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L&rsquo;interface de l&rsquo;application<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dans ce sc\u00e9nario, vous travaillerez avec une simple application de panier d&rsquo;achat construite avec HTML, CSS et JavaScript. L&rsquo;application permet aux utilisatrices d&rsquo;ajouter des articles \u00e0 leur panier, d&rsquo;ajuster les quantit\u00e9s et de passer \u00e0 la caisse. Lorsque l&rsquo;utilisatrice confirme son achat, l&rsquo;application envoie une requ\u00eate au backend pour traiter la commande et envoyer un email de confirmation. Pour pr\u00e9visualiser l&rsquo;interface utilisateur, ouvrez le fichier <code>ui\/index.html<\/code> dans le navigateur ou ex\u00e9cutez la commande Python <code>python3 -m http.server -d=.\/ui:<\/code><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-3993\" width=\"1750\" height=\"1048\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/4__3_.png\" alt=\"Shopping Cart Example\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/4__3_.png 1750w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/4__3_-300x180.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/4__3_-768x460.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/4__3_-1024x613.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/4__3_-1536x920.png 1536w\" sizes=\"(max-width: 1750px) 100vw, 1750px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cette interface utilisateur a un design intuitif, ax\u00e9 sur la fourniture d&rsquo;une exp\u00e9rience de paiement fluide. Le backend g\u00e8re le gros du travail, y compris le traitement des commandes et l&rsquo;envoi d&#8217;emails de confirmation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configuration de la connexion Mailgun<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour int\u00e9grer Mailgun dans votre backend, vous devez initialiser le client Mailgun \u00e0 l&rsquo;aide de votre cl\u00e9 API. Voici comment configurer la connexion dans votre backend Node.js :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                PHP                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-PHP\">\r\n                            <code class=\"language-PHP\">\r\n\r\n                                const formData = require(&#039;form-data&#039;);rnconst Mailgun = require(&#039;mailgun.js&#039;);rnrnconst mailgun = new Mailgun(formData);rnconst mg = mailgun.client({ username: &#039;api&#039;, key: process.env.MAILGUN_API_KEY });rnconst MAILGUN_DOMAIN = process.env.MAILGUN_DOMAIN;\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Ce code initialise le client Mailgun, qui sera utilis\u00e9 pour envoyer des emails transactionnels. Assurez-vous de mettre \u00e0 jour la valeur de <code>MAILGUN_API_KEY<\/code> (actuellement <code>your_api_key_here<\/code>) dans votre fichier .env avant de continuer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testez la connexion en envoyant un email de test :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                PHP                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-PHP\">\r\n                            <code class=\"language-PHP\">\r\n\r\n                                mg.messages.create(&#039;&lt;your-domain.com&gt;&#039;, {rn    from: &quot;Excited User &lt;mailgun@your-domain.com&gt;&quot;,rn    to: [&quot;test@example.com&quot;],rn    subject: &quot;Hello&quot;,rn    text: &quot;Testing some Mailgun awesomeness!&quot;rn})rn.then(msg =&gt; console.log(msg)) \/\/ logs response datarn.catch(err =&gt; console.error(err)); \/\/ logs any error\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez utiliser le domaine sandbox fourni par Mailgun pour les tests, mais vous devez ajouter au moins un email v\u00e9rifi\u00e9 pour les tests (jusqu&rsquo;\u00e0 cinq). Pour v\u00e9rifier votre adresse email de test, acc\u00e9dez \u00e0 <b>Mailgun Send &gt; Envois &gt; Param\u00e8tres du domaine<\/b> dans votre tableau de bord Mailgun. Ensuite, entrez votre adresse email dans le champ de saisie d\u00e9sign\u00e9 et cliquez sur <b>Ajouter<\/b>. Mailgun enverra un email de v\u00e9rification \u00e0 cette adresse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Consultez votre bo\u00eete de r\u00e9ception et cliquez sur le lien de v\u00e9rification <b>J&rsquo;accepte<\/b> pour compl\u00e9ter le processus et vous inscrire en tant que destinataire de test autoris\u00e9 :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4002\" width=\"1738\" height=\"1048\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/5__3_.png\" alt=\"Verification Link\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/5__3_.png 1738w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/5__3_-300x181.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/5__3_-768x463.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/5__3_-1024x617.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/5__3_-1536x926.png 1536w\" sizes=\"(max-width: 1738px) 100vw, 1738px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Cr\u00e9er le design du mod\u00e8le d&#8217;email<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les emails transactionnels n\u00e9cessitent souvent un contenu dynamique, comme le nom de l&rsquo;utilisatrice, les d\u00e9tails de la commande et les informations d&rsquo;exp\u00e9dition, c&rsquo;est pourquoi vous devez cr\u00e9er un mod\u00e8le HTML avec des \u00e9l\u00e9ments de substitution pour les donn\u00e9es dynamiques. Voici un exemple d&rsquo;un mod\u00e8le simple de confirmation de commande :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                HTML                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-markup\">\r\n                            <code class=\"language-markup\">\r\n\r\n                                &lt;!DOCTYPE html&gt;rn&lt;html&gt;rn&lt;head&gt;rn    &lt;title&gt;Order Confirmation&lt;\/title&gt;rn&lt;\/head&gt;rn&lt;body&gt;rn    &lt;h1&gt;Thank you for your order, {{name}}!&lt;\/h1&gt;rn    &lt;p&gt;Your order number is {{orderNumber}}.&lt;\/p&gt;rn    &lt;p&gt;We will ship your items to {{shippingAddress}}.&lt;\/p&gt;rn&lt;\/body&gt;rn&lt;\/html&gt;\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez utiliser un moteur de cr\u00e9ation de mod\u00e8les comme <a href=\"https:\/\/handlebarsjs.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\">Handlebars<\/a> ou <a href=\"https:\/\/ejs.co\/#features\" target=\"_tabs\" rel=\"noopener noreferrer\">EJS<\/a> pour remplacer les \u00e9l\u00e9ments de substitution par des donn\u00e9es r\u00e9elles avant d&rsquo;envoyer l&#8217;email. Vous pouvez \u00e9galement utiliser <a href=\"https:\/\/help.mailgun.com\/hc\/en-us\/articles\/6923289387675-Email-Templates-Editor\" target=\"_tabs\" rel=\"noopener noreferrer\">l&rsquo;\u00e9diteur visuel intuitif de Mailgun<\/a> pour cr\u00e9er de superbes mod\u00e8les d&#8217;emails en responsive design sans aucune connaissance en codage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans cet article, vous utiliserez la forme la plus simple de cr\u00e9ation de mod\u00e8les : l&rsquo;interpolation de cha\u00eenes \u00e0 l&rsquo;aide des litt\u00e9raux de gabarit JavaScript. Cette approche vous permet de configurer un mod\u00e8le d&#8217;email HTML rempli des donn\u00e9es dynamiques n\u00e9cessaires :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                PHP                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-PHP\">\r\n                            <code class=\"language-PHP\">\r\n\r\n                                function emailTemplate(order) {rn  \/\/ Format items for emailrn  const itemsList = order.items.map(item =&gt; {rn    return `rn      &lt;tr&gt;rn        &lt;td style=&quot;padding: 10px 0; border-bottom: 1px solid #eee;&quot;&gt;rn          ${item.name}rn        &lt;\/td&gt;rn        &lt;td style=&quot;padding: 10px 0; border-bottom: 1px solid #eee; text-align: center;&quot;&gt;rn          ${item.quantity}rn        &lt;\/td&gt;rn        &lt;td style=&quot;padding: 10px 0; border-bottom: 1px solid #eee; text-align: right;&quot;&gt;rn          $${item.price.toFixed(2)}rn        &lt;\/td&gt;rn        &lt;td style=&quot;padding: 10px 0; border-bottom: 1px solid #eee; text-align: right;&quot;&gt;rn          $${(item.price * item.quantity).toFixed(2)}rn        &lt;\/td&gt;rn      &lt;\/tr&gt;rn    `;rn  }).join(&#039;&#039;);rn};\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Ce code it\u00e8re sur les articles d&rsquo;une commande pour g\u00e9n\u00e9rer un re\u00e7u sous forme de tableau de la commande du client. La valeur renvoy\u00e9e, <code>itemsList<\/code>, est une cha\u00eene litt\u00e9rale qui sera utilis\u00e9e pour construire le reste du mod\u00e8le d&#8217;email comme ceci :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                PHP                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-PHP\">\r\n                            <code class=\"language-PHP\">\r\n\r\n                                function emailTemplate(order) {rn    ...rnrn  \/\/ Create email HTML templatern  const emailHtml = `rn    &lt;!DOCTYPE html&gt;rn    &lt;html&gt;rn    &lt;head&gt;rn      &lt;style&gt;rn        body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }rn        .container { max-width: 600px; margin: 0 auto; }rn        .header { background-color: #f8f9fa; padding: 20px; text-align: center; }rn        .content { padding: 20px; }rn        .order-details { margin-top: 20px; }rn        .order-table { width: 100%; border-collapse: collapse; }rn        .order-table th { text-align: left; padding: 10px 0; border-bottom: 2px solid #ddd; }rn        .footer { margin-top: 30px; text-align: center; font-size: 14px; color: #777; }rn        .total-row { font-weight: bold; }rn      &lt;\/style&gt;rn    &lt;\/head&gt;rn    &lt;body&gt;rn      &lt;div class=&quot;container&quot;&gt;rn        &lt;div class=&quot;header&quot;&gt;rn          &lt;h2&gt;Order Confirmation&lt;\/h2&gt;rn          &lt;p&gt;Thank you for your purchase!&lt;\/p&gt;rn        &lt;\/div&gt;rnrn        &lt;div class=&quot;content&quot;&gt;rn          &lt;p&gt;Hello ${order.customer.name},&lt;\/p&gt;rnrn          &lt;p&gt;Your order has been confirmed. Here are your order details:&lt;\/p&gt;rnrn          &lt;div class=&quot;order-details&quot;&gt;rn            &lt;p&gt;&lt;strong&gt;Order ID:&lt;\/strong&gt; ${order.id}&lt;\/p&gt;rn            &lt;p&gt;&lt;strong&gt;Order Date:&lt;\/strong&gt; ${new Date(order.createdAt).toLocaleString()}&lt;\/p&gt;rnrn            &lt;table class=&quot;order-table&quot;&gt;rn              &lt;thead&gt;rn                &lt;tr&gt;rn                  &lt;th&gt;Item&lt;\/th&gt;rn                  &lt;th style=&quot;text-align: center;&quot;&gt;Qty&lt;\/th&gt;rn                  &lt;th style=&quot;text-align: right;&quot;&gt;Price&lt;\/th&gt;rn                  &lt;th style=&quot;text-align: right;&quot;&gt;Total&lt;\/th&gt;rn                &lt;\/tr&gt;rn              &lt;\/thead&gt;rn              &lt;tbody&gt;rn                ${itemsList}rn                &lt;tr&gt;rn                  &lt;td colspan=&quot;3&quot; style=&quot;text-align: right; padding-top: 20px;&quot;&gt;&lt;strong&gt;Subtotal:&lt;\/strong&gt;&lt;\/td&gt;rn                  &lt;td style=&quot;text-align: right; padding-top: 20px;&quot;&gt;&lt;strong&gt;$${order.subtotal.toFixed(2)}&lt;\/strong&gt;&lt;\/td&gt;rn                &lt;\/tr&gt;rn                &lt;tr&gt;rn                  &lt;td colspan=&quot;3&quot; style=&quot;text-align: right;&quot;&gt;&lt;strong&gt;Tax:&lt;\/strong&gt;&lt;\/td&gt;rn                  &lt;td style=&quot;text-align: right;&quot;&gt;&lt;strong&gt;$${order.tax.toFixed(2)}&lt;\/strong&gt;&lt;\/td&gt;rn                &lt;\/tr&gt;rn                &lt;tr class=&quot;total-row&quot;&gt;rn                  &lt;td colspan=&quot;3&quot; style=&quot;text-align: right; padding-top: 10px;&quot;&gt;&lt;strong&gt;Total:&lt;\/strong&gt;&lt;\/td&gt;rn                  &lt;td style=&quot;text-align: right; padding-top: 10px;&quot;&gt;&lt;strong&gt;$${order.total.toFixed(2)}&lt;\/strong&gt;&lt;\/td&gt;rn                &lt;\/tr&gt;rn              &lt;\/tbody&gt;rn            &lt;\/table&gt;rn          &lt;\/div&gt;rnrn          &lt;div style=&quot;margin-top: 30px;&quot;&gt;rn            &lt;p&gt;&lt;strong&gt;Shipping Address:&lt;\/strong&gt;&lt;\/p&gt;rn            &lt;p&gt;rn              ${order.shipping.address}&lt;br&gt;rn              ${order.shipping.city}, ${order.shipping.state} ${order.shipping.zipCode}rn            &lt;\/p&gt;rn          &lt;\/div&gt;rnrn          &lt;div style=&quot;margin-top: 30px;&quot;&gt;rn            &lt;p&gt;&lt;strong&gt;Payment Method:&lt;\/strong&gt; ${order.payment.method} (ending in ${order.payment.last4})&lt;\/p&gt;rn          &lt;\/div&gt;rnrn          &lt;div style=&quot;margin-top: 30px;&quot;&gt;rn            &lt;p&gt;If you have any questions about your order, please contact our customer support.&lt;\/p&gt;rn            &lt;p&gt;Thank you for shopping with us!&lt;\/p&gt;rn          &lt;\/div&gt;rn        &lt;\/div&gt;rnrn        &lt;div class=&quot;footer&quot;&gt;rn          &lt;p&gt;This is an automated email, please do not reply to this message.&lt;\/p&gt;rn          &lt;p&gt;\u00a9 2025 Your Company. All rights reserved.&lt;\/p&gt;rn        &lt;\/div&gt;rn      &lt;\/div&gt;rn    &lt;\/body&gt;rn    &lt;\/html&gt;rn  `;rnrn  return emailHtml;rn}\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Ici, vous combinez le re\u00e7u avec le reste d&rsquo;une cha\u00eene de mod\u00e8le HTML contenant les d\u00e9tails du client. Le code HTML contient un style de base pour le mod\u00e8le d&#8217;email.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En savoir plus depuis notre <a href=\"https:\/\/www.mailgun.com\/fr\/blog\/email\/modeles-emails-transactionnels-html\/\">Des mod\u00e8les d\u2019emails transactionnels<\/a> page, y compris le t\u00e9l\u00e9chargement de mod\u00e8les gratuits.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mise en \u0153uvre de la fonctionnalit\u00e9 d&rsquo;envoi d&#8217;emails<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Maintenant que votre mod\u00e8le est pr\u00eat, il est temps d&rsquo;\u00e9crire la fonction qui envoie l&#8217;email \u00e0 l&rsquo;aide de l&rsquo;API de Mailgun. Voici comment vous pouvez mettre en \u0153uvre cette fonctionnalit\u00e9 dans votre backend :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                PHP                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-PHP\">\r\n                            <code class=\"language-PHP\">\r\n\r\n                                async function sendOrderConfirmationEmail(order) {rn  try {rnrn    let emailHtml = emailTemplate(order)rnrn    \/\/ Send email via Mailgunrn    const response = await mg.messages.create(MAILGUN_DOMAIN, {rn      from: `Your Store &lt;orders@${MAILGUN_DOMAIN}&gt;`,rn      to: order.customer.email,rn      subject: `Order Confirmation #${order.id}`,rn      html: emailHtml,rn      &#039;o:tag&#039;: [&#039;order-confirmation&#039;],rn      &#039;o:tracking&#039;: truern    });rnrn    console.log(&#039;Email sent successfully:&#039;, response);rn    return response;rnrn  } catch (error) {rn    console.error(&#039;Error sending confirmation email:&#039;, error);rn    throw error;rn  }rn}\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Cette fonction prend un objet de commande, construit le contenu d&#8217;email et l&rsquo;envoie \u00e0 l&rsquo;aide de l&rsquo;API de Mailgun. Les options <code>o:tag<\/code> et <code>o:tracking<\/code> vous permettent de suivre la livraison et l&rsquo;engagement de l&#8217;email.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Maintenant, testons l&rsquo;impl\u00e9mentation avec un simple objet de commande pour voir si cela fonctionne :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                PHP                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-PHP\">\r\n                            <code class=\"language-PHP\">\r\n\r\n                                const testOrder = {rn  id: &quot;TEST123&quot;,rn  customer: {rn    name: &quot;Test User&quot;,rn    email: &quot;your-verified-email@example.com&quot; \/\/ Use one of your verified emails for testingrn  },rn  items: [rn    { name: &quot;Test Product&quot;, quantity: 1, price: 29.99 }rn  ],rn  subtotal: 29.99,rn  tax: 2.99,rn  total: 32.98,rn  shipping: {rn    address: &quot;123 Test Street&quot;,rn    city: &quot;Test City&quot;,rn    state: &quot;TS&quot;,rn    zipCode: &quot;12345&quot;rn  },rn  payment: {rn    method: &quot;Credit Card&quot;,rn    last4: &quot;4242&quot;rn  },rn  createdAt: new Date()rn};rnrnsendOrderConfirmationEmail(testOrder)rn  .then(response =&gt; {rn    console.log(&#039;Test email sent successfully!&#039;);rn    console.log(&#039;Message ID:&#039;, response.id);rn    console.log(&#039;Message status:&#039;, response.status);rn  })rn  .catch(error =&gt; {rn    console.error(&#039;Failed to send test email:&#039;, error.message);rn  });\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Ex\u00e9cutez ce code avec node <code>.\/src\/server.js<\/code> et consultez votre bo\u00eete de r\u00e9ception (n&rsquo;oubliez pas d&rsquo;utiliser un email v\u00e9rifi\u00e9 pour la valeur <code>testOrder.customer.email <\/code> si vous utilisez le domaine sandbox de Mailgun). Vous devriez recevoir un email de confirmation de commande de base avec les donn\u00e9es de test :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4021\" width=\"1742\" height=\"1392\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/6__3_.png\" alt=\"Order Confirmation Image\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/6__3_.png 1742w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/6__3_-1024x818.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/6__3_-768x614.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/6__3_-1536x1227.png 1536w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/6__3_-300x240.png 300w\" sizes=\"(max-width: 1742px) 100vw, 1742px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dans cette configuration, toute erreur qui se produit est remont\u00e9e \u00e0 l&rsquo;appelant, et la m\u00e9thode <code>.catch <\/code> l&rsquo;enregistre sur la sortie standard. Cette approche vous permet d&rsquo;identifier et de r\u00e9soudre rapidement les probl\u00e8mes pouvant survenir lors du processus d&rsquo;envoi d&#8217;emails.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans la section suivante, vous allez connecter ceci \u00e0 votre frontend afin de pouvoir envoyer de vraies donn\u00e9es de commande \u00e0 partir des paiements clients.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Int\u00e9gration avec les \u00e9v\u00e9nements de l&rsquo;application<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour vous assurer que le sc\u00e9nario d&#8217;email est d\u00e9clench\u00e9 automatiquement lorsqu&rsquo;une commande est confirm\u00e9e, vous devez configurer un <a href=\"https:\/\/nodejs.org\/api\/events.html\" target=\"_tabs\" rel=\"noopener noreferrer\">\u00e9couteur d&rsquo;\u00e9v\u00e9nement<\/a> ou <a href=\"https:\/\/expressjs.com\/en\/guide\/routing.html\" target=\"_tabs\" rel=\"noopener noreferrer\">route<\/a> dans votre application.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ici, vous allez configurer une application Express.js et d\u00e9finir une route qui g\u00e8re les confirmations de commande tout en appelant la fonction <code>sendOrderConfirmationEmail<\/code> :<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"code-snippet longform-spacings rounded-lg overflow-hidden shadow \" data-count=\"1\">\r\n        <ul class=\"nav nav-buttons code-snippet__tabs longform-except position-relative d-flex gap-2 flex-wrap p-3\" role=\"tablist\">\r\n\r\n                            \r\n                    \r\n                        <li class=\"nav-item\" role=\"presentation\">\r\n                            <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                                PHP                            <\/button>\r\n                        <\/li>\r\n\r\n                    \r\n                            \r\n        <\/ul>\r\n        <div class=\"code-snippet__tab-content tab-content overflow-hidden\">\r\n\r\n                            \r\n                    <div class=\"tab-pane show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"w-100 h-100 m-0 line-numbers language-PHP\">\r\n                            <code class=\"language-PHP\">\r\n\r\n                                const express = require(&#039;express&#039;);rnconst cors = require(&#039;cors&#039;);rn...rnrn\/\/ Load environment variablesrnrequire(&#039;dotenv&#039;).config();rnrn\/\/ Initialize Expressrnconst app = express();rnconst PORT = process.env.PORT || 3000;rnrn\/\/ Middlewarernapp.use(cors());rnapp.use(express.json());rnrnconst orders = [];rnrnapp.post(&#039;\/api\/orders&#039;, async (req, res) =&gt; {rn  try {rn    \/\/ Validate required fieldsrn    if (!req.body.items || !req.body.customer || !req.body.customer.email) {rn      return res.status(400).json({ rn        success: false, rn        error: &#039;Missing required order information&#039; rn      });rn    }rnrn    \/\/ Generate order IDrn    const orderId = Date.now().toString(36) + Math.random().toString(36).substr(2, 5).toUpperCase();rnrn    \/\/ Create order objectrn    const order = {rn      id: orderId,rn      ...req.body,rn      status: &#039;confirmed&#039;,rn      createdAt: new Date()rn    };rnrn    \/\/ Save order (to database in a real app)rn    orders.push(order);rnrn    \/\/ Send confirmation emailrn    await sendOrderConfirmationEmail(order);rnrn    \/\/ Return success responsern    res.status(201).json({rn      success: true,rn      order: {rn        id: order.id,rn        status: order.status,rn        createdAt: order.createdAtrn      },rn      message: &#039;Order created successfully and confirmation email sent.&#039;rn    });rnrn  } catch (error) {rn    console.error(&#039;Error processing order:&#039;, error);rn    res.status(500).json({rn      success: false,rn      error: &#039;Failed to process order&#039;rn    });rn  }rn});\r\n                            <\/code>\r\n                        <\/pre>\r\n                    <\/div>\r\n                                    <\/div>\r\n    <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">La route <code>\/api\/orders<\/code> g\u00e8re les requ\u00eates de commandes entrantes, cr\u00e9e un objet <code>order<\/code> et envoie un email de confirmation \u00e0 l&rsquo;aide de la fonction <code>sendOrderConfirmationEmail<\/code>. Le reste de la route inclut une logique simple de tableau de bord statistique pour les erreurs, mais en production, vous pourriez vouloir mettre en \u0153uvre un m\u00e9canisme de r\u00e9it\u00e9ration ou un gestionnaire d&rsquo;erreurs plus robuste.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tester le sc\u00e9nario<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour tester la configuration jusqu&rsquo;\u00e0 pr\u00e9sent, vous devez \u00e9diter le fichier <code>\/ui\/index.html<\/code>. Tout d&rsquo;abord, trouvez la ligne de code o\u00f9 l&rsquo;objet <code>orderData<\/code> est d\u00e9fini et mettez \u00e0 jour la propri\u00e9t\u00e9 d&#8217;email du client (<code>orderData.customer.email<\/code>) pour utiliser l&rsquo;un de vos emails v\u00e9rifi\u00e9s. Vous devez \u00e9galement mettre \u00e0 jour la constante <code>api<\/code> pour qu&rsquo;elle pointe vers l&rsquo;URL de votre serveur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ensuite, ouvrez le fichier <code>\/ui\/index.html <\/code> dans un navigateur et d\u00e9clenchez le processus de paiement en s\u00e9lectionnant des articles \u00e0 payer et en cliquant sur le bouton <b>Checkout Selected Items<\/b>. Cela devrait ouvrir une bo\u00eete de dialogue de confirmation o\u00f9 vous pouvez cliquer sur <b>Confirm Purchase<\/b> pour compl\u00e9ter le processus de paiement :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5031\" width=\"1734\" height=\"1046\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/7__2_.png\" alt=\"Confirm Order Image\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/7__2_.png 1734w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/7__2_-300x181.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/7__2_-768x463.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/7__2_-1024x618.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/7__2_-1536x927.png 1536w\" sizes=\"(max-width: 1734px) 100vw, 1734px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez votre bo\u00eete de r\u00e9ception d&#8217;emails et v\u00e9rifiez que l&#8217;email a \u00e9t\u00e9 envoy\u00e9 et correctement affich\u00e9 avec le contenu dynamique. Si vous avez utilis\u00e9 le domaine sandbox, vous devrez peut-\u00eatre v\u00e9rifier votre dossier spam :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5032\" width=\"1742\" height=\"1470\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/8__2_.png\" alt=\"Order Confirmation Email Image\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/8__2_.png 1742w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/8__2_-300x253.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/8__2_-768x648.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/8__2_-1024x864.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/8__2_-1536x1296.png 1536w\" sizes=\"(max-width: 1742px) 100vw, 1742px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">N&rsquo;oubliez pas de tester la fa\u00e7on dont votre application g\u00e8re les erreurs, telles que des adresses email invalides ou des interruptions d&rsquo;API, en utilisant intentionnellement des valeurs incorrectes et en v\u00e9rifiant que votre gestion des erreurs fonctionne comme pr\u00e9vu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tout le code utilis\u00e9 dans ce tutoriel est disponible sur <a href=\"https:\/\/github.com\/Ikeh-Akinyemi\/draftdev-mailgunner\" target=\"_tabs\" rel=\"noopener noreferrer\">GitHub<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Suivi et gestion des emails<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mailgun fournit des statistiques d\u00e9taill\u00e9es et des fonctionnalit\u00e9s de suivi qui vous permettent de surveiller la performance de vos emails transactionnels. Vous pouvez suivre les taux de livraison et les taux d&rsquo;ouverture en plus de g\u00e9rer les erreurs ou les \u00e9checs directement depuis le tableau de bord Mailgun.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour acc\u00e9der aux rapports de chaque email envoy\u00e9, acc\u00e9dez \u00e0 la section <b>Mailgun Send &gt; Tableau de bord statistique &gt; Rapports<\/b> de votre compte Mailgun. Ici, vous pouvez voir l&rsquo;horodatage et l&rsquo;\u00e9tat du service de chaque email envoy\u00e9, y compris s&rsquo;il a \u00e9t\u00e9 livr\u00e9, ouvert ou rejet\u00e9 :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5033\" width=\"1742\" height=\"1050\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/9__2_.png\" alt=\"Email logs image\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/9__2_.png 1742w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/9__2_-300x181.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/9__2_-768x463.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/9__2_-1024x617.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/9__2_-1536x926.png 1536w\" sizes=\"(max-width: 1742px) 100vw, 1742px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez cliquer sur n&rsquo;importe quelle entr\u00e9e de rapport pour afficher tous ses d\u00e9tails, comme <code>geolocation<\/code> pour les emails ouverts, <code>delivery-status<\/code> pour les emails livr\u00e9s, et d&rsquo;autres :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5034\" width=\"1760\" height=\"1056\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/10__1_.png\" alt=\"Email Log Details Image\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/10__1_.png 1760w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/10__1_-300x180.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/10__1_-768x461.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/10__1_-1024x614.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/10__1_-1536x922.png 1536w\" sizes=\"(max-width: 1760px) 100vw, 1760px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez \u00e9galement aller dans <b>Mailgun Send &gt; Tableau de bord statistique &gt; Statistiques<\/b> pour voir une r\u00e9partition graphique des statistiques cl\u00e9s des emails, y compris le nombre d&#8217;emails envoy\u00e9s, livr\u00e9s, \u00e9chou\u00e9s et ouverts :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5035\" width=\"1746\" height=\"1058\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/11__1_.png\" alt=\"Key Email Metrics Image\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/11__1_.png 1746w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/11__1_-300x182.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/11__1_-768x465.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/11__1_-1024x620.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/11__1_-1536x931.png 1536w\" sizes=\"(max-width: 1746px) 100vw, 1746px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vous venez de cr\u00e9er un sc\u00e9nario de confirmation de commande fonctionnel avec l&rsquo;API de Mailgun. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Des emails transactionnels comme ceux-ci informent les clients juste apr\u00e8s le paiement, ce qui r\u00e9duit les tickets adress\u00e9s au support et am\u00e9liore la confiance sans frais suppl\u00e9mentaires. Les confirmations de commande ne sont pas les seuls s<a href=\"https:\/\/www.mailgun.com\/blog\/email\/transactional-email-unsung-hero\/\" target=\"_tabs\" rel=\"noopener noreferrer\">c\u00e9narios qui comptent pour les consommateurs.<\/a> Consultez notre tutoriel sur <a href=\"https:\/\/www.mailgun.com\/blog\/dev-life\/how-to-build-transactional-password-reset-email-workflows\/\" target=\"_tabs\" rel=\"noopener noreferrer\">r\u00e9initialisations de mots de passe<\/a> pour continuer \u00e0 optimiser vos emails transactionnels. <\/p>\n\n\n\r\n    <aside data-content-type=\"longform\"  class=\"banner-block longform-spacings rounded-lg shadow-lg px-5 py-6 px-md-6 py-md-7 p-lg-7 bg-light\" data-theme=\"dark\" aria-labelledby=\"banner-block-block_47f61242688c5bd3d18893b349d14712\">\r\n                    <p class=\"text-uppercase section-caption text-body-color\">\r\n                S&rsquo;inscrire            <\/p>\r\n                            <p class=\"h4 text-accent fw-bold\" id=\"banner-block-block_47f61242688c5bd3d18893b349d14712\">\r\n                Lancez-vous, c&rsquo;est facile ! Et c&rsquo;est gratuit.            <\/p>\r\n                            <div class=\"mb-0 text-body-color\">\r\n                                    <div class=\"content-body mb-0 text-body-color\">D\u00e9couvrez ce que vous pouvez accomplir avec la meilleure plateforme de livraison d\u2019emails au monde.<\/div>\r\n                            <\/div>\r\n        \r\n        <div class=\"text-start mt-5\"><a href=\"https:\/\/signup.mailgun.com\/new\/signup\"  class=\"btn btn-secondary\" >Get started<\/a><\/div>\r\n    <\/aside>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Contrairement aux emails de marketing, les emails transactionnels (tels que les confirmations de commande, les notifications d&rsquo;exp\u00e9dition et les r\u00e9initialisations de mot de passe) sont d\u00e9clench\u00e9s par des actions sp\u00e9cifiques des utilisatrices et fournissent des mises \u00e0 jour en temps r\u00e9el sur leurs interactions avec votre plateforme. Ils aident \u00e0 instaurer la confiance, \u00e0 r\u00e9duire [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":3952,"menu_order":0,"template":"","meta":{"_acf_changed":true,"footnotes":""},"blog_category":[19],"class_list":["post-13387","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog_category-dev-life"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cr\u00e9er des sc\u00e9narios de confirmation de commande transactionnels avec Mailgun - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"Apprenez \u00e0 cr\u00e9er des sc\u00e9narios d&#039;emails transactionnels de confirmation de commande \u00e0 l&#039;aide de l&#039;API de Mailgun. Suivez notre tutoriel pour d\u00e9veloppeuse afin de d\u00e9couvrir nos bonnes pratiques.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cr\u00e9er des sc\u00e9narios de confirmation de commande transactionnels avec Mailgun - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"Apprenez \u00e0 cr\u00e9er des sc\u00e9narios d&#039;emails transactionnels de confirmation de commande \u00e0 l&#039;aide de l&#039;API de Mailgun. Suivez notre tutoriel pour d\u00e9veloppeuse afin de d\u00e9couvrir nos bonnes pratiques.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-15T10:51:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/dev-life\\\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/dev-life\\\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\\\/\",\"name\":\"Cr\u00e9er des sc\u00e9narios de confirmation de commande transactionnels avec Mailgun - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/dev-life\\\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/dev-life\\\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Dev-Life.png\",\"datePublished\":\"2025-05-15T00:00:00+00:00\",\"dateModified\":\"2026-06-15T10:51:48+00:00\",\"description\":\"Apprenez \u00e0 cr\u00e9er des sc\u00e9narios d'emails transactionnels de confirmation de commande \u00e0 l'aide de l'API de Mailgun. Suivez notre tutoriel pour d\u00e9veloppeuse afin de d\u00e9couvrir nos bonnes pratiques.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/dev-life\\\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/dev-life\\\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/dev-life\\\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Dev-Life.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Dev-Life.png\",\"width\":720,\"height\":448},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/dev-life\\\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cr\u00e9er des sc\u00e9narios d&#8217;emails transactionnels pour les confirmations de commande avec l&#8217;API de Mailgun\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Powerful Transactional Email APIs that enable you to send, receive, and track emails, built with developers in mind. Learn more today!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"Transactional Email API Service For Developers | Mailgun\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cr\u00e9er des sc\u00e9narios de confirmation de commande transactionnels avec Mailgun - Transactional Email API Service For Developers | Mailgun","description":"Apprenez \u00e0 cr\u00e9er des sc\u00e9narios d'emails transactionnels de confirmation de commande \u00e0 l'aide de l'API de Mailgun. Suivez notre tutoriel pour d\u00e9veloppeuse afin de d\u00e9couvrir nos bonnes pratiques.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/","og_locale":"fr_FR","og_type":"article","og_title":"Cr\u00e9er des sc\u00e9narios de confirmation de commande transactionnels avec Mailgun - Transactional Email API Service For Developers | Mailgun","og_description":"Apprenez \u00e0 cr\u00e9er des sc\u00e9narios d'emails transactionnels de confirmation de commande \u00e0 l'aide de l'API de Mailgun. Suivez notre tutoriel pour d\u00e9veloppeuse afin de d\u00e9couvrir nos bonnes pratiques.","og_url":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-06-15T10:51:48+00:00","og_image":[{"width":720,"height":448,"url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/","url":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/","name":"Cr\u00e9er des sc\u00e9narios de confirmation de commande transactionnels avec Mailgun - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png","datePublished":"2025-05-15T00:00:00+00:00","dateModified":"2026-06-15T10:51:48+00:00","description":"Apprenez \u00e0 cr\u00e9er des sc\u00e9narios d'emails transactionnels de confirmation de commande \u00e0 l'aide de l'API de Mailgun. Suivez notre tutoriel pour d\u00e9veloppeuse afin de d\u00e9couvrir nos bonnes pratiques.","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/#primaryimage","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png","width":720,"height":448},{"@type":"BreadcrumbList","@id":"https:\/\/www.mailgun.com\/fr\/blog\/dev-life\/comment-creer-des-scenarios-d-emails-transactionnels-de-confirmation-de-commande\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/fr\/blog\/"},{"@type":"ListItem","position":3,"name":"Cr\u00e9er des sc\u00e9narios d&#8217;emails transactionnels pour les confirmations de commande avec l&#8217;API de Mailgun"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/fr\/#website","url":"https:\/\/www.mailgun.com\/fr\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Powerful Transactional Email APIs that enable you to send, receive, and track emails, built with developers in mind. Learn more today!","publisher":{"@id":"https:\/\/www.mailgun.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/fr\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.mailgun.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","width":512,"height":512,"caption":"Transactional Email API Service For Developers | Mailgun"},"image":{"@id":"https:\/\/www.mailgun.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog\/13387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":2,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog\/13387\/revisions"}],"predecessor-version":[{"id":13997,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog\/13387\/revisions\/13997"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/media\/3952"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/media?parent=13387"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog_category?post=13387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}