{"id":2749,"date":"2026-04-13T09:04:16","date_gmt":"2026-04-13T08:04:16","guid":{"rendered":"https:\/\/help.contactmodule.com\/?post_type=ht_kb&#038;p=2749"},"modified":"2026-04-13T12:56:59","modified_gmt":"2026-04-13T11:56:59","slug":"update-template-builder-en-overzicht","status":"publish","type":"ht_kb","link":"https:\/\/help.contactmodule.com\/fr\/knowledgebase\/update-template-builder-en-overzicht\/","title":{"rendered":"Modification du g\u00e9n\u00e9rateur de mod\u00e8les et de l'aper\u00e7u des mod\u00e8les"},"content":{"rendered":"<p>Un certain nombre de mises \u00e0 jour ont \u00e9t\u00e9 effectu\u00e9es dans le module Contact concernant la cr\u00e9ation de mod\u00e8les de courrier \u00e9lectronique et l'affichage de l'aper\u00e7u des mod\u00e8les. Nous dressons la liste de ces mises \u00e0 jour :<\/p>\n\n\n\n<p><strong>Ajout d'\u00e9l\u00e9ments et mise en page<\/strong><\/p>\n\n\n\n<p>La fonction \"glisser-d\u00e9poser\" a \u00e9t\u00e9 am\u00e9lior\u00e9e. L'ajout d'un \u00e9l\u00e9ment ou d'une disposition se fait de mani\u00e8re plus fluide que dans la version pr\u00e9c\u00e9dente. Il est \u00e9galement possible d'ajouter un \u00e9l\u00e9ment ou une disposition via la ligne bleue avec le +.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"606\" height=\"305\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-5.png\" alt=\"\" class=\"wp-image-2755\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-5.png 606w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-5-300x151.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-5-50x25.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-5-18x9.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-5-60x30.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-5-100x50.png 100w\" sizes=\"(max-width: 606px) 100vw, 606px\" \/><\/figure>\n\n\n\n<p>Si vous faites glisser une nouvelle mise en page dans le mod\u00e8le, vous pouvez ajouter un \u00e9l\u00e9ment via \"ajouter un bloc\" (et vous n'avez pas besoin de le faire glisser).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"853\" height=\"471\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121209.png\" alt=\"\" class=\"wp-image-2756\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121209.png 954w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121209-300x191.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121209-768x489.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121209-50x32.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121209-18x12.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121209-60x38.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121209-100x64.png 100w\" sizes=\"(max-width: 853px) 100vw, 853px\" \/><\/figure>\n\n\n\n<p><strong>Nouvel \u00e9diteur de texte<\/strong><\/p>\n\n\n\n<p>L'\u00e9diteur de texte peut d\u00e9sormais \u00eatre utilis\u00e9 \u00e0 partir de l'\u00e9l\u00e9ment lui-m\u00eame. Toutes les options d'\u00e9dition de texte apparaissent dans le menu sup\u00e9rieur.<\/p>\n\n\n\n<p>Conseil : vous souhaitez utiliser un champ de fusion dans le texte ? Si vous ins\u00e9rez ces caract\u00e8res, vous verrez imm\u00e9diatement tous les champs de fusion disponibles : <strong>*|<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"709\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-9.png\" alt=\"\" class=\"wp-image-2761\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-9.png 1020w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-9-300x209.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-9-768x534.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-9-50x35.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-9-18x12.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-9-60x42.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-9-100x70.png 100w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/figure>\n\n\n\n<p><strong>Aper\u00e7u de la bo\u00eete de r\u00e9ception des courriels<\/strong><\/p>\n\n\n\n<p>Cliquez sur l'ic\u00f4ne \u00e0 deux yeux pour simuler une bo\u00eete de r\u00e9ception \u00e0 partir d'un mod\u00e8le de courrier \u00e9lectronique. Vous pouvez voir l'objet de l'e-mail, l'en-t\u00eate et tous les champs de fusion avec des valeurs remplies.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"424\" height=\"60\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-1214501.png\" alt=\"\" class=\"wp-image-2757\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-1214501.png 453w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-1214501-300x40.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-1214501-50x7.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-1214501-18x2.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-1214501-60x8.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-1214501-100x13.png 100w\" sizes=\"(max-width: 424px) 100vw, 424px\" \/><\/figure>\n\n\n\n<p><strong>Affichage d'un aper\u00e7u de l'e-mail \u00e0 diff\u00e9rentes tailles d'\u00e9cran et en mode sombre.<\/strong><\/p>\n\n\n\n<p>Visualisez le courrier dans diff\u00e9rents modes d'affichage : grand \u00e9cran, \u00e9cran de tablette et \u00e9cran de smartphone. Cliquez sur \"Afficher en mode sombre\" pour voir comment le courrier appara\u00eet dans cette vue.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"401\" height=\"84\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-3.png\" alt=\"\" class=\"wp-image-2753\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-3.png 401w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-3-300x63.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-3-50x10.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-3-18x4.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-3-60x13.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-3-100x21.png 100w\" sizes=\"(max-width: 401px) 100vw, 401px\" \/><\/figure>\n\n\n\n<p><strong>Stockage provisoire<\/strong> <strong>du mod\u00e8le<\/strong><\/p>\n\n\n\n<p>Si vous souhaitez enregistrer un mod\u00e8le de courrier \u00e9lectronique entre-temps, sans quitter le g\u00e9n\u00e9rateur de mod\u00e8les, cliquez sur le menu d\u00e9roulant du bouton d'enregistrement et cliquez sur \"Enregistrer\". Il est \u00e9galement possible d'utiliser <strong>CTRL + S<\/strong> la mise en place d'un mod\u00e8le entre les deux.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"203\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121614.png\" alt=\"\" class=\"wp-image-2760\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121614.png 460w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121614-300x76.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121614-50x13.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121614-18x5.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121614-60x15.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121614-100x25.png 100w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/><\/figure>\n\n\n\n<p><strong>Contenu d'un e-mail en fonction du mod\u00e8le<\/strong><\/p>\n\n\n\n<p>Il est possible d'afficher le contenu en fonction du mod\u00e8le de voiture du client. Cliquez sur l'ic\u00f4ne du mod\u00e8le dans un \u00e9l\u00e9ment.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"774\" height=\"400\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121825.png\" alt=\"\" class=\"wp-image-2767\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121825.png 746w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121825-300x123.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121825-50x21.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121825-18x7.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121825-60x25.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121825-100x41.png 100w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><\/figure>\n\n\n\n<p>Cliquez ensuite sur les mod\u00e8les pour lesquels l'\u00e9l\u00e9ment doit \u00eatre affich\u00e9 dans l'e-mail.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"364\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121928.png\" alt=\"\" class=\"wp-image-2768\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121928.png 705w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121928-300x134.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121928-50x22.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121928-18x8.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121928-60x27.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-121928-100x45.png 100w\" sizes=\"(max-width: 644px) 100vw, 644px\" \/><\/figure>\n\n\n\n<p>Le triangle bleu dans l'\u00e9l\u00e9ment indique que le contenu est d\u00e9fini en fonction du mod\u00e8le. Pour le simuler, cliquez sur \"d\u00e9pendant du mod\u00e8le\" dans le menu sup\u00e9rieur et s\u00e9lectionnez le mod\u00e8le.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"355\" height=\"60\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-16.png\" alt=\"\" class=\"wp-image-2770\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-16.png 355w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-16-300x51.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-16-50x8.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-16-18x3.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-16-60x10.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-16-100x17.png 100w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/figure>\n\n\n\n<p><strong>Cr\u00e9er un mod\u00e8le<\/strong><\/p>\n\n\n\n<p>Cr\u00e9ez un nouveau mod\u00e8le en cliquant sur le bouton \"Cr\u00e9er\". S\u00e9lectionnez le support, \u00e9ventuellement la marque et la langue. Vous devez maintenant saisir le nom que vous souhaitez donner au mod\u00e8le. Cliquez ensuite sur \"cr\u00e9er\".<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"597\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044.png\" alt=\"\" class=\"wp-image-2766\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044.png 1093w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044-300x157.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044-1024x537.png 1024w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044-768x403.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044-50x26.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044-18x9.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044-60x31.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122044-100x52.png 100w\" sizes=\"(max-width: 1021px) 100vw, 1021px\" \/><\/figure>\n\n\n\n<p><strong>Aper\u00e7u du mod\u00e8le<\/strong><\/p>\n\n\n\n<p>D\u00e9sormais, vous pouvez visualiser tous les mod\u00e8les disponibles en un coup d'\u0153il. Les filtres vous permettent de rechercher facilement un mod\u00e8le. Utilisez \u00e9galement le champ de recherche pour trouver rapidement un mod\u00e8le.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"82\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709.png\" alt=\"\" class=\"wp-image-2765\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709.png 1288w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709-300x35.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709-1024x120.png 1024w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709-768x90.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709-50x6.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709-18x2.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709-60x7.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/Schermafbeelding-2026-04-13-122709-100x12.png 100w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Des boutons d'action sont disponibles dans la vue d'ensemble :<\/p>\n\n\n\n<ul>\n<li>modifier le mod\u00e8le<\/li>\n\n\n\n<li>envoyer un e-mail de test<\/li>\n\n\n\n<li>pr\u00e9visualiser le mod\u00e8le<\/li>\n\n\n\n<li>supprimer le mod\u00e8le<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"401\" height=\"102\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-10.png\" alt=\"\" class=\"wp-image-2764\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-10.png 401w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-10-300x76.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-10-50x13.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-10-18x5.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-10-60x15.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-10-100x25.png 100w\" sizes=\"(max-width: 401px) 100vw, 401px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Er zijn een aantal updates uitgevoerd in de Contactmodule die te maken hebben met het maken van e-mail templates en de weergave van het overzicht van de templates. We zetten de updates op een rij: Elementen en layout toevoegen De drag-and-drop functie is verbeterd. Het toevoegen van een element of&#8230;<\/p>","protected":false},"author":7,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[104,108],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/ht-kb\/2749"}],"collection":[{"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/comments?post=2749"}],"version-history":[{"count":8,"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/ht-kb\/2749\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/ht-kb\/2749\/revisions\/2785"}],"wp:attachment":[{"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/media?parent=2749"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=2749"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/help.contactmodule.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=2749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}