{"id":32925,"date":"2015-09-09T05:29:53","date_gmt":"2015-09-09T05:29:53","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/"},"modified":"2022-05-13T17:04:28","modified_gmt":"2022-05-13T17:04:28","slug":"how-to-create-a-basic-newsletter-step-by-step","status":"publish","type":"post","link":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/","title":{"rendered":"How to create a basic newsletter step by step"},"content":{"rendered":"<p><a href=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/How-to-create-a-basic-newsletter-step-by-step.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/How-to-create-a-basic-newsletter-step-by-step.jpg\" alt=\"How to create a basic newsletter step by step\" width=\"600\" height=\"500\" class=\"alignnone size-full wp-image-10641\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/How-to-create-a-basic-newsletter-step-by-step.jpg 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/How-to-create-a-basic-newsletter-step-by-step-300x250.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/How-to-create-a-basic-newsletter-step-by-step-110x92.jpg 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>\tWould you like to create your own newsletter template? Do you have little experience (if any) working with HTML and other languages? This article can be a good help in creating a basic newsletter.<\/p>\n<p>\n\t\t\tI will try to give clear and not too technical instructions, however, don&#39;t worry because you can download the file with the html and images at the end of the article, and you can play a little with the code we will be using here!<\/p>\n<p>\n\t\t\tFirst we have a basic html file with the first lines of the code, if you open it with a software such as Dreamweaver, the code will be displayed by default:<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9060 size-full\" height=\"196\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01-300x98.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01-110x36.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tWithin the title tag, we will enter a title for the campaign, for example: &lt;title&gt;My newsletter&lt;\/title&gt;, and before closing the head tag, we will add CSS styles that will give instructions to the campaign and will improve its design, these styles can be modified as needed. The code would look like this:<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9061 size-full\" height=\"774\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02-233x300.png 233w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02-110x142.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tAfter that we have the <strong>body tag,<\/strong> where we will insert the information to be displayed by the email softwares. As there are many different softwares (and they work differently, affecting the display of the emails), it is best not to use many CSS rules, to increase the chances that the message is displayed correctly, for example in gmail, yahoo, hotmail, etc. We can locate within &quot;body&quot; several rules for this:<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9062 size-full\" height=\"96\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03-300x48.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03-110x18.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tTo create a newsletter template, we recommend you use tables, setting the height and width of each table, to ensure that the message is displayed correctly. If we want a certain backgrownd color, It is better to use a table that spans all the area, so in this case, we will use the following properties (you can change the color, changing the bgcolor property using another html code&nbsp; with the desired color):<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9063 size-full\" height=\"68\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04-300x34.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04-110x12.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tWe will also specify the font type, as I said before, it is best to use styles in each table, even columns sometimes repeating the same style. It is better to be redundant and have everything under control in these cases. Inside the table tag we will insert the tr tags (lines) and td (Columns) to sort the information. The first message is &quot;If you can&#39;t see this email properly, please visit the Web version&quot;, it is always advisable to offer users this option. The link uses the function <strong>web_version<\/strong><\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9064 size-full\" height=\"67\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05.png\" width=\"580\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05.png 580w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05-300x35.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05-110x13.png 110w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>\n\t\t\tNow we will enter a new tr and td, adding a new table inside it, (adding a table inside another is a good way to use a moderately complex code&nbsp; and prevent some display errors). This table contains key information.<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9065 size-full\" height=\"137\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06-300x69.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06-110x25.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tIn fact, for a newsletter with adequate margins for information, we can insert another table within this, again with align=&quot;center&quot; tag, but with a smaller width, like this:<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9066 size-full\" height=\"240\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07-300x120.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07-110x44.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tTo have a greater or lesser margin (also among margins of different elements) we will have to generate a column with a defined height, in this way:<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9067 size-full\" height=\"52\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08-300x26.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08-110x10.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tNow we will work with the message header, in this space, you can write the company name, or simply insert an image with your logo. If the image contains a link to a web page, it is recommended to insert the tag border=&quot;0&quot;, to avoid seeing a blue border in the image, which is displayed by default in some email softwares.<\/p>\n<p>\n\t\t\tIt is also important that each image contains an alternative text, some users might have turned off the default display of images, and with this text these subscribers will know what is being sent.<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9068 size-full\" height=\"94\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09-300x47.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09-110x17.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tThe next step is the title of the newsletter, we will add margins here as well, using the method explained above, a column that will generate a space (in my case, of 15 pixels) for titles, we will use <strong>the h2 tag<\/strong> for headers<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9069 size-full\" height=\"110\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/10.png\" width=\"600\" \/><\/p>\n<p>\n\t\t\tInserting below the main image of the newsletter, in this case, with 560 px:<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9070 size-full\" height=\"124\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11-300x62.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11-110x23.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\t<strong>Now we will add the main content!<\/strong><\/p>\n<p>\n\t\t\tIn this example, we have only one main article, but certainly you can add as many as you need by copying and pasting the code.<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9071 size-full\" height=\"168\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/12.png\" width=\"600\" \/><\/p>\n<p>\n\t\t\tAt the end of the content, we will also include a footer, to include the data of the company \/ website, also an unsubscribe link, (which is always important), all using a single line, to maintain the clean style of our newsletter template:<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9072 size-full\" height=\"354\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/13.png\" width=\"600\" \/><\/p>\n<p>\n\t\t\tAfter that we should close the tables (even those that are within other tables), except the main table, which adds the gray background. We will add a last column below with legal notices, using a small font, and close the main table.<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9073 size-full\" height=\"254\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/14.png\" width=\"600\" \/><\/p>\n<p>\n\t\t\tAnd that&#39;s all, a newsletter template explained step by step!<img loading=\"lazy\" decoding=\"async\" alt=\"ejemplo-mail-basico\" class=\"alignnone size-full wp-image-9093\" height=\"630\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico.jpg\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico.jpg 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico-286x300.jpg 286w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico-110x116.jpg 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tAs I mentioned earlier in this article, I tried not to use a very technical explanation, therefore some details have been ignored. However, if you have any doubts about which styles are better, if you want tips about working with newsletter templates, I recommend you read some other posts that are available on our blog.<\/p>\n<p>\n\t\t\tTalking Seriously about newsletter templates<\/p>\n<p>\n\t\t\tI hope this article has been helpful for your email campaigns, and as promised, you can download this template,<\/p>\n<p>\n\t\t\t<span style=\"font-size:10px;\"><a href=\"https:\/\/blog.mailrelay.com\/wp-content\/uploads\/2015\/06\/template-mail-basico.rar\" style=\"background-color: #f68e1e; display: block; width: 300px; line-height: 50px; margin-left: 150px; text-align: center; color: #ffffff; font-size: 26px; border-bottom: 3px solid #d76f00;\">click here to download it<\/a><\/span><\/p>\n<p>\t<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Would you like to create your own newsletter template? Do you have little experience (if any) working with HTML and other languages? This article can be a good help in creating a basic newsletter. I will try to give clear and not too technical instructions, however, don&#39;t worry because you can download the file with [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":9060,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-32925","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-modelos-de-newsletter"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to create a basic newsletter step by step - Mailrelay<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create a basic newsletter step by step - Mailrelay\" \/>\n<meta property=\"og:description\" content=\"Would you like to create your own newsletter template? Do you have little experience (if any) working with HTML and other languages? This article can be a good help in creating a basic newsletter. I will try to give clear and not too technical instructions, however, don&#039;t worry because you can download the file with [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/\" \/>\n<meta property=\"og:site_name\" content=\"Mailrelay\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Mailrelay\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-09T05:29:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-13T17:04:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"196\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Florencia Tesone\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:site\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Florencia Tesone\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/\"},\"author\":{\"name\":\"Florencia Tesone\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#\\\/schema\\\/person\\\/0254b74f24f76948bb0ba9adcd019c78\"},\"headline\":\"How to create a basic newsletter step by step\",\"datePublished\":\"2015-09-09T05:29:53+00:00\",\"dateModified\":\"2022-05-13T17:04:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/\"},\"wordCount\":881,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/01.png\",\"articleSection\":[\"Modelos de newsletter\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/\",\"name\":\"How to create a basic newsletter step by step - Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/01.png\",\"datePublished\":\"2015-09-09T05:29:53+00:00\",\"dateModified\":\"2022-05-13T17:04:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/01.png\",\"contentUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/01.png\",\"width\":600,\"height\":196},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/09\\\/09\\\/how-to-create-a-basic-newsletter-step-by-step\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create a basic newsletter step by step\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/\",\"name\":\"Mailrelay\",\"description\":\"Mailrelay.com\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#organization\",\"name\":\"Mailrelay\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/logo.png\",\"width\":190,\"height\":49,\"caption\":\"Mailrelay\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Mailrelay\\\/\",\"https:\\\/\\\/x.com\\\/mailrelay\",\"https:\\\/\\\/www.youtube.com\\\/mailrelay-email-marketing\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#\\\/schema\\\/person\\\/0254b74f24f76948bb0ba9adcd019c78\",\"name\":\"Florencia Tesone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/197ceca369ec3e3f2d7a4e354ded944aa071eca453dbe93e771a334f036bd9d3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/197ceca369ec3e3f2d7a4e354ded944aa071eca453dbe93e771a334f036bd9d3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/197ceca369ec3e3f2d7a4e354ded944aa071eca453dbe93e771a334f036bd9d3?s=96&d=mm&r=g\",\"caption\":\"Florencia Tesone\"},\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/author\\\/florencia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create a basic newsletter step by step - Mailrelay","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"How to create a basic newsletter step by step - Mailrelay","og_description":"Would you like to create your own newsletter template? Do you have little experience (if any) working with HTML and other languages? This article can be a good help in creating a basic newsletter. I will try to give clear and not too technical instructions, however, don&#39;t worry because you can download the file with [&hellip;]","og_url":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/","og_site_name":"Mailrelay","article_publisher":"https:\/\/www.facebook.com\/Mailrelay\/","article_published_time":"2015-09-09T05:29:53+00:00","article_modified_time":"2022-05-13T17:04:28+00:00","og_image":[{"width":600,"height":196,"url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","type":"image\/png"}],"author":"Florencia Tesone","twitter_card":"summary_large_image","twitter_creator":"@mailrelay","twitter_site":"@mailrelay","twitter_misc":{"Written by":"Florencia Tesone","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/#article","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/"},"author":{"name":"Florencia Tesone","@id":"https:\/\/wpstaging.mailrelay.com\/en\/#\/schema\/person\/0254b74f24f76948bb0ba9adcd019c78"},"headline":"How to create a basic newsletter step by step","datePublished":"2015-09-09T05:29:53+00:00","dateModified":"2022-05-13T17:04:28+00:00","mainEntityOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/"},"wordCount":881,"commentCount":0,"publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/#organization"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","articleSection":["Modelos de newsletter"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/","url":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/","name":"How to create a basic newsletter step by step - Mailrelay","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/#primaryimage"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","datePublished":"2015-09-09T05:29:53+00:00","dateModified":"2022-05-13T17:04:28+00:00","breadcrumb":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/#primaryimage","url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","contentUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","width":600,"height":196},{"@type":"BreadcrumbList","@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/09\/09\/how-to-create-a-basic-newsletter-step-by-step\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpstaging.mailrelay.com\/en\/"},{"@type":"ListItem","position":2,"name":"How to create a basic newsletter step by step"}]},{"@type":"WebSite","@id":"https:\/\/wpstaging.mailrelay.com\/en\/#website","url":"https:\/\/wpstaging.mailrelay.com\/en\/","name":"Mailrelay","description":"Mailrelay.com","publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpstaging.mailrelay.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpstaging.mailrelay.com\/en\/#organization","name":"Mailrelay","url":"https:\/\/wpstaging.mailrelay.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpstaging.mailrelay.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2021\/12\/logo.png","contentUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2021\/12\/logo.png","width":190,"height":49,"caption":"Mailrelay"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Mailrelay\/","https:\/\/x.com\/mailrelay","https:\/\/www.youtube.com\/mailrelay-email-marketing"]},{"@type":"Person","@id":"https:\/\/wpstaging.mailrelay.com\/en\/#\/schema\/person\/0254b74f24f76948bb0ba9adcd019c78","name":"Florencia Tesone","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/197ceca369ec3e3f2d7a4e354ded944aa071eca453dbe93e771a334f036bd9d3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/197ceca369ec3e3f2d7a4e354ded944aa071eca453dbe93e771a334f036bd9d3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/197ceca369ec3e3f2d7a4e354ded944aa071eca453dbe93e771a334f036bd9d3?s=96&d=mm&r=g","caption":"Florencia Tesone"},"url":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/author\/florencia\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png",600,196,false],"thumbnail":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01-150x150.png",150,150,true],"medium":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01-300x98.png",300,98,true],"medium_large":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png",600,196,false],"large":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png",600,196,false],"1536x1536":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png",600,196,false],"2048x2048":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png",600,196,false],"testimonials":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01-110x36.png",110,36,true],"author-image":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png",60,20,false],"yarpp-thumbnail":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png",120,39,false]},"uagb_author_info":{"display_name":"Florencia Tesone","author_link":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/author\/florencia\/"},"uagb_comment_info":0,"uagb_excerpt":"Would you like to create your own newsletter template? Do you have little experience (if any) working with HTML and other languages? This article can be a good help in creating a basic newsletter. I will try to give clear and not too technical instructions, however, don&#39;t worry because you can download the file with&hellip;","_links":{"self":[{"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/posts\/32925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/comments?post=32925"}],"version-history":[{"count":1,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/posts\/32925\/revisions"}],"predecessor-version":[{"id":42218,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/posts\/32925\/revisions\/42218"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/media\/9060"}],"wp:attachment":[{"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/media?parent=32925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/categories?post=32925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/tags?post=32925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}