{"id":43170,"date":"2021-12-06T10:55:14","date_gmt":"2021-12-06T09:55:14","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=43170"},"modified":"2025-09-12T15:07:00","modified_gmt":"2025-09-12T13:07:00","slug":"bonnes-pratiques-email-design","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/","title":{"rendered":"Email design&nbsp;: 12 bonnes pratiques pour augmenter le taux de clic"},"content":{"rendered":"<p>Pour mener une campagne d\u2019email marketing performante, le design de vos emails est essentiel. Les emails attractifs et bien con\u00e7us sont capables d\u2019augmenter votre taux de conversion et de mettre en confiance vos prospects.<br \/>\nVos abonn\u00e9s passent, en moyenne, un peu plus de <a href=\"https:\/\/www.litmus.com\/press\/litmus-report-email-read-time-increased-by-21-percent\/\" target=\"_blank\" rel=\"noopener\">13 secondes<\/a> \u00e0 lire vos emails. C\u2019est peu et cela conduit souvent \u00e0 quitter votre message, sans cliquer vers votre site Internet.<br \/>\nOr, un design bien con\u00e7u peut changer la donne\u00a0! Un texte facile \u00e0 lire, des images bien dispos\u00e9es et une mise en page intuitive am\u00e9liorent l&#8217;exp\u00e9rience du lecteur\u2026 tout en augmentant le taux de clics.<br \/>\nMais comment faire pour donner envie au lecteur de cliquer au premier coup d\u2019oeil&nbsp;?\u00a0 Voici 10 bonnes pratiques du design d\u2019email pour stimuler l\u2019int\u00e9r\u00eat de vos prospects et booster les clics dans vos emails\u00a0!<\/p>\n<h2>1. Soigner son affichage d\u00e8s la bo\u00eete de r\u00e9ception<\/h2>\n<p>L\u2019essentiel se joue ici, sur les premi\u00e8res impressions du lecteur lorsqu\u2019il ouvre sa bo\u00eete de r\u00e9ception. Vous devez attirer son int\u00e9r\u00eat par ces trois \u00e9l\u00e9ments cl\u00e9s&nbsp;:<\/p>\n<h3>Nom de l\u2019exp\u00e9diteur<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-36786\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/02\/laura-traduc.png\" alt=\"Emailing nom d'exp\u00e9diteur Laura de Traduc.com\" width=\"700\" height=\"75\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/02\/laura-traduc.png 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/02\/laura-traduc-300x32.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/02\/laura-traduc-370x40.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/02\/laura-traduc-270x29.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/02\/laura-traduc-570x61.png 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nLe nom de l\u2019exp\u00e9diteur est un facteur essentiel en ce qui concerne le taux d\u2019ouverture des emails car il est li\u00e9 au sentiment de confiance. En effet, le lecteur se demande d\u2019abord si ce qu\u2019il re\u00e7oit n\u2019est pas un spam, il a donc le r\u00e9flexe de v\u00e9rifier le nom de l\u2019exp\u00e9diteur.<br \/>\nVous devez int\u00e9grer le nom de votre marque dans votre adresse d\u2019exp\u00e9diteur pour mettre en confiance votre lecteur. Vous pouvez \u00e9galement int\u00e9grer le pr\u00e9nom d\u2019un employ\u00e9 pour ajouter une touche personnelle et authentique.<\/p>\n<h3>Objet du mail<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12731\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2017\/03\/objet-email-performant.jpeg.jpg\" alt=\"\" width=\"467\" height=\"34\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2017\/03\/objet-email-performant.jpeg.jpg 467w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2017\/03\/objet-email-performant.jpeg-300x22.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2017\/03\/objet-email-performant.jpeg-370x27.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2017\/03\/objet-email-performant.jpeg-270x20.jpg 270w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><br \/>\nUn bon email commence par un objet accrocheur, sans tomber dans le &#8220;clickbait&#8221; pur et simple &#8211; d&#8217;ailleurs, \u00e9vitez \u00e0 tout prix <a href=\"https:\/\/www.codeur.com\/blog\/spam-words-liste-francais-mots-interdits-emailing\/\" target=\"_blank\" rel=\"noopener\">les spam words<\/a> qui risqueraient d&#8217;envoyer votre message droit dans les courriers ind\u00e9sirables.<br \/>\nVotre objet de mail doit \u00eatre \u00e0 la fois court et informatif. Il suffit de r\u00e9sumer en quelques mots le contenu de votre email pour attirer l\u2019attention du lecteur.<br \/>\nIl est conseill\u00e9 de faire un objet de mail de 50 caract\u00e8res ou moins. N\u2019h\u00e9sitez \u00e0 personnaliser votre ligne d\u2019objet en int\u00e9grant le nom de l\u2019abonn\u00e9 notamment.<\/p>\n<blockquote><p>Attention&nbsp;: Evitez les caract\u00e8res sp\u00e9ciaux ou les majuscules, cela peut nuire \u00e0 votre r\u00e9putation et envoyer votre newsletter directement dans les spams&nbsp;!<\/p><\/blockquote>\n<h3>Ligne d\u2019en-t\u00eate ou pr\u00e9header<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-27588\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/10\/1._pre-header.png\" alt=\"\" width=\"927\" height=\"37\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/10\/1._pre-header.png 927w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/10\/1._pre-header-300x12.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/10\/1._pre-header-768x31.png 768w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/10\/1._pre-header-370x15.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/10\/1._pre-header-270x11.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/10\/1._pre-header-570x23.png 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/10\/1._pre-header-740x30.png 740w\" sizes=\"(max-width: 927px) 100vw, 927px\" \/><br \/>\nCe <a href=\"https:\/\/www.codeur.com\/blog\/emailing-pre-header\/\">court extrait de texte<\/a> suit votre objet de mail de pr\u00e8s. C\u2019est la meilleure fa\u00e7on d\u2019ajouter de l\u2019information \u00e0 l\u2019attention du lecteur et d\u2019augmenter votre taux d\u2019ouverture. Votre ligne d\u2019en-t\u00eate doit \u00eatre en accord avec l\u2019objet et rester dans sa continuit\u00e9.<\/p>\n<h2>2. Structurer le design de l&#8217;email<\/h2>\n<p>Les sp\u00e9cialistes du webmarketing utilisent la hi\u00e9rarchie visuelle pour concevoir les emails. Celle-ci permet d\u2019analyser rapidement et de comprendre le contenu de la newsletter. C\u2019est \u00e9galement une technique pour diriger l\u2019\u0153il du lecteur vers les \u00e9l\u00e9ments les plus importants de l\u2019email.<br \/>\nChoisissez une mise en page qui raconte une histoire tout en guidant le lecteur vers l\u2019action \u00e0 entreprendre. Commencez toujours par int\u00e9grer votre logo dans le contenu d\u2019email pour instaurer un sentiment de confiance et mettre en avant la notori\u00e9t\u00e9 de votre entreprise.<\/p>\n<blockquote><p><strong>\u00c0 noter&nbsp;:<\/strong> vous pouvez \u00e9galement ajouter votre logo directement \u00e0 avec le destinataire du mail gr\u00e2ce \u00e0 BIMI<\/p><\/blockquote>\n<p>Voici diff\u00e9rentes structures que vous pouvez utiliser&nbsp;:<\/p>\n<h3>La pyramide invers\u00e9e<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-43175 size-full\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/codeur-newsletter.jpg\" alt=\"structure email pyramide invers\u00e9e\" width=\"450\" height=\"330\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/codeur-newsletter.jpg 450w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/codeur-newsletter-300x220.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/codeur-newsletter-370x271.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/codeur-newsletter-270x198.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/codeur-newsletter-80x60.jpg 80w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><br \/>\nLa pyramide invers\u00e9e est souvent utilis\u00e9e par les sp\u00e9cialistes, c\u2019est un cadre fiable pour structurer votre contenu email.<br \/>\nIl s&#8217;agit de &#8220;guider&#8221; le lecteur vers le <a href=\"https:\/\/www.codeur.com\/blog\/exemples-call-to-action-efficace\/\" target=\"_blank\" rel=\"noopener\">call-to-action<\/a> gr\u00e2ce \u00e0 la disposition des diff\u00e9rents \u00e9l\u00e9ments du mail&nbsp;: une image large, un texte plus \u00e9troit, suivi d&#8217;un bouton, le tout dessinant une sorte de triangle.<\/p>\n<h3>L&#8217;email en zigzag<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-43171\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/sarenza.jpg\" alt=\"structure d'email zig zag\" width=\"453\" height=\"879\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/sarenza.jpg 453w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/sarenza-155x300.jpg 155w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/sarenza-370x718.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/sarenza-270x524.jpg 270w\" sizes=\"(max-width: 453px) 100vw, 453px\" \/><br \/>\nLa disposition en zigzag est une structure angulaire que vous pouvez cr\u00e9er avec des images ou des blocs de couleurs. Cette technique permet de guider le lecteur \u00e0 chaque \u00e9tape et simplifie les diff\u00e9rentes parties du contenu de l\u2019email.<\/p>\n<h3>La structure en colonne<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-43173\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/magento.jpg\" alt=\"structure email colonne\" width=\"412\" height=\"871\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/magento.jpg 412w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/magento-142x300.jpg 142w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/magento-370x782.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/magento-270x571.jpg 270w\" sizes=\"(max-width: 412px) 100vw, 412px\" \/><br \/>\nLa structure en une colonne \u00e0 l\u2019avantage d\u2019\u00eatre responsive, elle est simple et efficace.<\/p>\n<blockquote><p>Prenez \u00e9galement en compte la largeur de l\u2019email, il est conseill\u00e9 de ne pas aller au-del\u00e0 de 640 pixels et de privil\u00e9gier une moyenne de 600 pixels.<\/p><\/blockquote>\n<h2>3. Cr\u00e9er l&#8217;ambiance avec la couleur<\/h2>\n<p>Importante pour l\u2019exp\u00e9rience utilisateur, la <a href=\"https:\/\/www.codeur.com\/blog\/webdesign-palette-de-couleur\/\">couleur<\/a> donne imm\u00e9diatement des informations aux destinataires. Tout d\u2019abord, elle influence la reconnaissance de la marque, puisqu\u2019elle rappelle votre charte graphique. Mais elle peut aussi ajouter une ambiance, en fonction de la saison, des \u00e9v\u00e9nements, etc.<br \/>\nLa couleur aide vos abonn\u00e9s \u00e0 adh\u00e9rer aux \u00e9motions v\u00e9hicul\u00e9es par votre emailing. Or, s\u2019ils \u00e9prouvent des sentiments positifs, ils seront plus aptes \u00e0 se convertir\u00a0!<\/p>\n<h2>4. Bien utiliser les images dans votre design d&#8217;email<\/h2>\n<p>Il est difficile de trouver le bon \u00e9quilibre entre les images et le texte dans le corps d\u2019un email. D&#8217;une part, 2\/3 des abonn\u00e9s pr\u00e9f\u00e8rent les emails contenant principalement des images, selon <a href=\"https:\/\/www.litmus.com\/blog\/why-you-shouldnt-send-image-only-emails\/\" target=\"_blank\" rel=\"noopener\">une \u00e9tude de Litmus<\/a>.<br \/>\nD&#8217;autre part, 43 % des destinataires d\u00e9sactivent les images, et certaines messageries n&#8217;affichent pas les photos d&#8217;arri\u00e8re-plan. C&#8217;est pourquoi vous devez&nbsp;:<\/p>\n<ul>\n<li>Utiliser du texte alt pertinent pour d\u00e9crire tous les visuels que vous utilisez, de sorte qu\u2019ils restent compr\u00e9hensibles m\u00eame d\u00e9sactiv\u00e9s.<\/li>\n<li>\u00c9viter de cacher des informations cl\u00e9s dans les images.<\/li>\n<\/ul>\n<p>Cependant, ces derni\u00e8res peuvent aider les lecteurs \u00e0 se connecter au contenu de votre email et \u00e0 concentrer leur attention au bon endroit. Utilisez de pr\u00e9f\u00e9rence des images authentiques qui correspondent \u00e0 votre marque.<br \/>\nSi vous utilisez des visuels, veillez \u00e0 ce qu\u2019ils soient attrayants, clairs et<a href=\"https:\/\/www.codeur.com\/blog\/compresser-images-en-ligne\/\"> optimisez-les<\/a> pour qu\u2019ils s\u2019affichent correctement lorsque le lecteur ouvre l\u2019email. La largeur des emails est g\u00e9n\u00e9ralement situ\u00e9e entre 600 et 640 pixels. Pour que votre image reste nette et s\u2019adapte aussi aux \u00e9crans Retina, elle devra faire 1200 pixels.<br \/>\nIl est \u00e9galement n\u00e9cessaire d\u2019utiliser les attributs d\u2019image et CSS. Vos fichiers ne doivent pas \u00eatre trop lourds pour favoriser l\u2019ouverture notamment sur les mobiles.<\/p>\n<h2>5. Utiliser les Web Safe Fonts<\/h2>\n<p>La typographie est un \u00e9l\u00e9ment phare du design de vos emails. \u00c9tant donn\u00e9 que l\u2019affichage des polices diff\u00e8re selon les Fournisseurs d\u2019Acc\u00e8s Internet et les navigateurs Web, privil\u00e9giez les<a href=\"https:\/\/www.codeur.com\/blog\/top-polices-web-safe\/\"> polices Web safe<\/a>. Vous \u00eates s\u00fbr qu\u2019elles s\u2019afficheront correctement\u00a0!<br \/>\nCependant, n\u2019en faites pas trop. Utilisez des polices diff\u00e9rentes pour les titres et le corps du texte, et \u00e9ventuellement une autre pour les boutons d\u2019appel \u00e0 l\u2019action. Mais c\u2019est tout\u00a0! Restez simple et privil\u00e9giez la lisibilit\u00e9.<br \/>\nEnfin, restez coh\u00e9rent avec votre charte graphique en int\u00e9grant la m\u00eame typographie dans vos emails. Vous am\u00e9liorez ainsi la reconnaissance de marque.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-57259\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/good-glyphs-no1-from-violet-office-549x1024.png\" alt=\"typographie email\" width=\"374\" height=\"697\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/good-glyphs-no1-from-violet-office-549x1024.png 549w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/good-glyphs-no1-from-violet-office-161x300.png 161w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/good-glyphs-no1-from-violet-office-370x690.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/good-glyphs-no1-from-violet-office-270x503.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/good-glyphs-no1-from-violet-office-570x1063.png 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/11\/good-glyphs-no1-from-violet-office.png 680w\" sizes=\"(max-width: 374px) 100vw, 374px\" \/><\/p>\n<h2>6. Ajouter du contenu interactif<\/h2>\n<p>Vous pouvez int\u00e9grer du contenu interactif dans vos emails pour proposer une exp\u00e9rience ludique \u00e0 vos lecteurs. C\u2019est un excellent moyen de stimuler l\u2019engagement et de cr\u00e9er une meilleure exp\u00e9rience utilisateur puisque votre audience peut interagir sans pour autant cliquer sur les liens.<br \/>\nVoici une liste d\u2019\u00e9l\u00e9ments \u00e0 int\u00e9grer pour cr\u00e9er un contenu interactif&nbsp;:<\/p>\n<ul>\n<li>Boutons de call to action<\/li>\n<li>Options de recherche<\/li>\n<li>Int\u00e9grer un carrousel de produits<\/li>\n<li>Fonctionnalit\u00e9 pour ajouter au panier<\/li>\n<li>Sondages ou enqu\u00eates<\/li>\n<\/ul>\n<blockquote><p>Attention&nbsp;: Pour faire de vos newsletters des microsites, il vous faudra quelques comp\u00e9tences en HTML et <a href=\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\">CSS<\/a> ou faire appel \u00e0 des <a href=\"https:\/\/www.codeur.com\/fonctionnement-codeur\">experts en int\u00e9gration d&#8217;email freelances<\/a>.<\/p><\/blockquote>\n<h2>7. Privil\u00e9gier un design d&#8217;email \u00e9pur\u00e9<\/h2>\n<p>Choisir un mod\u00e8le d&#8217;email \u00e9pur\u00e9 \u00e9vite de distraire vos clients et prospects de votre objectif principal. Ils peuvent se concentrer sur les liens \u00e0 cliquer. Cela n&#8217;emp\u00eache pas les interactions d\u00e9crites pr\u00e9c\u00e9demment&nbsp;!<br \/>\nL&#8217;un des principaux avantages de la simplicit\u00e9 est qu&#8217;il est plus facile de diriger les lecteurs vers votre CTA. C&#8217;est un point crucial si vous souhaitez augmenter le taux de clics de vos campagnes emailing&nbsp;! \u00c0 cet effet, pr\u00e9f\u00e9rez un design avec une seule colonne, plus facile \u00e0 parcourir en un coup d\u2019\u0153il.<\/p>\n<h2>8. Soigner la lisibilit\u00e9 et l&#8217;accessibilit\u00e9<\/h2>\n<p>Respectez la hi\u00e9rarchie du texte (titre en gras, paragraphe \u00e9crit plus petit, etc.) pour une meilleure lisibilit\u00e9. Les textes accompagnants vos images doivent apporter une v\u00e9ritable valeur (et inciter le lecteur \u00e0 cliquer).<br \/>\nNe n\u00e9gligez pas non plus l&#8217;accessibilit\u00e9&nbsp;: pour rendre votre email lisible par tous, la taille du texte devrait \u00eatre d&#8217;au moins 16 pt. N&#8217;oubliez pas de renseigner un texte alternatif pour chacun de vos visuels.<br \/>\nEnfin, soyez le plus concis possible pour plus de clart\u00e9.<\/p>\n<h2>9. Se concentrer sur un appel \u00e0 l&#8217;action principal<\/h2>\n<p>Id\u00e9alement, un email = un objectif, donc un seul call-to-action. Cependant, il est possible de proposer plusieurs appels \u00e0 l&#8217;action, notamment si vous avez de nombreuses offres promotionnelles.<br \/>\nDans ce cas, organisez-les selon une hi\u00e9rarchie. Votre CTA principal doit se trouver en haut de l\u2019email et b\u00e9n\u00e9ficier d\u2019un design vif, qui se d\u00e9tache pleinement du message.<\/p>\n<h2>10. Guider le regard vers le bas<\/h2>\n<p>La mise en page de votre email doit inciter le destinataire \u00e0 poursuivre sa lecture. Cr\u00e9ez un flux descendant pour planifier les \u00e9l\u00e9ments visuels de votre message.<br \/>\nD\u00e9marrez par une phrase forte, qui reprend le message principal, suivi d\u2019un visuel, puis des informations d\u00e9taill\u00e9es. Pour d\u00e9couvrir votre offre, le destinataire sera oblig\u00e9 de scroller.<br \/>\nN\u2019h\u00e9sitez pas \u00e0 ajouter clairement une fl\u00e8che vers le bas, qui encourage l\u2019abonn\u00e9 \u00e0 continuer sa lecture jusqu\u2019au call-to-action.<\/p>\n<h2>11. Personnaliser les emails<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-40263 lazyloaded\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/your-february-stats.jpg\" sizes=\"(max-width: 400px) 100vw, 400px\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/your-february-stats.jpg 400w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/your-february-stats-142x300.jpg 142w\" alt=\"email \u00e0 partager Strava\" width=\"400\" height=\"843\" data-lazy-src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/your-february-stats.jpg\" data-lazy-srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/your-february-stats.jpg 400w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/your-february-stats-142x300.jpg 142w\" data-lazy-sizes=\"(max-width: 400px) 100vw, 400px\" data-was-processed=\"true\" \/><br \/>\nOn parle ici de marketing ax\u00e9 sur l\u2019exp\u00e9rience humaine. C\u2019est l\u2019une des grandes tendances actuelles, elle consiste \u00e0 aller vers une personnalisation de plus en plus pouss\u00e9e qui s\u2019adapte au comportement de l\u2019utilisateur.<br \/>\nIl existe des automatisations avanc\u00e9es comme la segmentation des prospects qui permet de cr\u00e9er des emails personnalis\u00e9s, dynamiques et innovants. Il est possible de modifier des sections enti\u00e8res de contenu pour les adapter aux comportements et aux int\u00e9r\u00eats de vos lecteurs.<\/p>\n<h2>12. Penser mobile friendly<\/h2>\n<p>On ne le dira jamais assez, mais pensez \u00e0 l\u2019affichage mobile\u00a0! Dans <a href=\"https:\/\/www.campaignmonitor.com\/blog\/email-marketing\/2019\/07\/7-stats-that-will-make-you-rethink-mobile-email\/\" target=\"_blank\" rel=\"noopener\">70 % des cas<\/a>, les emails qui s&#8217;affichent mal sur les mobiles sont supprim\u00e9s en moins de 3 secondes&nbsp;!<br \/>\nLe design de votre email doit parfaitement s\u2019afficher sur tous les \u00e9crans. D\u2019ailleurs, il est conseill\u00e9 de cr\u00e9er un template \u00e0 partir du mobile. Cela vous assure d\u2019envoyer des newsletters parfaitement lisibles sur smartphone.<br \/>\nEt ce n\u2019est pas tout\u00a0! Pr\u00e9voyez des espaces entre les images et les boutons d\u2019appel \u00e0 l\u2019action. Si vous voulez booster les clics, les liens doivent \u00eatre facilement cliquables avec le doigt.<\/p>\n<h2>Conclusion<\/h2>\n<p>L\u2019email est l\u2019un des canaux marketing les plus engageants, avec un retour sur investissement tr\u00e8s positif. Cependant, chaque jour, vos abonn\u00e9s re\u00e7oivent des dizaines d\u2019emails. Il est essentiel de capter leur attention avec un design \u00e9pur\u00e9, qui laisse place aux informations principales\u2026 et au call-to-action\u00a0!<br \/>\nVous connaissez \u00e0 pr\u00e9sent tous les \u00e9l\u00e9ments pour cr\u00e9er un design d\u2019email attractif et structur\u00e9 de fa\u00e7on \u00e0 augmenter votre taux de conversion et mener une campagne d\u2019email performante.<br \/>\nAttention toutefois, le design d&#8217;email et surtout son <a href=\"https:\/\/www.codeur.com\/blog\/devops-outils-integration-continue\/\">int\u00e9gration<\/a> HTML demandent des comp\u00e9tences techniques tr\u00e8s particuli\u00e8res pour un email adapt\u00e9 \u00e0 toutes les bo\u00eetes de r\u00e9ception. Trouvez des experts en email marketing en postant gratuitement une annonce sur <a href=\"https:\/\/www.codeur.com\/fonctionnement-codeur\">Codeur.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pour mener une campagne d\u2019email marketing performante, le design de vos emails est essentiel. Les emails attractifs et bien con\u00e7us sont capables d\u2019augmenter votre taux de conversion et de mettre en confiance vos prospects. Vos abonn\u00e9s passent, en moyenne, un peu plus de 13 secondes \u00e0 lire vos emails. C\u2019est peu et cela conduit souvent [&hellip;]<\/p>\n","protected":false},"author":67,"featured_media":53719,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[26],"tags":[39],"class_list":["post-43170","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-emailing","tag-conseils"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Email design : 12 bonnes pratiques pour augmenter le taux de clic<\/title>\n<meta name=\"description\" content=\"Pour mener une campagne d\u2019email marketing performante, le design de vos emails est essentiel. Les emails attractifs et bien con\u00e7us sont capables\" \/>\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.codeur.com\/blog\/bonnes-pratiques-email-design\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Email design : 12 bonnes pratiques pour augmenter le taux de clic\" \/>\n<meta property=\"og:description\" content=\"Pour mener une campagne d\u2019email marketing performante, le design de vos emails est essentiel. Les emails attractifs et bien con\u00e7us sont capables\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-06T09:55:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-12T13:07:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aude Marty\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeur\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aude Marty\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/\"},\"author\":{\"name\":\"Aude Marty\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/110c0feb0ab60432e89d27f5fa2da617\"},\"headline\":\"Email design&nbsp;: 12 bonnes pratiques pour augmenter le taux de clic\",\"datePublished\":\"2021-12-06T09:55:14+00:00\",\"dateModified\":\"2025-09-12T13:07:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/\"},\"wordCount\":1992,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg\",\"keywords\":[\"Conseils\"],\"articleSection\":[\"Emailing\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/\",\"name\":\"Email design : 12 bonnes pratiques pour augmenter le taux de clic\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg\",\"datePublished\":\"2021-12-06T09:55:14+00:00\",\"dateModified\":\"2025-09-12T13:07:00+00:00\",\"description\":\"Pour mener une campagne d\u2019email marketing performante, le design de vos emails est essentiel. Les emails attractifs et bien con\u00e7us sont capables\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg\",\"width\":1024,\"height\":618,\"caption\":\"design d'email\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Marketing\",\"item\":\"https:\/\/www.codeur.com\/blog\/marketing-digital\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Emailing\",\"item\":\"https:\/\/www.codeur.com\/blog\/marketing-digital\/emailing\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Email design&nbsp;: 12 bonnes pratiques pour augmenter le taux de clic\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/110c0feb0ab60432e89d27f5fa2da617\",\"name\":\"Aude Marty\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ae918d51b377a3b9585cfdc38b3d7078fa61c40e14449af59264a7b44e51f153?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ae918d51b377a3b9585cfdc38b3d7078fa61c40e14449af59264a7b44e51f153?s=96&d=mm&r=g\",\"caption\":\"Aude Marty\"},\"description\":\"V\u00e9ritable touche-\u00e0-tout du web, Aude est toujours au courant des derni\u00e8res nouveaut\u00e9s et des nouveaux outils pour freelances.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/martyaude\/\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/aude\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Email design : 12 bonnes pratiques pour augmenter le taux de clic","description":"Pour mener une campagne d\u2019email marketing performante, le design de vos emails est essentiel. Les emails attractifs et bien con\u00e7us sont capables","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.codeur.com\/blog\/bonnes-pratiques-email-design\/","og_locale":"fr_FR","og_type":"article","og_title":"Email design : 12 bonnes pratiques pour augmenter le taux de clic","og_description":"Pour mener une campagne d\u2019email marketing performante, le design de vos emails est essentiel. Les emails attractifs et bien con\u00e7us sont capables","og_url":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2021-12-06T09:55:14+00:00","article_modified_time":"2025-09-12T13:07:00+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg","type":"image\/jpeg"}],"author":"Aude Marty","twitter_card":"summary_large_image","twitter_creator":"@codeur","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"Aude Marty","Dur\u00e9e de lecture estim\u00e9e":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/"},"author":{"name":"Aude Marty","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/110c0feb0ab60432e89d27f5fa2da617"},"headline":"Email design&nbsp;: 12 bonnes pratiques pour augmenter le taux de clic","datePublished":"2021-12-06T09:55:14+00:00","dateModified":"2025-09-12T13:07:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/"},"wordCount":1992,"commentCount":2,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg","keywords":["Conseils"],"articleSection":["Emailing"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/","url":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/","name":"Email design : 12 bonnes pratiques pour augmenter le taux de clic","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg","datePublished":"2021-12-06T09:55:14+00:00","dateModified":"2025-09-12T13:07:00+00:00","description":"Pour mener une campagne d\u2019email marketing performante, le design de vos emails est essentiel. Les emails attractifs et bien con\u00e7us sont capables","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/07\/image-emailingdesign-1.jpg","width":1024,"height":618,"caption":"design d'email"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/bonnes-pratiques-email-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Marketing","item":"https:\/\/www.codeur.com\/blog\/marketing-digital\/"},{"@type":"ListItem","position":3,"name":"Emailing","item":"https:\/\/www.codeur.com\/blog\/marketing-digital\/emailing\/"},{"@type":"ListItem","position":4,"name":"Email design&nbsp;: 12 bonnes pratiques pour augmenter le taux de clic"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/110c0feb0ab60432e89d27f5fa2da617","name":"Aude Marty","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ae918d51b377a3b9585cfdc38b3d7078fa61c40e14449af59264a7b44e51f153?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ae918d51b377a3b9585cfdc38b3d7078fa61c40e14449af59264a7b44e51f153?s=96&d=mm&r=g","caption":"Aude Marty"},"description":"V\u00e9ritable touche-\u00e0-tout du web, Aude est toujours au courant des derni\u00e8res nouveaut\u00e9s et des nouveaux outils pour freelances.","sameAs":["https:\/\/www.linkedin.com\/in\/martyaude\/"],"url":"https:\/\/www.codeur.com\/blog\/author\/aude\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/43170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=43170"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/43170\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/53719"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=43170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=43170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=43170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}