{"id":2324,"date":"2014-01-15T07:21:53","date_gmt":"2014-01-15T07:21:53","guid":{"rendered":"http:\/\/www.digitalresponse.es\/blog\/?p=2324"},"modified":"2014-01-15T07:21:53","modified_gmt":"2014-01-15T07:21:53","slug":"responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive","status":"publish","type":"post","link":"https:\/\/www.digitalresponse.es\/en\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/","title":{"rendered":"Responsive Email Design: Responsive Email Design and Layout Example"},"content":{"rendered":"<p>Veamos un caso pr\u00e1ctico para terminar de entender c\u00f3mo funcionan las <i>media queries<\/i>. En el dise\u00f1o que ve\u00edamos antes de nuestro newsletter, esta ser\u00eda la versi\u00f3n de escritorio:<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-2325 aligncenter\" alt=\"email-movil-responsive\" src=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg\" width=\"640\" height=\"937\" \/><\/a><\/p>\n<p>\u00a0Y esta la versi\u00f3n m\u00f3vil:<!--more--><\/p>\n<p align=\"center\"><a href=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive-1.jpg\"><img decoding=\"async\" class=\"alignnone size-large wp-image-2326\" alt=\"email-movil-responsive-1\" src=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive-1-235x1024.jpg\" width=\"235\" height=\"1024\" \/><\/a><\/p>\n<p>Para maquetar este <strong>email responsiv<\/strong>e jugar\u00edamos con <strong>porcentajes y media queries<\/strong>.<br \/>\nAplicar\u00edamos un porcentaje del 100% a la tabla principal para que se adaptase a cualquier dispositivo y especificar\u00edamos algunos detalles en las media queries. Por ejemplo: agrandar\u00edamos los botones en la versi\u00f3n m\u00f3vil para permitir al usuario hacer click con facilidad.<br \/>\nEste ser\u00eda el <strong>CSS que corresponder\u00eda a la primera parte del newsletter,<\/strong> donde declaramos las reglas CSS gen\u00e9ricas y las espec\u00edficas de la versi\u00f3n m\u00f3vil para que el texto se adapte al ancho y el bot\u00f3n sea m\u00e1s grande(ojo, Yahoo muestra por defecto la versi\u00f3n m\u00f3vil de la maquetaci\u00f3n Responsive a no ser que declaremos las clases con el atributo en vez de con la sintaxis CSS habitual):<br \/>\n<small><br \/>\n<span style=\"color: #3366ff;\">&lt;html xmlns=\u00bbhttp:\/\/www.w3.org\/1999\/xhtml\u00bb&gt;<\/span><\/small><br \/>\n<span style=\"color: #3366ff;\">&lt;head&gt;<\/span><br \/>\n<span style=\"color: #3366ff;\">&lt;meta http-equiv=\u00bbContent-Type\u00bb content=\u00bbtext\/html; charset=utf-8&#8243; \/&gt;<\/span><br \/>\n<span style=\"color: #3366ff;\">&lt;title&gt;Responsive Email&lt;\/title&gt;<\/span><br \/>\n<span style=\"color: #3366ff;\">&lt;style&gt;<\/span><br \/>\n<span style=\"color: #3366ff;\">table[class=container] {width:600px}<\/span><br \/>\n<span style=\"color: #3366ff;\">table.compartir {width:100%;height:35px;font-family:Tahoma, Geneva, sans-serif;color:white}<\/span><br \/>\n<span style=\"color: #3366ff;\">td[class=]{width:30%}<\/span><br \/>\n<span style=\"color: #3366ff;\">td[class=ennuestroblog] {width:50%;text-align-right;font-weight:bold}<\/span><br \/>\n<span style=\"color: #3366ff;\">td[class=iconos]\u00a0 {width:20%}<\/span><br \/>\n<span style=\"color: #3366ff;\">div[class=texto1] {margin-left:15px;margin-right:30px;font-family: Tahoma, Geneva, sans-serif;font-size:14px;}<\/span><br \/>\n<span style=\"color: #3366ff;\">div[class=btn]{color:white; font-family:Tahoma, Geneva, sans-serif;font-size:17px;background-color:#F15058;width:30%;padding:10px;margin-right:20px;text-align:center;margin-top:10px;font-weight:bold}<\/span><br \/>\n<span style=\"color: #3366ff;\">@media only screen and (max-width: 480px) {<\/span><br \/>\n<span style=\"color: #3366ff;\">\u00a0\u00a0 table[class=container] {width:100%}<\/span><br \/>\n<span style=\"color: #3366ff;\">div[class=btn]{width:75%;padding:20px;margin-right:20px;text-align:center;margin-top:10px;}<\/span><br \/>\n<span style=\"color: #3366ff;\">td[class=ennuestroblog] {font-size:14px;width:50%}<\/span><br \/>\n<span style=\"color: #3366ff;\">td[class=comparte] {display:none}<\/span><br \/>\n<span style=\"color: #3366ff;\">td[class=iconos] {width:50%}\u00a0\u00a0\u00a0\u00a0<\/span><br \/>\n<span style=\"color: #3366ff;\">\u00a0}&lt;\/style&gt;<\/span><\/p>\n<address><span style=\"color: #3366ff;\">&lt;\/head&gt;<\/span><\/address>\n<p><strong><span style=\"text-decoration: underline;\">Responsive Layout<\/span><\/strong><br \/>\nPara crear estructuras responsive que cambien seg\u00fan el ancho del dispositivo la clave est\u00e1 en <strong>anidar tablas<\/strong>. Por ejemplo, si tenemos una estructura de 2 columnas en un mail con un ancho de 600px que se deba adaptar en la versi\u00f3n m\u00f3vil a una sola columna, utilizaremos 2 tablas de 300px ). En la versi\u00f3n de escritorio se mostrar\u00e1n una junto a la otra, pero si el tama\u00f1o disponible es menor, la segunda tabla se situar\u00e1 bajo de la primera, quedando en una sola columna.<br \/>\nEn cualquier caso, recordamos, como siempre, que el primer paso es analizar en qu\u00e9 dispositivos nos est\u00e1 abriendo nuestra audiencia, ya que la compatibilidad es un aspecto conflictivo a\u00fan. A d\u00eda de hoy, s\u00f3lo ser\u00e1 rentable un email responsive si nuestra audiencia demuestra tener altas tasas de apertura en dispositivos Android y iOS, pero no si utilizan la aplicaci\u00f3n de Gmail, por ejemplo, ya que como apunt\u00e1bamos en otras ocasiones, Gmail ignora la etiqueta &lt;style&gt;. Si deseas saber m\u00e1s sobre compatibilidad del Responsive Design en Email te recomendamos <a title=\"Responsive Email Design: Compatibilidad en distintos servicios de email\" href=\"https:\/\/www.digitalresponse.es\/blog\/responsive-email-design-compatibilidad-en-distintos-servicios-de-email-marketing\/\">este art\u00edculo.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let's see a practical case to finish understanding how media queries work. In the design we saw before for our newsletter, this would be the desktop version: And this would be the mobile version:<\/p>","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[37,63],"tags":[88],"post_folder":[],"class_list":["post-2324","post","type-post","status-publish","format-standard","hentry","category-blog","category-email-movil","tag-responsive-email-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive - 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\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive - Digital Response\" \/>\n<meta property=\"og:description\" content=\"Veamos un caso pr\u00e1ctico para terminar de entender c\u00f3mo funcionan las media queries. En el dise\u00f1o que ve\u00edamos antes de nuestro newsletter, esta ser\u00eda la versi\u00f3n de escritorio: \u00a0Y esta la versi\u00f3n m\u00f3vil:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitalresponse.es\/en\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/\" \/>\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=\"2014-01-15T07:21:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png\" \/>\n\t<meta property=\"og:image:width\" content=\"661\" \/>\n\t<meta property=\"og:image:height\" content=\"195\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"alecastellano\" \/>\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=\"alecastellano\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/\"},\"author\":{\"name\":\"alecastellano\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe\"},\"headline\":\"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive\",\"datePublished\":\"2014-01-15T07:21:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/\"},\"wordCount\":524,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg\",\"keywords\":[\"Responsive Email Design\"],\"articleSection\":[\"Blog\",\"Email M\u00f3vil\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/\",\"url\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/\",\"name\":\"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive - Digital Response\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalresponse.es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg\",\"datePublished\":\"2014-01-15T07:21:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#primaryimage\",\"url\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg\",\"contentUrl\":\"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.digitalresponse.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive\"}]},{\"@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\/be6c41a4d4407b1246712e461e2d13fe\",\"name\":\"alecastellano\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.digitalresponse.es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b575aa49eff0351da2a8fa6f3039d22c42013b460683c1a974fa308c8b42bf75?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b575aa49eff0351da2a8fa6f3039d22c42013b460683c1a974fa308c8b42bf75?s=96&d=mm&r=g\",\"caption\":\"alecastellano\"},\"url\":\"https:\/\/www.digitalresponse.es\/en\/author\/alecastellano\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive - 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\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/","og_locale":"en_GB","og_type":"article","og_title":"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive - Digital Response","og_description":"Veamos un caso pr\u00e1ctico para terminar de entender c\u00f3mo funcionan las media queries. En el dise\u00f1o que ve\u00edamos antes de nuestro newsletter, esta ser\u00eda la versi\u00f3n de escritorio: \u00a0Y esta la versi\u00f3n m\u00f3vil:","og_url":"https:\/\/www.digitalresponse.es\/en\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/","og_site_name":"Digital Response","article_publisher":"https:\/\/www.facebook.com\/digitalresponse","article_published_time":"2014-01-15T07:21:53+00:00","og_image":[{"width":661,"height":195,"url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil.png","type":"image\/png"}],"author":"alecastellano","twitter_card":"summary_large_image","twitter_creator":"@dresponse","twitter_site":"@dresponse","twitter_misc":{"Written by":"alecastellano","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#article","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/"},"author":{"name":"alecastellano","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/be6c41a4d4407b1246712e461e2d13fe"},"headline":"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive","datePublished":"2014-01-15T07:21:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/"},"wordCount":524,"commentCount":2,"publisher":{"@id":"https:\/\/www.digitalresponse.es\/#organization"},"image":{"@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg","keywords":["Responsive Email Design"],"articleSection":["Blog","Email M\u00f3vil"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/","url":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/","name":"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive - Digital Response","isPartOf":{"@id":"https:\/\/www.digitalresponse.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#primaryimage"},"image":{"@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg","datePublished":"2014-01-15T07:21:53+00:00","breadcrumb":{"@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#primaryimage","url":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg","contentUrl":"https:\/\/www.digitalresponse.es\/wp-content\/uploads\/2013\/11\/email-movil-responsive.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitalresponse.es\/responsive-email-design-ejemplo-de-diseno-y-maquetacion-de-un-email-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.digitalresponse.es\/"},{"@type":"ListItem","position":2,"name":"Responsive Email Design: Ejemplo de dise\u00f1o y maquetaci\u00f3n de un email responsive"}]},{"@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\/be6c41a4d4407b1246712e461e2d13fe","name":"alecastellano","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.digitalresponse.es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b575aa49eff0351da2a8fa6f3039d22c42013b460683c1a974fa308c8b42bf75?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b575aa49eff0351da2a8fa6f3039d22c42013b460683c1a974fa308c8b42bf75?s=96&d=mm&r=g","caption":"alecastellano"},"url":"https:\/\/www.digitalresponse.es\/en\/author\/alecastellano\/"}]}},"_links":{"self":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts\/2324","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/comments?post=2324"}],"version-history":[{"count":0,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/posts\/2324\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/media?parent=2324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/categories?post=2324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/tags?post=2324"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.digitalresponse.es\/en\/wp-json\/wp\/v2\/post_folder?post=2324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}