{"id":184,"date":"2012-01-14T12:42:24","date_gmt":"2012-01-14T11:42:24","guid":{"rendered":"http:\/\/www.digitalresponse.es\/blog\/?p=184"},"modified":"2012-01-14T12:42:24","modified_gmt":"2012-01-14T11:42:24","slug":"consejos-para-la-maquetacion-de-un-emailing","status":"publish","type":"post","link":"https:\/\/www.digitalresponse.es\/en\/consejos-para-la-maquetacion-de-un-emailing\/","title":{"rendered":"Tips for the layout of an emailing campaign"},"content":{"rendered":"<p>Creating an e-mail design is not the same as creating a website design. First of all, it is advisable to stay away from complex designs, as the more complex the design, the more likely it is that the e-mail will not look good in all e-mail clients (Outlook, Thunderbird, Hotmail, Gmail, Yahoo, etc.). Simplicity is not only elegant, but also ensures that the recipients of our e-mailing will be real recipients of our advertising message. Trial and error will also help us to know which is the best code for our e-mail.<br \/>\n<!--More--><br \/>\n<strong><\/strong>1- <strong>Use tables for content layout, not div's.<\/strong>. The only way to have structure in your email design is to use tables. Div's are really useful, but in web design. If we use them in e-mail, we will not be able to align our content.<br \/>\n2- <strong>CSS always in-line<\/strong>. To format the content of our e-mail, it must be defined within tables or TDs; never in separate style sheets or in the head of our HTML.<br \/>\n3- <strong>Balance of images and text<\/strong>. If we overuse images, there is a greater chance that our design will end up in the spam folder. For this reason it is best to achieve a balance between images and text.<br \/>\n4- <strong>Host the images on a server<\/strong>. Most webmail clients do not support embedded images, nor do they support very heavy images. The key is to host the images on a server by calling them, from our design, with absolute addresses.<br \/>\n5- <strong>Watch the weight of your e-mails<\/strong>. It is especially important to take care of the weight of the images and optimise them for the web, if we want a good reception of our e-mailing. By incorporating a 300 dpi image in our design, the only thing we will achieve is that the loading time of the image will be too long. In reality, we can show the same image at 72 dpi, making the user's waiting time much shorter.<br \/>\n6- <strong>Define ALT's<\/strong>. There are many recipients who have image navigation turned off. Defining ALT's will make it so that whoever has image navigation turned off can know, for example, where there is a call to action, where there is a product image, etc.<br \/>\n7- <strong>Do not send attachments<\/strong>. Attaching for example a 2 megabyte PDF to your submission is not a good idea. A good recommendation is to upload the document to your server and put a download link in your design, so that only interested recipients will download the document.<br \/>\n8- <strong>An ingenious \"affair<\/strong>. Do not forget that the subject line is the letter of introduction of your e-mail. It is the first thing that the recipient will see and the opening of the e-mail will depend, precisely, on what you put in the subject line. Thus, the message must be direct, clear and concise and, of course, attractive to arouse the recipient's interest.<br \/>\n9- <strong>In the configuration:<\/strong> Subject in capital letters: capitalising the subject line is very dangerous, many spammers do it this way. There can be capital letters but there has to be a balance with the lower case.<br \/>\nSpecial characters issue: putting non-alphanumeric characters is quite dangerous. \"# * $ \u20ac \" etc... better to limit yourself to letters and numbers.<br \/>\nSubject: best to have a subject of 35 to 40 characters maximum.<br \/>\nSender name and sender address: repetition of a word in the sender name and sender address can look like an automatically sent email. It is best to try to differentiate between them.<br \/>\n10- <strong>Always remember that an e-mail is not a web page.<\/strong>. Therefore we will not be able to use javascript or flash as they would not load or would cause the email to go straight to the spam folder.<br \/>\n11- if the use of horizontally cut images is unavoidable, each one must be placed in a different TD with the following code inline <em>style=\"border:none; font-size:0; letter-spacing:0; padding:0px; margin:0px;\"<\/em> ,<br \/>\n&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Crear el dise\u00f1o de un e-mail no es lo mismo que crear el de un sitio web. Ante todo es conveniente alejarse de dise\u00f1os complejos ya que cuanta m\u00e1s complejidad, m\u00e1s posibilidades existen de que el e-mail no se vea bien en todos los clientes de correo (Outlook, Thunderbird, Hotmail, Gmail, Yahoo, etc.). En la [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[37,39],"tags":[],"post_folder":[],"class_list":["post-184","post","type-post","status-publish","format-standard","hentry","category-blog","category-diseno-de-emails"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Consejos para la maquetaci\u00f3n de un emailing - Digital Response<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.digitalresponse.es\/en\/consejos-para-la-maquetacion-de-un-emailing\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consejos para la maquetaci\u00f3n de un emailing - Digital Response\" \/>\n<meta property=\"og:description\" content=\"Crear el dise\u00f1o de un e-mail no es lo mismo que crear el de un sitio web. Ante todo es conveniente alejarse de dise\u00f1os complejos ya que cuanta m\u00e1s complejidad, m\u00e1s posibilidades existen de que el e-mail no se vea bien en todos los clientes de correo (Outlook, Thunderbird, Hotmail, Gmail, Yahoo, etc.). En la [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitalresponse.es\/en\/consejos-para-la-maquetacion-de-un-emailing\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Response\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/digitalresponse\" \/>\n<meta property=\"article:published_time\" content=\"2012-01-14T11:42:24+00:00\" \/>\n<meta name=\"author\" content=\"Jordi Puig\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dresponse\" \/>\n<meta name=\"twitter:site\" content=\"@dresponse\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jordi Puig\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated 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:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/\"},\"author\":{\"name\":\"Jordi Puig\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/c842b4b9fb8424de8ad957333085c3da\"},\"headline\":\"Consejos para la maquetaci\u00f3n de un emailing\",\"datePublished\":\"2012-01-14T11:42:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/\"},\"wordCount\":722,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\"},\"articleSection\":[\"Blog\",\"Dise\u00f1o de emails\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/\",\"url\":\"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/\",\"name\":\"Consejos para la maquetaci\u00f3n de un emailing - Digital Response\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#website\"},\"datePublished\":\"2012-01-14T11:42:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.digitalresponse.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Consejos para la maquetaci\u00f3n de un emailing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.digitalresponse.es\/#website\",\"url\":\"https:\/\/www.digitalresponse.es\/\",\"name\":\"Digital Response\",\"description\":\"Email Marketing y Marketing Automation\",\"publisher\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.digitalresponse.es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\",\"name\":\"Digital Response\",\"url\":\"https:\/\/www.digitalresponse.es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2024\/02\/digitalResponse_claim_500.png\",\"contentUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2024\/02\/digitalResponse_claim_500.png\",\"width\":500,\"height\":135,\"caption\":\"Digital Response\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/digitalresponse\",\"https:\/\/x.com\/dresponse\",\"https:\/\/www.linkedin.com\/company\/digital-response\/\",\"https:\/\/www.youtube.com\/channel\/UCuG-okZhhBKdzJpHRwMrnYg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/c842b4b9fb8424de8ad957333085c3da\",\"name\":\"Jordi Puig\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/392b853917f61dee9495562dd65c507b5cfe6c47cb4b14d94f6a63a15b87d7c4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/392b853917f61dee9495562dd65c507b5cfe6c47cb4b14d94f6a63a15b87d7c4?s=96&d=mm&r=g\",\"caption\":\"Jordi Puig\"},\"url\":\"https:\/\/www.digitalresponse.es\/en\/author\/jordi-puig\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Consejos para la maquetaci\u00f3n de un emailing - Digital Response","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.digitalresponse.es\/en\/consejos-para-la-maquetacion-de-un-emailing\/","og_locale":"en_GB","og_type":"article","og_title":"Consejos para la maquetaci\u00f3n de un emailing - Digital Response","og_description":"Crear el dise\u00f1o de un e-mail no es lo mismo que crear el de un sitio web. Ante todo es conveniente alejarse de dise\u00f1os complejos ya que cuanta m\u00e1s complejidad, m\u00e1s posibilidades existen de que el e-mail no se vea bien en todos los clientes de correo (Outlook, Thunderbird, Hotmail, Gmail, Yahoo, etc.). En la [&hellip;]","og_url":"https:\/\/www.digitalresponse.es\/en\/consejos-para-la-maquetacion-de-un-emailing\/","og_site_name":"Digital Response","article_publisher":"https:\/\/www.facebook.com\/digitalresponse","article_published_time":"2012-01-14T11:42:24+00:00","author":"Jordi Puig","twitter_card":"summary_large_image","twitter_creator":"@dresponse","twitter_site":"@dresponse","twitter_misc":{"Written by":"Jordi Puig","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/#article","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/"},"author":{"name":"Jordi Puig","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/c842b4b9fb8424de8ad957333085c3da"},"headline":"Consejos para la maquetaci\u00f3n de un emailing","datePublished":"2012-01-14T11:42:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/"},"wordCount":722,"commentCount":1,"publisher":{"@id":"https:\/\/www.digitalresponse.es\/#organization"},"articleSection":["Blog","Dise\u00f1o de emails"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/","url":"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/","name":"Consejos para la maquetaci\u00f3n de un emailing - Digital Response","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/#website"},"datePublished":"2012-01-14T11:42:24+00:00","breadcrumb":{"@id":"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitalresponse.es\/consejos-para-la-maquetacion-de-un-emailing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.digitalresponse.es\/"},{"@type":"ListItem","position":2,"name":"Consejos para la maquetaci\u00f3n de un emailing"}]},{"@type":"WebSite","@id":"https:\/\/www.digitalresponse.es\/#website","url":"https:\/\/www.digitalresponse.es\/","name":"Digital Response","description":"Email Marketing and Marketing Automation","publisher":{"@id":"https:\/\/www.digitalresponse.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.digitalresponse.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.digitalresponse.es\/#organization","name":"Digital Response","url":"https:\/\/www.digitalresponse.es\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/logo\/image\/","url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2024\/02\/digitalResponse_claim_500.png","contentUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2024\/02\/digitalResponse_claim_500.png","width":500,"height":135,"caption":"Digital Response"},"image":{"@id":"https:\/\/www.digitalresponse.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/digitalresponse","https:\/\/x.com\/dresponse","https:\/\/www.linkedin.com\/company\/digital-response\/","https:\/\/www.youtube.com\/channel\/UCuG-okZhhBKdzJpHRwMrnYg"]},{"@type":"Person","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/c842b4b9fb8424de8ad957333085c3da","name":"Jordi Puig","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/392b853917f61dee9495562dd65c507b5cfe6c47cb4b14d94f6a63a15b87d7c4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/392b853917f61dee9495562dd65c507b5cfe6c47cb4b14d94f6a63a15b87d7c4?s=96&d=mm&r=g","caption":"Jordi Puig"},"url":"https:\/\/www.digitalresponse.es\/en\/author\/jordi-puig\/"}]}},"_links":{"self":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":0,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts\/184\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/media?parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/categories?post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/tags?post=184"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/post_folder?post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}