{"id":387,"date":"2022-07-21T10:54:22","date_gmt":"2022-07-21T09:54:22","guid":{"rendered":"http:\/\/help.contactmodule.com\/?post_type=ht_kb&#038;p=387"},"modified":"2025-07-06T14:34:24","modified_gmt":"2025-07-06T13:34:24","slug":"drag-drop","status":"publish","type":"ht_kb","link":"https:\/\/help.contactmodule.com\/en\/knowledgebase\/drag-drop\/","title":{"rendered":"The structure of the e-mail template"},"content":{"rendered":"<p><strong>An e-mail template is made up of a number of elements. The elements are predefined in the brand or company house style. From the template builder, you can easily build the e-mail using drag-and-drop elements.<\/strong><\/p>\n\n\n\n<p>In the 'marketing' section, select the 'templates' menu<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"956\" height=\"531\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-16.png\" alt=\"\" class=\"wp-image-2296\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-16.png 956w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-16-300x167.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-16-768x427.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-16-50x28.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-16-18x10.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-16-60x33.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-16-100x56.png 100w\" sizes=\"(max-width: 956px) 100vw, 956px\" \/><\/figure>\n\n\n\n<p><br>Open an existing template or create a new one from the menus.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Layout<\/h2>\n\n\n\n<p>Click on the 'layout' tab to add components in the e-mail template. Depending on the brand or house style, you will find predefined layout elements here.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"378\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-1024x378.png\" alt=\"\" class=\"wp-image-2308\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-1024x378.png 1024w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-300x111.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-768x283.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-50x18.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-1536x566.png 1536w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-18x7.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-60x22.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22-100x37.png 100w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-22.png 1879w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Elements<\/h2>\n\n\n\n<p>Select the 'Elements' tab to fill the layout with <\/p>\n\n\n\n<ol>\n<li>a text block<\/li>\n\n\n\n<li>an image<\/li>\n\n\n\n<li>a button with a call to action<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"367\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-1024x367.png\" alt=\"\" class=\"wp-image-2309\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-1024x367.png 1024w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-300x107.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-768x275.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-50x18.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-1536x550.png 1536w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-18x6.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-60x21.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23-100x36.png 100w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-23.png 1904w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Settings<\/h2>\n\n\n\n<p>Behind the 'settings' tab, you can set the subject and preheader of the mail, among other things.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"334\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-1024x334.png\" alt=\"\" class=\"wp-image-2311\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-1024x334.png 1024w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-300x98.png 300w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-768x251.png 768w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-50x16.png 50w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-1536x501.png 1536w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-18x6.png 18w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-60x20.png 60w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25-100x33.png 100w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-25.png 1780w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">AI<\/h2>\n\n\n\n<p>The AI tab helps you come up with good text for the message you wish to send. It asks questions to build a good prompt. This takes into account the tone-of-voice of the brand or your company. <\/p>\n\n\n\n<p>What do you want to tell? To whom? In how many words? What do you expect from your customer? et cetera.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"694\" height=\"754\" src=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-26.png\" alt=\"\" class=\"wp-image-2312\" srcset=\"https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-26.png 694w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-26-276x300.png 276w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-26-46x50.png 46w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-26-11x12.png 11w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-26-55x60.png 55w, https:\/\/help.contactmodule.com\/wp-content\/uploads\/2025\/07\/image-26-92x100.png 92w\" sizes=\"(max-width: 694px) 100vw, 694px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Een e-mail template is opgebouwd uit een aantal elementen. De elementen zijn in de huisstijl van het merk of van uw bedrijf in de basis voorgedefinieerd. Vanuit de template builder kunt u eemvoudig met drag-and-drop elementen de e-mail opbouwen. Selecteer in de sectie &#8216;marketing&#8217; het menu &#8217;templates&#8217; Open een bestaande&#8230;<\/p>","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[35],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb\/387"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/comments?post=387"}],"version-history":[{"count":6,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb\/387\/revisions"}],"predecessor-version":[{"id":2313,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb\/387\/revisions\/2313"}],"wp:attachment":[{"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/media?parent=387"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=387"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/help.contactmodule.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}