{"id":41720,"date":"2015-09-09T05:29:53","date_gmt":"2015-09-09T05:29:53","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/"},"modified":"2022-05-13T16:44:58","modified_gmt":"2022-05-13T16:44:58","slug":"como-criar-uma-newsletter-basica-passo-a-passo","status":"publish","type":"post","link":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/","title":{"rendered":"Como criar uma newsletter b\u00e1sica passo a passo"},"content":{"rendered":"<p><a href=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/Como-criar-uma-newsletter-basica-passo-a-passo.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/Como-criar-uma-newsletter-basica-passo-a-passo.jpg\" alt=\"Como criar uma newsletter b\u00e1sica passo a passo\" width=\"600\" height=\"500\" class=\"alignnone size-full wp-image-32958\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/Como-criar-uma-newsletter-basica-passo-a-passo.jpg 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/Como-criar-uma-newsletter-basica-passo-a-passo-300x250.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/09\/Como-criar-uma-newsletter-basica-passo-a-passo-110x92.jpg 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>\t\t\tVoc&ecirc; gostaria de criar seu pr&oacute;prio template de newsletter, mas t&ecirc;m pouca experi&ecirc;ncia (ou nenhuma) em linguagem de programa&ccedil;&atilde;o e c&oacute;digos? Este artigo pode ser de muita ajuda na cria&ccedil;&atilde;o de uma newsletter b&aacute;sica.<\/p>\n<p>\n\t\t\tVou tentar dar instru&ccedil;&otilde;es claras e n&atilde;o muito t&eacute;cnicas, no entanto, n&atilde;o se preocupe, porque voc&ecirc; poder&aacute; baixar o arquivo com o html e as imagens no final do artigo, e voc&ecirc; poder&aacute; brincar um pouco com o c&oacute;digo!<\/p>\n<p>\n\t\t\tPrimeiro temos um arquivo html b&aacute;sico com as primeiras linhas de c&oacute;digo, se voc&ecirc; abri-lo com um programa como o Dreamweaver o c&oacute;digo ser&aacute; exibido por padr&atilde;o:<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32926 size-full\" height=\"196\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01-300x98.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01-110x36.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tDentro da tag title, vamos inserir um t&iacute;tulo para a campanha, por exemplo: &lt;title&gt;Minha newsletter&lt;\/title&gt;, e em seguida, antes de fechar a tag head, vamos colocar estilos CSS que d&atilde;o instru&ccedil;&otilde;es para a campanha e ir&atilde;o melhorar sua exibi&ccedil;&atilde;o, esses estilos podem ser modificados conforme necess&aacute;rio. O c&oacute;digo ficaria assim:<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32928 size-full\" height=\"774\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02-233x300.png 233w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/02-110x142.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tEm seguida, temos a tag <strong>body,<\/strong> entre as quais est&atilde;o inseridas as informa&ccedil;&otilde;es que ser&atilde;o exibidas pelos clientes de e-mail dos usu&aacute;rios. Como estes s&atilde;o muitos (e funcionam de forma diferente, afetando a exibi&ccedil;&atilde;o dos emails) &eacute; melhor n&atilde;o exagerar em regras CSS, para aumentar as chances de que a mensagem seja exibida corretamente, por exemplo no gmail, yahoo, hotmail, etc. Podemos localizar dentro de &quot;body&quot; v&aacute;rias regras para isto:<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32930 size-full\" height=\"96\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03-300x48.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/03-110x18.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tO mais indicado ao criar uma newsletter &eacute; usar tabelas, definindo a altura e a largura de cada uma, para garantir que a mensagem ser&aacute; exibida corretamente. Se queremos uma determinada cor de fundo &eacute; melhor usar uma tabela que ocupe a totalidade da &aacute;rea, por isso, neste caso, vamos usar as seguintes propriedades (voc&ecirc; pode mudar a cor, alterando a propriedade bgcolor utilizando outro c&oacute;digo html com a cor desejada):<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32932 size-full\" height=\"68\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04-300x34.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/04-110x12.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tTamb&eacute;m especificamos o tipo de fonte que o usu&aacute;rio ir&aacute; visualizar no email, como eu disse antes, &eacute; melhor usar estilos em cada tabela, mesmo em colunas, por vezes, repetindo o mesmo estilo. &Eacute; melhor ser redundante e ter tudo sob controle nestes casos. Dentro da tag table vamos inserir as tags tr (linhas) e td (Colunas), para ordenar as informa&ccedil;&otilde;es. A primeira mensagem &eacute; &quot; Se voc&ecirc; n&atilde;o puder ver corretamente este email, visite a vers&atilde;o Web &quot;, sempre &eacute; aconselh&aacute;vel oferecer aos usu&aacute;rios esta op&ccedil;&atilde;o. O link usa a fun&ccedil;&atilde;o <strong>web_version<\/strong><\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32934 size-full\" height=\"67\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05.png\" width=\"580\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05.png 580w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05-300x35.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/05-110x13.png 110w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>\n\t\t\tEm seguida vamos inserir&nbsp; um novo tr e td, dentro colocaremos uma nova tabela (Colocar uma tabela dentro de outra &eacute; uma boa maneira de usar uma estrutura medianamente complexa e prevenir problemas de exibi&ccedil;&atilde;o). Esta tabela cont&eacute;m as principais informa&ccedil;&otilde;es.<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32936 size-full\" height=\"137\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06-300x69.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/06-110x25.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tNa verdade, para obter uma newsletter com margens adequadas para a informa&ccedil;&atilde;o, podemos inserir outra tabela dentro desta, novamente com tag align=&quot;center&quot; mas com uma largura menor, o que ficaria dessa forma:<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32938 size-full\" height=\"240\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07-300x120.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/07-110x44.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tPara ter uma margem maior ou menor (tamb&eacute;m entre margens de diferentes elementos) ser&aacute; preciso gerar uma coluna com uma altura definida, dessa forma:<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32940 size-full\" height=\"52\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08-300x26.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/08-110x10.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tChegamos no cabe&ccedil;alho da mensagem, neste espa&ccedil;o, voc&ecirc; pode escrever o nome da empresa, ou simplesmente inserir uma imagem com o logotipo desejado. Se a imagem cont&eacute;m um link para uma p&aacute;gina web, recomenda-se inserir a tag <strong>border=&quot;0&quot;<\/strong>, para evitar ver uma borda azul na imagem, que &eacute; exibida por padr&atilde;o em alguns softwares de email. Tamb&eacute;m &eacute; importante que cada imagem contenha um texto alternativo, alguns usu&aacute;rios podem ter desativada a exibi&ccedil;&atilde;o padr&atilde;o de imagens e gra&ccedil;as a este texto poder&atilde;o saber o que est&aacute; sendo enviado.<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32942 size-full\" height=\"94\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09-300x47.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/09-110x17.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tO passo seguinte &eacute; o t&iacute;tulo da newsletter, com uma margem superior e inferior, por isso vamos&nbsp; usar o m&eacute;todo explicado anteriormente, uma coluna que ir&aacute; gerar um espa&ccedil;o (no meu caso, 15 pixels) para &nbsp;para t&iacute;tulos iremos usar a tag para cabe&ccedil;alhos <strong>&quot;h2&quot;<\/strong><\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9069 size-full\" height=\"110\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/10.png\" width=\"600\" \/><\/p>\n<p>\n\t\t\tInserindo em baixo a imagem principal da newsletter, neste caso, com 560 px de largura:<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-32946 size-full\" height=\"124\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11.png\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11.png 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11-300x62.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/11-110x23.png 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\t<strong>Agora vamos inserir o conte&uacute;do principal!<\/strong><\/p>\n<p>\n\t\t\tNeste exemplo, temos apenas um artigo principal, mas certamente Voc&ecirc; poder&aacute; adicionar quantos voc&ecirc; precisar, copiando e colando o c&oacute;digo.<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9071 size-full\" height=\"168\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/12.png\" width=\"600\" \/><\/p>\n<p>\n\t\t\tNo final do conte&uacute;do, vamos incluir tamb&eacute;m um rodap&eacute;, para incluir os dados da empresa\/site, e tamb&eacute;m um link de cancelamento, (o que &eacute; sempre recomend&aacute;vel), tudo isso dividido por uma simples linha, para manter o estilo limpo da nossa newsletter:<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9072 size-full\" height=\"354\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/13.png\" width=\"600\" \/><\/p>\n<p>\n\t\t\tDepois disso deveremos fechar as tabelas (mesmo as que estiverem dentro de outras tabelas), exceto a tabela principal, que adiciona o fundo cinza. Vamos colocar uma &uacute;ltima coluna em baixo com avisos legais, usando uma fonte pequena, e, em seguida, ser&aacute; preciso terminar de fechar a tabela principal.<\/p>\n<p>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"crear una newsletter\" class=\"alignnone wp-image-9073 size-full\" height=\"254\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/07\/14.png\" width=\"600\" \/><\/p>\n<p>\n\t\t\tE isso &eacute; tudo, um template de newsletter explicado passo a passo!<img loading=\"lazy\" decoding=\"async\" alt=\"ejemplo-mail-basico\" class=\"alignnone size-full wp-image-32954\" height=\"630\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico.jpg\" width=\"600\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico.jpg 600w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico-286x300.jpg 286w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/ejemplo-mail-basico-110x116.jpg 110w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\n\t\t\tComo eu mencionei no in&iacute;cio deste artigo, eu procurei n&atilde;o adicionar uma explica&ccedil;&atilde;o muito t&eacute;cnica, de modo que alguns detalhes foram ignorados.<\/p>\n<p>\n\t\t\tNo entanto, se voc&ecirc; tem alguma d&uacute;vida sobre quais estilos s&atilde;o melhores, se deseja dicas sobre templates de newsletters, recomendo que leia estes outros artigos que est&atilde;o dispon&iacute;veis em nosso blog.<\/p>\n<p>\n\t\t\tFalando seriamente sobre templates de newsletter<\/p>\n<p>\n\t\t\tEspero que este artigo tenha sido &uacute;til para futuras campanhas de email marketing e como prometido, voc&ecirc; poder&aacute; baixar esse template.<\/p>\n<p>\n\t\t\t<a href=\"https:\/\/blog.mailrelay.com\/wp-content\/uploads\/2015\/06\/template-mail-basico.rar\" style=\"background-color: #f68e1e; display: block; width: 300px; line-height: 50px; margin-left: 150px; text-align: center; color: #ffffff; font-size: 26px; border-bottom: 3px solid #d76f00;\">click aqui<\/a><\/p>\n<p>\t<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc&ecirc; gostaria de criar seu pr&oacute;prio template de newsletter, mas t&ecirc;m pouca experi&ecirc;ncia (ou nenhuma) em linguagem de programa&ccedil;&atilde;o e c&oacute;digos? Este artigo pode ser de muita ajuda na cria&ccedil;&atilde;o de uma newsletter b&aacute;sica. Vou tentar dar instru&ccedil;&otilde;es claras e n&atilde;o muito t&eacute;cnicas, no entanto, n&atilde;o se preocupe, porque voc&ecirc; poder&aacute; baixar o arquivo com [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":32926,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-41720","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>Como criar uma newsletter b\u00e1sica passo a passo - 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=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como criar uma newsletter b\u00e1sica passo a passo - Mailrelay\" \/>\n<meta property=\"og:description\" content=\"Voc&ecirc; gostaria de criar seu pr&oacute;prio template de newsletter, mas t&ecirc;m pouca experi&ecirc;ncia (ou nenhuma) em linguagem de programa&ccedil;&atilde;o e c&oacute;digos? Este artigo pode ser de muita ajuda na cria&ccedil;&atilde;o de uma newsletter b&aacute;sica. Vou tentar dar instru&ccedil;&otilde;es claras e n&atilde;o muito t&eacute;cnicas, no entanto, n&atilde;o se preocupe, porque voc&ecirc; poder&aacute; baixar o arquivo com [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/\" \/>\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-13T16:44:58+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=\"Est. tempo de leitura\" \/>\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\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/\"},\"author\":{\"name\":\"Florencia Tesone\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/#\\\/schema\\\/person\\\/0254b74f24f76948bb0ba9adcd019c78\"},\"headline\":\"Como criar uma newsletter b\u00e1sica passo a passo\",\"datePublished\":\"2015-09-09T05:29:53+00:00\",\"dateModified\":\"2022-05-13T16:44:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/\"},\"wordCount\":1057,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/01.png\",\"articleSection\":[\"Modelos de newsletter\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/\",\"name\":\"Como criar uma newsletter b\u00e1sica passo a passo - Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/01.png\",\"datePublished\":\"2015-09-09T05:29:53+00:00\",\"dateModified\":\"2022-05-13T16:44:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/#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\\\/pt\\\/blog\\\/2015\\\/09\\\/09\\\/como-criar-uma-newsletter-basica-passo-a-passo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como criar uma newsletter b\u00e1sica passo a passo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/\",\"name\":\"Mailrelay\",\"description\":\"Mailrelay.com\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/#organization\",\"name\":\"Mailrelay\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/pt\\\/#\\\/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\\\/pt\\\/#\\\/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\\\/pt\\\/#\\\/schema\\\/person\\\/0254b74f24f76948bb0ba9adcd019c78\",\"name\":\"Florencia Tesone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@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\\\/pt\\\/blog\\\/author\\\/florencia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como criar uma newsletter b\u00e1sica passo a passo - 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":"pt_BR","og_type":"article","og_title":"Como criar uma newsletter b\u00e1sica passo a passo - Mailrelay","og_description":"Voc&ecirc; gostaria de criar seu pr&oacute;prio template de newsletter, mas t&ecirc;m pouca experi&ecirc;ncia (ou nenhuma) em linguagem de programa&ccedil;&atilde;o e c&oacute;digos? Este artigo pode ser de muita ajuda na cria&ccedil;&atilde;o de uma newsletter b&aacute;sica. Vou tentar dar instru&ccedil;&otilde;es claras e n&atilde;o muito t&eacute;cnicas, no entanto, n&atilde;o se preocupe, porque voc&ecirc; poder&aacute; baixar o arquivo com [&hellip;]","og_url":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/","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-13T16:44:58+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","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/#article","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/"},"author":{"name":"Florencia Tesone","@id":"https:\/\/wpstaging.mailrelay.com\/pt\/#\/schema\/person\/0254b74f24f76948bb0ba9adcd019c78"},"headline":"Como criar uma newsletter b\u00e1sica passo a passo","datePublished":"2015-09-09T05:29:53+00:00","dateModified":"2022-05-13T16:44:58+00:00","mainEntityOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/"},"wordCount":1057,"commentCount":0,"publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/#organization"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","articleSection":["Modelos de newsletter"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/","url":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/","name":"Como criar uma newsletter b\u00e1sica passo a passo - Mailrelay","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/#primaryimage"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2015\/06\/01.png","datePublished":"2015-09-09T05:29:53+00:00","dateModified":"2022-05-13T16:44:58+00:00","breadcrumb":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/wpstaging.mailrelay.com\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/#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\/pt\/blog\/2015\/09\/09\/como-criar-uma-newsletter-basica-passo-a-passo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpstaging.mailrelay.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Como criar uma newsletter b\u00e1sica passo a passo"}]},{"@type":"WebSite","@id":"https:\/\/wpstaging.mailrelay.com\/pt\/#website","url":"https:\/\/wpstaging.mailrelay.com\/pt\/","name":"Mailrelay","description":"Mailrelay.com","publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpstaging.mailrelay.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/wpstaging.mailrelay.com\/pt\/#organization","name":"Mailrelay","url":"https:\/\/wpstaging.mailrelay.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/wpstaging.mailrelay.com\/pt\/#\/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\/pt\/#\/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\/pt\/#\/schema\/person\/0254b74f24f76948bb0ba9adcd019c78","name":"Florencia Tesone","image":{"@type":"ImageObject","inLanguage":"pt-BR","@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\/pt\/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\/pt\/blog\/author\/florencia\/"},"uagb_comment_info":0,"uagb_excerpt":"Voc&ecirc; gostaria de criar seu pr&oacute;prio template de newsletter, mas t&ecirc;m pouca experi&ecirc;ncia (ou nenhuma) em linguagem de programa&ccedil;&atilde;o e c&oacute;digos? Este artigo pode ser de muita ajuda na cria&ccedil;&atilde;o de uma newsletter b&aacute;sica. Vou tentar dar instru&ccedil;&otilde;es claras e n&atilde;o muito t&eacute;cnicas, no entanto, n&atilde;o se preocupe, porque voc&ecirc; poder&aacute; baixar o arquivo com&hellip;","_links":{"self":[{"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/41720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/comments?post=41720"}],"version-history":[{"count":2,"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/41720\/revisions"}],"predecessor-version":[{"id":47902,"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/41720\/revisions\/47902"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/media\/32926"}],"wp:attachment":[{"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/media?parent=41720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/categories?post=41720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/pt\/wp-json\/wp\/v2\/tags?post=41720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}