{"id":13651,"date":"2024-03-20T16:58:35","date_gmt":"2024-03-20T15:58:35","guid":{"rendered":"https:\/\/helpcenter.blendee.com\/article\/how-to-create-a-mail-template-from-scratch-with-the-built-in-editor\/"},"modified":"2024-06-27T10:53:23","modified_gmt":"2024-06-27T08:53:23","slug":"how-to-create-a-mail-template-from-scratch-with-the-built-in-editor","status":"publish","type":"article","link":"https:\/\/helpcenter.streamwise.it\/en\/article\/how-to-create-a-mail-template-from-scratch-with-the-built-in-editor\/","title":{"rendered":"How to create a mail template from scratch with the built-in editor"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/968920729?dnt=1&amp;app_id=122963\" width=\"699\" height=\"393\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>With this article we inaugurate a new series of articles that will allow you to make the most of the new templar editor made available in Blendee.<\/p>\n\n\n\n<p>In this article, we&#8217;ll create a basic template from scratch and add elements and customizations in subsequent articles.<\/p>\n\n\n\n<p>To access the template editor you need to go to <em>Direct Marketing -&gt; Email Marketing.<\/em><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><img data-original=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/immagine-email-marketing-corretta-2-3-159x300.png\" alt=\"\" class=\"wp-image-10447\"\/><\/figure><\/div>\n\n\n<p>Once you have entered the section, click on the &#8220;New newsletter&#8221; button at the top right, from here you can configure all the parameters required for the creation of the newsletter up to the Template choice screen<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-10-15-alle-10.09.21-1024x544.png\" alt=\"\" class=\"wp-image-7435\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-10-15-alle-10.09.21-1024x544.png 1024w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-10-15-alle-10.09.21-300x159.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-10-15-alle-10.09.21-768x408.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-10-15-alle-10.09.21.png 1439w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Here click on the first &#8220;Empty&#8221; template in the General tab and continue on<\/p>\n\n\n\n<p>In the next step, the Template Editor will open as in the following figure with a suggested template to edit:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-04-alle-17.28.14.png\" data-lbwps-width=\"2862\" data-lbwps-height=\"1486\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-04-alle-17.28.14.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-04-alle-17.28.14-1024x532.png\" alt=\"\" class=\"wp-image-9748\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-04-alle-17.28.14-1024x532.png 1024w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-04-alle-17.28.14-300x156.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-04-alle-17.28.14-768x399.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-04-alle-17.28.14-1536x798.png 1536w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-04-alle-17.28.14-2048x1063.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<p>From the left panel, in the &#8220;Common&#8221; section, you can select and insert, in the central drawing area, the sections, texts and images that will allow you to customize your email.<\/p>\n\n\n\n<p>In our example, we will need to insert a &#8220;Header&#8221; section, a content section, and a &#8220;Footer&#8221; section.<\/p>\n\n\n\n<p>Each of these elements can be managed via the icons at the top right of the block. Let&#8217;s see them together:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"41\" height=\"44\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.32.22.png\" alt=\"\" class=\"wp-image-7347\"\/><\/figure><\/div>\n\n\n<p>By clicking on this icon we can select the container element higher than the one we have now selected;<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7350 size-full\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.34.21.png\" alt=\"\" width=\"41\" height=\"42\">  By clicking on this icon, you will have the option to save the selected module to be able to use it at any time.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"43\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.33.17.png\" alt=\"\" class=\"wp-image-7348\"\/><\/figure><\/div>\n\n\n<p>By clicking on this icon we can duplicate the selected element;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"44\" height=\"43\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.33.53.png\" alt=\"\" class=\"wp-image-7349\"\/><\/figure><\/div>\n\n\n<p>In this case, by clicking on the icon, we will delete the selected block;<a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/09\/Schermata-2018-09-28-alle-17.40.57.png\" data-lbwps-width=\"60\" data-lbwps-height=\"64\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/09\/Schermata-2018-09-28-alle-17.40.57.png\"><br><\/a><\/p>\n\n\n\n<p>In this article we will only worry about building the structure, while in the next ones we will see how to customize the various blocks.<\/p>\n\n\n\n<p>In the left column we insert a block of text (we will use it to insert the link to the web version).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"131\" height=\"114\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.36.48.png\" alt=\"\" class=\"wp-image-7353\"\/><\/figure><\/div>\n\n\n<p>The result will be:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"163\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.37.15-300x163.png\" alt=\"\" class=\"wp-image-7354\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.37.15-300x163.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.37.15.png 657w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n<p>We can proceed to create the body of the email which will have a section with a single column, with greeting text, an image and a call to action.<\/p>\n\n\n\n<p>By dragging it onto the drawing area, let&#8217;s insert a Structures using the following icon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"261\" height=\"300\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.37.53-261x300.png\" alt=\"\" class=\"wp-image-7355\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.37.53-261x300.png 261w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.37.53.png 392w\" sizes=\"(max-width: 261px) 100vw, 261px\" \/><\/figure><\/div>\n\n\n<p>The Section, as mentioned before, already contains the column within it.<\/p>\n\n\n\n<p>At this point, let&#8217;s drag, inside the column: the Text block, an image block and then a button block with the following icon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"124\" height=\"114\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.38.22.png\" alt=\"\" class=\"wp-image-7356\"\/><\/figure><\/div>\n\n\n<p>The result after the entries will look like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"186\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.39.18-300x186.png\" alt=\"\" class=\"wp-image-7357\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.39.18-300x186.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.39.18.png 676w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n<p>In our example, all that remains is to insert a footer. The footer that we are going to create will have four columns where: in the first we will enter the data relating to our company and in the other three the social icon with the link to our accounts.<\/p>\n\n\n\n<p>Let&#8217;s proceed by dragging the usual Structure block with 4 columns.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"54\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.46.01-300x54.png\" alt=\"\" class=\"wp-image-7359\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.46.01-300x54.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.46.01.png 391w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n<p>After inserting the four columns, in the first on the left we insert a block of text, in the other three columns we insert three blocks of text.<\/p>\n\n\n\n<p>The result, once all the blocks have been inserted, will be as follows:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"260\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.40.20-300x260.png\" alt=\"\" class=\"wp-image-7358\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.40.20-300x260.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-07-15-alle-14.40.20.png 664w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n<p>Next, we can place the menu and customize each menu item including, link, color, background color.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"521\" height=\"49\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/10\/Schermata-2021-11-26-alle-14.16.13.png\" alt=\"\" class=\"wp-image-7533\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-11-26-alle-14.16.13.png 521w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/10\/Schermata-2021-11-26-alle-14.16.13-300x28.png 300w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/><\/figure><\/div>\n\n\n<p>These are the most used blocks for creating an email with our editor, once you have finished customizing click on Save<\/p>\n<div class=\"wrap-post-useful post_useful_13651\">\n<p><div style=\"color: black; margin-bottom: 15px;\"><strong>Was this content useful?<\/strong><\/div><\/p>\n<p class=\"post_useful_success post_useful_success_13651\">Thanks for contributing!<\/p>\n<div class=\"post-useful-buttons post_useful_buttons_13651\">\n<a href=\"javascript:;\" style=\"border:0px;\" title=\"Yes\" class=\"post-useful-vote post-useful-vote-yes\" data-id=\"13651\" data-rate=\"1\">Yes<\/a>\n<a href=\"javascript:;\" style=\"border:0px;\" title=\"No\" class=\"post-useful-vote post-useful-vote-no\" data-id=\"13651\" data-rate=\"0\">No<\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>With this article we inaugurate a new series of articles that will allow you to make the most of the new templar editor made available in Blendee. In this article, we&#8217;ll create a basic template from scratch and add elements and customizations in subsequent articles. To access the template editor you need to go to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","format":"standard","article-category":[585,564,563],"article-tag":[178,588,586,580],"class_list":["post-13651","article","type-article","status-publish","format-standard","hentry","article-category-e-mail-editor-en","article-category-e-mail-marketing","article-category-template-en","article-tag-email-en","article-tag-email-campaigns","article-tag-email-editor-en","article-tag-email-marketing-en"],"_links":{"self":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13651"}],"collection":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13651\/revisions"}],"predecessor-version":[{"id":15147,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13651\/revisions\/15147"}],"wp:attachment":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/media?parent=13651"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-category?post=13651"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-tag?post=13651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}