{"id":38129,"date":"2015-09-09T05:29:53","date_gmt":"2015-09-09T05:29:53","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/"},"modified":"2022-05-08T15:01:53","modified_gmt":"2022-05-08T15:01:53","slug":"como-crear-una-newsletter-basica-paso-a-paso","status":"publish","type":"post","link":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/","title":{"rendered":"C\u00f3mo crear una newsletter b\u00e1sica paso a paso"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-32957\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/como-crear-una-newsletter-basica-paso-a-paso.jpg\" alt=\"como-crear-una-newsletter-basica-paso-a-paso\" width=\"600\" height=\"500\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/como-crear-una-newsletter-basica-paso-a-paso.jpg 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/como-crear-una-newsletter-basica-paso-a-paso-300x250.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/como-crear-una-newsletter-basica-paso-a-paso-110x92.jpg 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\u00bfQuieres desarrollar tu propia plantilla de email pero tienes poca experiencia (o ninguna) escribiendo c\u00f3digo? Este art\u00edculo puede serte de mucha ayuda a la hora de crear una newsletter b\u00e1sica.<\/p>\n<p><!--more--><\/p>\n<p>Tratar\u00e9 de dar instrucciones claras y no demasiado t\u00e9cnicas, de todos modos no te preocupes ya que podr\u00e1s descargarte el archivo .html junto con las im\u00e1genes al final del art\u00edculo, \u00a1y podr\u00e1s jugar un poco con el c\u00f3digo! Pero antes, te dejo un v\u00eddeo donde ver\u00e1s c\u00f3mo utilizar el editor de Mailrelay para <a href=\"https:\/\/blog.mailrelay.com\/es\/2020\/06\/23\/plantillas-de-copy-listas-para-email-marketing\" target=\"_blank\" rel=\"noopener\">preparar una newsletter<\/a>:<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/MgalH0ukPRQ\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Primero tenemos un archivo html b\u00e1sico con las primeras l\u00edneas de c\u00f3digo, si lo abres con un programa como Dreamweaver este c\u00f3digo ya aparece por defecto:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32927 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png\" alt=\"crear una newsletter\" width=\"600\" height=\"196\" 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>Dentro de las etiquetas \u00ab<strong>title<\/strong>\u00bb ubicas el t\u00edtulo de tu campa\u00f1a, por ejemplo: &lt;title&gt;Mi newsletter&lt;\/title&gt;, a continuaci\u00f3n y antes del cierre de la etiqueta \u00ab<strong>head<\/strong>\u00ab, ubicamos estilos css que dar\u00e1n orden a nuestra campa\u00f1a y har\u00e1n que se vea mejor, estos estilos podr\u00e1n ser modificados a gusto. El c\u00f3digo se ver\u00eda as\u00ed:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32929 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02.png\" alt=\"crear una newsletter\" width=\"600\" height=\"774\" 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>A continuaci\u00f3n tenemos las etiquetas \u00ab<strong>body<\/strong>\u00ab, dentro de las cuales se ubica la informaci\u00f3n que ser\u00e1 visualizada en los distintos clientes de email desde los que se abrir\u00e1 nuestro email. Como estos son muchos (y la forma de leer mails puede distar mucho entre unos y otros, modificando lo que visualizan) lo m\u00e1s recomendable es no escatimar en reglas css, para aumentar las posibilidades de que nuestro mensaje se vea de la misma manera por ejemplo en gmail, yahoo, hotmail, etc. Podemos ubicar dentro de \u00abbody\u00bb varias reglas para que se vea as\u00ed:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32931 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03.png\" alt=\"crear una newsletter\" width=\"600\" height=\"96\" 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>Lo m\u00e1s aconsejable a la hora de <a href=\"https:\/\/blog.mailrelay.com\/es\/2020\/06\/23\/plantillas-de-copy-listas-para-email-marketing\" target=\"_blank\" rel=\"noopener\">hacer\u00a0una newsletter<\/a> es usar tablas, definiendo el alto y ancho de cada una, para asegurar una correcta visualizaci\u00f3n. Si queremos un color de fondo determinado detr\u00e1s del contenedor, lo mejor es usar una tabla que ocupe la totalidad del \u00e1rea, por lo que en este caso uso las siguientes propiedades (puedes modificar el color cambiando la propiedad \u00ab<strong>bgcolor<\/strong>\u00bb usando otro c\u00f3digo de color html):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32933 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04.png\" alt=\"crear una newsletter\" width=\"600\" height=\"68\" 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>Lo que hice tambi\u00e9n es especificar la fuente que quiero que se visualize en el mail, como dije antes es bueno usar estilos en cada tabla, incluso en las columnas, en ocasiones repitiendo un mismo estilo. Es mejor ser redundante y tener todo bajo control en estos casos.<br \/>\nDentro de la etiqueta \u00ab<strong>table<\/strong>\u00bb se ubican las etiquetas \u00ab<strong>tr<\/strong>\u00bb (l\u00edneas) y \u00ab<strong>td<\/strong>\u00bb (columnas) mediante \u00e9stas ordenamos la informaci\u00f3n. El primer mensaje es \u00absi no puede ver bien este corrreo visite la versi\u00f3n web\u00bb, siempre es aconsejable dar esta opci\u00f3n a los usuarios. El link usa la funci\u00f3n \u201c<strong>web_version<\/strong>\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32935 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05.png\" alt=\"crear una newsletter\" width=\"580\" height=\"67\" 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>Luego ubicamos un nuevo tr y td, dentro de \u00e9ste ir\u00e1 una nueva tabla (ubicar una tabla dentro de otra es una buena manera de usar una estructura medianamente compleja dentro del contenedor y evitar que se desarme). Esta tabla contiene la informaci\u00f3n principal.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32937 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06.png\" alt=\"crear una newsletter\" width=\"600\" height=\"137\" 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>De hecho, para tener una newsletter con m\u00e1rgenes adecuados para la informaci\u00f3n, podemos ubicar otra tabla dentro de esta, otra vez con la funci\u00f3n align=\u00bbcenter\u00bb pero con un ancho menor, lo que se ver\u00eda as\u00ed:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32939 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07.png\" alt=\"crear una newsletter\" width=\"600\" height=\"240\" 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>Para tener un margen superior o inferior (tambi\u00e9n m\u00e1rgenes entre diferentes elementos) se genera una columna con una altura definida, de este modo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32941 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08.png\" alt=\"crear una newsletter\" width=\"600\" height=\"52\" 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>Llegamos al encabezado del mensaje, en este espacio puedes escribir el nombre de tu empresa, o simplemente ubicar una imagen con el logo de la misma. Si la imagen contendr\u00e1 un link a un sitio web, es recomendable que contenga la etiqueta <strong>border=\u00bb0&#8243;<\/strong>, esto es para evitar ver un borde azul en la imagen, como suele verse por defecto en algunos clientes de email. Tambi\u00e9n es recomendable que cada imagen tenga un texto alternativo, algunos usuarios pueden tener deshabilitadas la im\u00e1genes por defecto y gracias a este texto podr\u00e1n saber de qu\u00e9 se trata.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32943 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09.png\" alt=\"crear una newsletter\" width=\"600\" height=\"94\" 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>Lo que sigue es el t\u00edtulo del bolet\u00edn, con un un margen superior e inferior para el que utilizaremos el m\u00e9todo anteriormente mencionado, una columna que genera un espacio (en mi caso, de 15 pixeles), para el t\u00edtulo utilizamos la etiqueta para encabezados \u201ch2\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9069 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/10.png\" alt=\"crear una newsletter\" width=\"600\" height=\"110\" \/><\/p>\n<p>Debajo ubicamos la imagen principal del bolet\u00edn, en este caso ocupando 560 px de ancho:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32947 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11.png\" alt=\"crear una newsletter\" width=\"600\" height=\"124\" 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>Finalmente hemos llegado a la instancia donde escribiremos nuestro contenido principal!<\/p>\n<p>En este ejemplo tenemos un solo art\u00edculo principal, pero desde luego puedes agregar tantos como necesites, copiando y pegando el c\u00f3digo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9071 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/12.png\" alt=\"crear una newsletter\" width=\"600\" height=\"168\" \/><\/p>\n<p>Al final de nuestro contenido, lo que resta inclu\u00edr en nuestro email es el pie, donde incluiremos los datos de nuestra empresa\/sitio web, y un link que ofrece a nuestros suscriptores la posibilidad de darse de baja (lo cual siempre es recomendable), todo esto dividido por una simple l\u00ednea, para mantener el estilo limpio de nuestro bolet\u00edn:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9072 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/13.png\" alt=\"crear una newsletter\" width=\"600\" height=\"354\" \/><\/p>\n<p>Luego de esto cerramos las tablas (incluso las que estan dentro de otras tablas) con excepci\u00f3n de la principal, la que provee el fondo gris. Ubicaremos debajo una \u00faltima columna con textos legales en un tama\u00f1o de fuente peque\u00f1o, y entonces s\u00ed terminamos de cerrar la tabla principal.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9073 size-full\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/14.png\" alt=\"crear una newsletter\" width=\"600\" height=\"254\" \/><\/p>\n<p>Y ah\u00ed lo tenemos, una <a href=\"https:\/\/blog.mailrelay.com\/es\/2017\/02\/20\/disenar-una-newsletter-sencilla\" target=\"_blank\" rel=\"noopener noreferrer\">plantilla b\u00e1sica de newsletter<\/a> explicada paso a paso!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-32955\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico.jpg\" alt=\"ejemplo-mail-basico\" width=\"600\" height=\"630\" 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>Como mencion\u00e9 al principio del art\u00edculo, no quise ponerme demasiado t\u00e9cnica en la explicaci\u00f3n, por lo que algunos detalles fueron obviados. No obstante si tienes algunas dudas sobre estilos y consejos sobre lo que conviene hacer y lo que no en un mail html, te recomiendo que leas estos otros art\u00edculos al respecto:<\/p>\n<p><a href=\"https:\/\/blog.mailrelay.com\/es\/2014\/10\/07\/las-10-claves-basicas-para-maquetar-tus-newsletters\" target=\"_blank\" rel=\"noopener noreferrer\">Las 10 claves basicas para maquetar tus newsletters<\/a><\/p>\n<p><a href=\"https:\/\/blog.mailrelay.com\/es\/2015\/04\/27\/hablemos-seriamente-de-plantillas-de-email-marketing\" target=\"_blank\" rel=\"noopener noreferrer\">Hablemos seriamente de plantillas de email marketing<\/a><\/p>\n<p>Espero que este art\u00edculo te haya sido de ayuda para futuras campa\u00f1as, y como lo prometido es deuda, puedes descargar esta plantilla haciendo<\/p>\n<p><a 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;\" href=\"https:\/\/blog.mailrelay.com\/wp-content\/uploads\/2015\/06\/template-mail-basico.rar\">click aqu\u00ed<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQuieres desarrollar tu propia plantilla de email pero tienes poca experiencia (o ninguna) escribiendo c\u00f3digo? Este art\u00edculo puede serte de mucha ayuda a la hora de crear una newsletter b\u00e1sica.<\/p>\n","protected":false},"author":10,"featured_media":32927,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-38129","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>C\u00f3mo crear una newsletter b\u00e1sica paso a paso - 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=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear una newsletter b\u00e1sica paso a paso - Mailrelay\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres desarrollar tu propia plantilla de email pero tienes poca experiencia (o ninguna) escribiendo c\u00f3digo? Este art\u00edculo puede serte de mucha ayuda a la hora de crear una newsletter b\u00e1sica.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/\" \/>\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-08T15:01:53+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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Florencia Tesone\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/\"},\"author\":{\"name\":\"Florencia Tesone\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/person\\\/0254b74f24f76948bb0ba9adcd019c78\"},\"headline\":\"C\u00f3mo crear una newsletter b\u00e1sica paso a paso\",\"datePublished\":\"2015-09-09T05:29:53+00:00\",\"dateModified\":\"2022-05-08T15:01:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/\"},\"wordCount\":1008,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/01.png\",\"articleSection\":[\"Modelos de newsletter\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/\",\"name\":\"C\u00f3mo crear una newsletter b\u00e1sica paso a paso - Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/01.png\",\"datePublished\":\"2015-09-09T05:29:53+00:00\",\"dateModified\":\"2022-05-08T15:01:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/#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\\\/es\\\/blog\\\/2015\\\/09\\\/09\\\/como-crear-una-newsletter-basica-paso-a-paso\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo crear una newsletter b\u00e1sica paso a paso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\",\"name\":\"Mailrelay\",\"description\":\"Mailrelay.com\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\",\"name\":\"Mailrelay\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/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\\\/es\\\/#\\\/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\\\/es\\\/#\\\/schema\\\/person\\\/0254b74f24f76948bb0ba9adcd019c78\",\"name\":\"Florencia Tesone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\\\/es\\\/blog\\\/author\\\/florencia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear una newsletter b\u00e1sica paso a paso - 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":"es_ES","og_type":"article","og_title":"C\u00f3mo crear una newsletter b\u00e1sica paso a paso - Mailrelay","og_description":"\u00bfQuieres desarrollar tu propia plantilla de email pero tienes poca experiencia (o ninguna) escribiendo c\u00f3digo? Este art\u00edculo puede serte de mucha ayuda a la hora de crear una newsletter b\u00e1sica.","og_url":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/","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-08T15:01:53+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":{"Escrito por":"Florencia Tesone","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/#article","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/"},"author":{"name":"Florencia Tesone","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/person\/0254b74f24f76948bb0ba9adcd019c78"},"headline":"C\u00f3mo crear una newsletter b\u00e1sica paso a paso","datePublished":"2015-09-09T05:29:53+00:00","dateModified":"2022-05-08T15:01:53+00:00","mainEntityOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/"},"wordCount":1008,"commentCount":2,"publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","articleSection":["Modelos de newsletter"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/","url":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/","name":"C\u00f3mo crear una newsletter b\u00e1sica paso a paso - Mailrelay","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/#primaryimage"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","datePublished":"2015-09-09T05:29:53+00:00","dateModified":"2022-05-08T15:01:53+00:00","breadcrumb":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/#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\/es\/blog\/2015\/09\/09\/como-crear-una-newsletter-basica-paso-a-paso\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpstaging.mailrelay.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear una newsletter b\u00e1sica paso a paso"}]},{"@type":"WebSite","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#website","url":"https:\/\/wpstaging.mailrelay.com\/es\/","name":"Mailrelay","description":"Mailrelay.com","publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpstaging.mailrelay.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization","name":"Mailrelay","url":"https:\/\/wpstaging.mailrelay.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/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\/es\/#\/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\/es\/#\/schema\/person\/0254b74f24f76948bb0ba9adcd019c78","name":"Florencia Tesone","image":{"@type":"ImageObject","inLanguage":"es","@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\/es\/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\/es\/blog\/author\/florencia\/"},"uagb_comment_info":2,"uagb_excerpt":"\u00bfQuieres desarrollar tu propia plantilla de email pero tienes poca experiencia (o ninguna) escribiendo c\u00f3digo? Este art\u00edculo puede serte de mucha ayuda a la hora de crear una newsletter b\u00e1sica.","_links":{"self":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/38129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/comments?post=38129"}],"version-history":[{"count":1,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/38129\/revisions"}],"predecessor-version":[{"id":42756,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/38129\/revisions\/42756"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/media\/32927"}],"wp:attachment":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/media?parent=38129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/categories?post=38129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/tags?post=38129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}