{"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\/en\/knowledgebase\/update-template-builder-en-overzicht\/","title":{"rendered":"Modification of template builder and template overview"},"content":{"rendered":"<p>A number of updates have been made in the Contact module that have to do with creating e-mail templates and displaying the overview of templates. We list the updates:<\/p>\n\n\n\n<p><strong>Adding elements and layout<\/strong><\/p>\n\n\n\n<p>The drag-and-drop function has been improved. Adding an element or layout works more smoothly than in the previous version. It is also now possible to add an element or layout via the blue line with the +.<\/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>If you drag a new layout into the template, you can add an element via 'add block' (and you don't have to drag it).<\/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\/image-6.png\" alt=\"\" class=\"wp-image-2756\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-6.png 853w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-6-300x166.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-6-768x424.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-6-50x28.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-6-18x10.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-6-60x33.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-6-100x55.png 100w\" sizes=\"(max-width: 853px) 100vw, 853px\" \/><\/figure>\n\n\n\n<p><strong>New text editor<\/strong><\/p>\n\n\n\n<p>The text editor can now be used from within the element itself. All text editing options appear in the top menu.<\/p>\n\n\n\n<p>Tip: want to use a merge field in the text? If you insert these characters you will immediately see all the merge fields that are available: <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>Email inbox preview view<\/strong><\/p>\n\n\n\n<p>Click the two-eyed icon to simulate an e-mail inbox from an e-mail template. You can see the email subject, the preheader and all merge fields with filled values.<\/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\/image-7.png\" alt=\"\" class=\"wp-image-2757\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-7.png 424w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-7-300x42.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-7-50x7.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-7-18x3.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-7-60x8.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-7-100x14.png 100w\" sizes=\"(max-width: 424px) 100vw, 424px\" \/><\/figure>\n\n\n\n<p><strong>Preview display of the e-mail at different screen sizes and in dark mode display.<\/strong><\/p>\n\n\n\n<p>View the mail in different views; big screen, tablet screen and smartphone screen. Click on view in dark mode to see how the mail appears in this view.<\/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>Interim storage<\/strong> <strong>of the template<\/strong><\/p>\n\n\n\n<p>If you want to save an e-mail template in between, without leaving the template builder, click the dropdown menu of the save button and click 'save'. It is also possible to use <strong>CTRL + S<\/strong> standing up a template in between.<\/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\/image-8.png\" alt=\"\" class=\"wp-image-2760\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-8.png 558w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-8-300x109.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-8-50x18.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-8-18x7.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-8-60x22.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-8-100x36.png 100w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/><\/figure>\n\n\n\n<p><strong>Model-dependent content in an e-mail<\/strong><\/p>\n\n\n\n<p>It is possible to display content based on the customer's car model. Click on the model icon in an element.<\/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\/image-13.png\" alt=\"\" class=\"wp-image-2767\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-13.png 774w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-13-300x155.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-13-768x397.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-13-50x26.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-13-18x9.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-13-60x31.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-13-100x52.png 100w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><\/figure>\n\n\n\n<p>Then click the models for which customers the element should be shown in the 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\/image-14.png\" alt=\"\" class=\"wp-image-2768\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-14.png 644w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-14-300x170.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-14-50x28.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-14-18x10.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-14-60x34.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-14-100x57.png 100w\" sizes=\"(max-width: 644px) 100vw, 644px\" \/><\/figure>\n\n\n\n<p>The blue triangle in the element shows that the content is set model-dependent. To simulate this, click on model dependent in the top menu and select the model.<\/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>Create template<\/strong><\/p>\n\n\n\n<p>Create a new template via the 'create' button. Select medium, possibly brand and language. You should now enter the name as you want to call the template. Then click on 'create'.<\/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\/image-12.png\" alt=\"\" class=\"wp-image-2766\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-12.png 1021w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-12-300x175.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-12-768x449.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-12-50x29.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-12-18x12.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-12-60x35.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-12-100x58.png 100w\" sizes=\"(max-width: 1021px) 100vw, 1021px\" \/><\/figure>\n\n\n\n<p><strong>Template overview<\/strong><\/p>\n\n\n\n<p>From now on, you can view all templates available to you at a glance. The filters allow you to easily search for a template. You can also use the search field to quickly find a template.<\/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\/image-11-1024x82.png\" alt=\"\" class=\"wp-image-2765\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-11-1024x82.png 1024w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-11-300x24.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-11-768x61.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-11-50x4.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-11-18x1.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-11-60x5.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-11-100x8.png 100w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2026\/04\/image-11.png 1268w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Action buttons are available via the overview:<\/p>\n\n\n\n<ul>\n<li>edit template<\/li>\n\n\n\n<li>send test e-mail<\/li>\n\n\n\n<li>preview the template<\/li>\n\n\n\n<li>delete the template<\/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\/en\/wp-json\/wp\/v2\/ht-kb\/2749"}],"collection":[{"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/comments?post=2749"}],"version-history":[{"count":8,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb\/2749\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb\/2749\/revisions\/2785"}],"wp:attachment":[{"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/media?parent=2749"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=2749"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=2749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}