{"id":33010,"date":"2015-07-21T06:28:43","date_gmt":"2015-07-21T06:28:43","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/"},"modified":"2022-05-13T17:05:10","modified_gmt":"2022-05-13T17:05:10","slug":"how-to-solve-display-issues-when-creating-newsletter-templates","status":"publish","type":"post","link":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/","title":{"rendered":"How to solve display issues when creating newsletter templates"},"content":{"rendered":"

\"How<\/a><\/p>\n

\n\t\t\tToday we will address an issue which will certainly be very useful for you: How to make sure your  newsletter templates are displayed correctly.<\/p>\n

\n\t\t\tDepending on the tools you use to create your template, you can find more or less display problems, keep in mind that many of the most popular html editors are not designed to create newsletter templates, but for creating web pages.<\/p>\n

\n\t\t\tTherefore you must be especially careful, because the html used in a web page is not always compatible with all email clients and the users may  have problems to view the template.<\/p>\n

\n\t\t\tNOTE:<\/strong> You must also consider that the Mailrelay interface is a website, therefore the best way to know how your campaign will be displayed is by sending test emails and analyze the newsletter in different email clients.<\/div>\n

\n\t\t\t <\/p>\n

\n\t\t\t\"pregunta\"<\/div>\n
\n

What are the main aspects that should be checked?<\/h3>\n<\/p><\/div>\n

\n\t\t\tIf you want to see at a glance the compatibility of a template, You can review the source code.<\/p>\n

\n\t\t\tDon't worry, you don't necessarily need to be an expert programmer, there are some key points that indicate possible problems in a newsletter template, and to detect them is very easy:<\/p>\n

\n\t\t\t\"plantilla<\/p>\n

\n

\n\t\t\t\t1) Link to external CSS files<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\tThis is very common in Web pages, as it allows the system to use the same styles across multiple pages without having to duplicate them.<\/p>\n

\n\t\t\tThe problem is that the email software cannot access these external files so that the styles will be lost. The solution is to include the CSS styles within the code, so that all the elements will be included in the message body.<\/p>\n

\n

\n\t\t\t\t2) Links to external JS files<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\tAnother common feature is the use of JavaScript code files, which can be used for various purposes, such as animations, transitions, sliders, etc.<\/p>\n

\n\t\t\tThere are two problems with these files: first, they are external files, which cannot be opened by the  email software for security reasons, this means the JavaScript will not work.<\/p>\n

\n\t\t\tThe solution is not to use JavaScript when creating your newsletter template<\/p>\n

\n\t\t\t\"plantilla<\/p>\n

\n

\n\t\t\t\t3) HTML "web" code<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\tThe two points above can give us a good idea of what will need to be changed in the newsletter template. And to some extent they are fixable. But now, look at the image above.<\/p>\n

\n\t\t\tYou will see many tags as header, main, div, id, class, etc. this can be a problem, this is an HTML designed for a web page, not an email. We should be seeing things like table, tr, td, style and in general, a more clean code. Editing this type of code to work correctly as a newsletter is quite complicated and it is difficult to ensure that the  email will be displayed without errors, it's not a very good idea to try to edit it manually.<\/p>\n

\n\t\t\tThe truth is that it is best to start again, with a new code whenever possible.<\/p>\n

\n\t\t\t\"plantillas<\/p>\n

\n

\n\t\t\t\t4) Styles in "head"<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\tThis is much less problematic, but can still give much headache. If you look at the image above, we have a style tag inside the template header, head ..<\/p>\n

\n\t\t\tThese tags will set different settings to be applied to the template, for example:<\/p>\n

\n\t\t\t\"plantilla<\/p>\n

\n\t\t\tIn the Mailrelay editor the template is displayed correctly, and in many email clients too, but in Gmail:<\/p>\n

\n\t\t\t\"plantilla<\/p>\n

\n\t\t\tGmail seems to have other plans for the template, displaying another background color and differences in the text. Basically, Gmail is not applying the styles, it is not that it is not really applying styles, but Gmail eliminates the style tag inside the head.<\/p>\n

\n\t\t\tTherefore, it is best to insert this tag in the body, for example:\"plantilla<\/p>\n

\n\t\t\tThe styles will not be removed, but it is quite likely that some email clients will have problems to use them.<\/p>\n

\n\t\t\t\"pregunta\"<\/div>\n
\n\t\t\tPor quê?<\/strong><\/div>\n

\n\t\t\tBecause we are using selectors, for example: td.titule<\/em><\/p>\n

\n\t\t\tHere we are indicating that the system should apply these styles when finding a td of a class, title name, you can see an example here:<\/p>\n

\n\t\t\t\"plantilla<\/p>\n

\n\t\t\tThe problem is when the email client cannot understand these commands<\/p>\n

\n\t\t\t\"pregunta\"<\/div>\n
\n

\n\t\t\t\tHow could we use these tags?<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\tWell, the safest option and widely supported by most email clients is to use inline styles<\/em><\/p>\n

\n\t\t\t\"pregunta\"<\/div>\n
\n

\n\t\t\t\tWhat are inline styles?<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\tThey are inserted into the styles of the element itself to which the style must be applied, for example:<\/p>\n

\n\t\t\t\"plantilla<\/p>\n

\n\t\t\tAs you can see, within the td tag there is a style tag with the different styles to be applied.<\/p>\n

\n\t\t\tHere there is no possible error, the element includes the styles you want to use, therefore, for instance,  the email will be displayed on Gmail:<\/p>\n

\n\t\t\t\"plantilla<\/p>\n

\n\t\t\tThis is the most effective solution.<\/p>\n

\n\t\t\tTry to always use inline styles, when creating a newsletter template. This point, if considered when creating a newsletter template, is not very complicated. But if you need to edit the code when the template is ready, the problem is much more complex. This will be more laborious and will take much longer.<\/p>\n

\n\t\t\tThat is, the most effective solution is also the one which will take more work.<\/p>\n

\n\t\t\tFortunately…<\/strong><\/p>\n

\n\t\t\tThere are tools that do this work automatically, when used correctly.<\/p>\n

\n\t\t\tSuch as  Premailer <\/a><\/p>\n

\n\t\t\t\"plantilla<\/a><\/p>\n

\n\t\t\tA very easy to use tool that will change the styles of your newsletter template for the inline format.<\/p>\n

\n\t\t\tThe process can be done very fast in three steps:<\/p>\n

\n

\n\t\t\t\t1) Copy the HTML code in the field "Paste html" as the source<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\t\"plantilla<\/p>\n

\n

\n\t\t\t\t2) Click the button "submit"<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\t\"plantilla<\/p>\n

\n

\n\t\t\t\t3) And in the next page, in the field "Click to view the html results", you can find the code prepared, ready to be copied, you will have to past it on the Mailrelay editor<\/strong><\/p>\n<\/p><\/div>\n

\n\t\t\t\"plantillas<\/p>\n

\n\t\t\tVery easy, isn't it?<\/strong><\/p>\n

\n\t\t\tIt is certainly a very useful tool that can help to solve many display problems in your newsletter templates.<\/p>\n

\n\t\t\tBut don't forget, this tool doesn't work in 100% of cases, it is unable to fix all the problems of all templates.<\/p>\n

\n\t\t\tIt also will not change the HTML code base (which we mentioned in point 3), It would be more difficult to fix it. But for some tasks, this tool works very well and will facilitate your life.<\/p>\n

\n\t\t\tI also would like to recommend another article that talks about newsletter templates, you can find it on this link.<\/a><\/p>\n

\n\t\t\t <\/p>\n

\n\t\t\tWith these two posts, you have many resources to address various problems in your newsletter templates.<\/p>\n

\t<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"

Today we will address an issue which will certainly be very useful for you: How to make sure your  newsletter templates are displayed correctly. Depending on the tools you use to create your template, you can find more or less display problems, keep in mind that many of the most popular html editors are not […]<\/p>\n","protected":false},"author":1,"featured_media":9375,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-33010","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-modelos-de-newsletter"],"yoast_head":"\nHow to solve display issues when creating newsletter templates - 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 solve display issues when creating newsletter templates - Mailrelay\" \/>\n<meta property=\"og:description\" content=\"Today we will address an issue which will certainly be very useful for you: How to make sure your  newsletter templates are displayed correctly. Depending on the tools you use to create your template, you can find more or less display problems, keep in mind that many of the most popular html editors are not […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/\" \/>\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-07-21T06:28:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-13T17:05:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"190\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"mailrelay\" \/>\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=\"mailrelay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 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\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/\"},\"author\":{\"name\":\"mailrelay\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#\\\/schema\\\/person\\\/355071c9f6e00fa8c8731ac93e0aa487\"},\"headline\":\"How to solve display issues when creating newsletter templates\",\"datePublished\":\"2015-07-21T06:28:43+00:00\",\"dateModified\":\"2022-05-13T17:05:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/\"},\"wordCount\":1073,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/problemas-plantilla-newsletter-1.png\",\"articleSection\":[\"Modelos de newsletter\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/\",\"name\":\"How to solve display issues when creating newsletter templates - Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/problemas-plantilla-newsletter-1.png\",\"datePublished\":\"2015-07-21T06:28:43+00:00\",\"dateModified\":\"2022-05-13T17:05:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/problemas-plantilla-newsletter-1.png\",\"contentUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/problemas-plantilla-newsletter-1.png\",\"width\":630,\"height\":190},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/2015\\\/07\\\/21\\\/how-to-solve-display-issues-when-creating-newsletter-templates\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to solve display issues when creating newsletter templates\"}]},{\"@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\\\/355071c9f6e00fa8c8731ac93e0aa487\",\"name\":\"mailrelay\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"caption\":\"mailrelay\"},\"sameAs\":[\"http:\\\/\\\/localhost:12080\"],\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/en\\\/blog\\\/author\\\/mailrelay\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to solve display issues when creating newsletter templates - 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 solve display issues when creating newsletter templates - Mailrelay","og_description":"Today we will address an issue which will certainly be very useful for you: How to make sure your  newsletter templates are displayed correctly. Depending on the tools you use to create your template, you can find more or less display problems, keep in mind that many of the most popular html editors are not […]","og_url":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/","og_site_name":"Mailrelay","article_publisher":"https:\/\/www.facebook.com\/Mailrelay\/","article_published_time":"2015-07-21T06:28:43+00:00","article_modified_time":"2022-05-13T17:05:10+00:00","og_image":[{"width":630,"height":190,"url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png","type":"image\/png"}],"author":"mailrelay","twitter_card":"summary_large_image","twitter_creator":"@mailrelay","twitter_site":"@mailrelay","twitter_misc":{"Written by":"mailrelay","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/#article","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/"},"author":{"name":"mailrelay","@id":"https:\/\/wpstaging.mailrelay.com\/en\/#\/schema\/person\/355071c9f6e00fa8c8731ac93e0aa487"},"headline":"How to solve display issues when creating newsletter templates","datePublished":"2015-07-21T06:28:43+00:00","dateModified":"2022-05-13T17:05:10+00:00","mainEntityOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/"},"wordCount":1073,"commentCount":0,"publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/#organization"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png","articleSection":["Modelos de newsletter"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/","url":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/","name":"How to solve display issues when creating newsletter templates - Mailrelay","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/#primaryimage"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png","datePublished":"2015-07-21T06:28:43+00:00","dateModified":"2022-05-13T17:05:10+00:00","breadcrumb":{"@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/#primaryimage","url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png","contentUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png","width":630,"height":190},{"@type":"BreadcrumbList","@id":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/2015\/07\/21\/how-to-solve-display-issues-when-creating-newsletter-templates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpstaging.mailrelay.com\/en\/"},{"@type":"ListItem","position":2,"name":"How to solve display issues when creating newsletter templates"}]},{"@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\/355071c9f6e00fa8c8731ac93e0aa487","name":"mailrelay","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","caption":"mailrelay"},"sameAs":["http:\/\/localhost:12080"],"url":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/author\/mailrelay\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png",630,190,false],"thumbnail":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1-150x150.png",150,150,true],"medium":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1-300x90.png",300,90,true],"medium_large":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png",630,190,false],"large":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png",630,190,false],"1536x1536":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png",630,190,false],"2048x2048":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png",630,190,false],"testimonials":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1-110x33.png",110,33,true],"author-image":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png",60,18,false],"yarpp-thumbnail":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/problemas-plantilla-newsletter-1.png",120,36,false]},"uagb_author_info":{"display_name":"mailrelay","author_link":"https:\/\/wpstaging.mailrelay.com\/en\/blog\/author\/mailrelay\/"},"uagb_comment_info":0,"uagb_excerpt":"Today we will address an issue which will certainly be very useful for you: How to make sure your  newsletter templates are displayed correctly. Depending on the tools you use to create your template, you can find more or less display problems, keep in mind that many of the most popular html editors are not…","_links":{"self":[{"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/posts\/33010","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/comments?post=33010"}],"version-history":[{"count":1,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/posts\/33010\/revisions"}],"predecessor-version":[{"id":42225,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/posts\/33010\/revisions\/42225"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/media\/9375"}],"wp:attachment":[{"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/media?parent=33010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/categories?post=33010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/en\/wp-json\/wp\/v2\/tags?post=33010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}