{"id":41984,"date":"2019-07-24T06:36:05","date_gmt":"2019-07-24T06:36:05","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/"},"modified":"2022-12-29T13:16:37","modified_gmt":"2022-12-29T13:16:37","slug":"como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay","status":"publish","type":"post","link":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/","title":{"rendered":"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay"},"content":{"rendered":"<p>Voc\u00ea certamente j\u00e1 ouviu falar em &#8220;landing page&#8221;, ou &#8220;p\u00e1gina de destino&#8221;. Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso.<\/p>\n<p>Como muitos de voc\u00eas certamente saber\u00e3o, uma p\u00e1gina de destino \u00e9 uma p\u00e1gina criada com o objetivo de receber visitantes gerados atrav\u00e9s de um an\u00fancio ou promo\u00e7\u00e3o (Facebook, Google ou qualquer outra plataforma). Seu uso \u00e9 cada vez mais difundido e sua principal finalidade, na maioria dos casos, \u00e9 capturar leads ou gerar convers\u00f5es.<\/p>\n<p><strong>Uma landing page \u00e9 uma p\u00e1gina criada com um \u00fanico objetivo: Gerar convers\u00f5es.<\/strong><\/p>\n<p>De um modo geral, o usu\u00e1rio que visitar esta p\u00e1gina est\u00e1 interessado no que voc\u00ea est\u00e1 oferecendo. Criar uma landing page eficaz \u00e9 uma arte, pois voc\u00ea precisar\u00e1 considerar v\u00e1rios aspectos como o design e o conte\u00fado da p\u00e1gina.<\/p>\n<p>Se voc\u00ea j\u00e1 sabe o que \u00e9 uma landing page e voc\u00ea quer usar esta op\u00e7\u00e3o em sua estrat\u00e9gia de marketing, vamos explicar-lhe como adicionar um formul\u00e1rio de assinatura da Mailrelay em uma landing page para captar leads e assinantes.<\/p>\n<p><strong>Esclarecimento importante:<\/strong> Neste post, vamos assumir que voc\u00ea j\u00e1 criou um formul\u00e1rio de assinatura na Mailrelay e copiou o c\u00f3digo HTML que voc\u00ea ir\u00e1 usar. Vamos nos concentrar, portanto, em explicar como integrar corretamente este c\u00f3digo em uma p\u00e1gina de destino. Se voc\u00ea ainda n\u00e3o criou o formul\u00e1rio ou n\u00e3o copiou o c\u00f3digo HTML, aconselhamos voc\u00ea a checar este outro post: Formul\u00e1rios de assinatura da Mailrelay V3.<\/p>\n\n<h2>\u00b7 Como adicionar um formul\u00e1rio de assinatura a uma p\u00e1gina de destino no WordPress<\/h2>\n<h3>Op\u00e7\u00e3o 1: usando o Elementor<\/h3>\n<p>N\u00f3s j\u00e1 falamos sobre Elementor em outros artigos. \u00c9 um plugin com layout visual poderoso que est\u00e1 dispon\u00edvel no WordPress, tanto em vers\u00e3o gr\u00e1tis como paga. \u00c9 uma op\u00e7\u00e3o ideal para criar e editar p\u00e1ginas de destino com rapidez e facilidade.<\/p>\n<p>Se o seu site foi criado com o WordPress, \u00e9 muito aconselh\u00e1vel usar este plugin para montar sua landing page, pois o processo ser\u00e1 f\u00e1cil e simples. Se voc\u00ea ainda n\u00e3o instalou o plugin, voc\u00ea pode baix\u00e1-lo gratuitamente no reposit\u00f3rio do WordPress e us\u00e1-lo para criar sua landing page. Vamos come\u00e7ar?<\/p>\n<p>Uma vez dentro do painel de administra\u00e7\u00e3o do WordPress, voc\u00ea dever\u00e1 clicar em &#8220;p\u00e1ginas&#8221; e em adicionar uma nova.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36465 size-full\" title=\"formulario de suscripci\u00f3n a una landing page de WordPress\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO1-TUTORIAL-LANDING.jpg\" alt=\"formulario de suscripci\u00f3n a una landing page de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO1-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO1-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO1-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Voc\u00ea dever\u00e1 usar esta nova p\u00e1gina para inserir o conte\u00fado que ser\u00e1 exibido aos visitantes. Neste caso, antes de come\u00e7ar a editar o layout, \u00e9 aconselh\u00e1vel fazer alguns ajustes pr\u00e9vios, como nomear a se\u00e7\u00e3o, escolher o template, etc.<\/p>\n<p>Em muitas ocasi\u00f5es, vemos p\u00e1ginas de destino que n\u00e3o t\u00eam um menu superior. Isso geralmente \u00e9 usado quando queremos que o visitante foque apenas no conte\u00fado da p\u00e1gina de destino e n\u00e3o <strong>&#8220;escape&#8221;<\/strong> clicando em qualquer outro link do menu. Esta medida pode ser especialmente \u00fatil em p\u00e1ginas de destino de an\u00fancios online, por exemplo.<\/p>\n<p>Se voc\u00ea quiser implementar essa medida e remover o menu de navega\u00e7\u00e3o na sua landing page, voc\u00ea deve procurar, na coluna da direita, os atributos da p\u00e1gina. Depois de localiz\u00e1-los, na se\u00e7\u00e3o de modelos, selecione a op\u00e7\u00e3o &#8220;<strong>Elementor Canva&#8221;<\/strong> e salve as altera\u00e7\u00f5es.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36467 size-full\" title=\"Elementor canvas\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO2-TUTORIAL-LANDING.jpg\" alt=\"Elementor canvas\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO2-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO2-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO2-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Feito isso, abra o construtor Elementor clicando em &#8220;<strong>Editar com Elementor<\/strong>&#8221; e comece a construir sua p\u00e1gina de destino, seguindo a estrutura que voc\u00ea desejar.<\/p>\n<p>Quando terminar de montar sua p\u00e1gina, voc\u00ea ter\u00e1 que implementar o formul\u00e1rio de assinatura. Neste caso, voc\u00ea poder\u00e1 pegar o c\u00f3digo HTML do formul\u00e1rio da Mailrelay e inseri-lo na p\u00e1gina.<\/p>\n<p>Para fazer isso, voc\u00ea dever\u00e1 procurar o m\u00f3dulo <strong>&#8220;c\u00f3digo&#8221;<\/strong> e coloc\u00e1-lo na coluna ou se\u00e7\u00e3o que voc\u00ea desejar. Uma vez colocado, voc\u00ea ter\u00e1 que inserir o c\u00f3digo que voc\u00ea copiou antes de come\u00e7ar a ler este artigo. Neste caso, voc\u00ea ter\u00e1 que colar o c\u00f3digo HTML do formul\u00e1rio da Mailrelay para integrar na p\u00e1gina.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36469 size-full\" title=\"formulario de suscripci\u00f3n a una landing page de WordPress\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO3-TUTORIAL-LANDING.jpg\" alt=\"formulario de suscripci\u00f3n a una landing page de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO3-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO3-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO3-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Uma vez inserido, o resultado seria algo semelhante a isso. \u00c9 importante ter em mente que a estrutura e o design da p\u00e1gina ir\u00e1 variar dependendo dos m\u00f3dulos e elementos que voc\u00ea instalou.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36471 size-full\" title=\" Usando Elementor\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO4-TUTORIAL-LANDING.jpg\" alt=\" Usando Elementor\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO4-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO4-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO4-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Neste ponto, gostaria de destacar que o formul\u00e1rio ser\u00e1 exibido com a apar\u00eancia e estilos marcados em seu template ou tema. Para fazer altera\u00e7\u00f5es ou modifica\u00e7\u00f5es de estilo, ser\u00e1 necess\u00e1rio editar o HTML ou usar plugins espec\u00edficos que permitam personalizar formul\u00e1rios de assinatura.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13912 size-full\" title=\"Opci\u00f3n 2: Usando Divi\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page.png\" alt=\"Opci\u00f3n 2: Usando Divi\" width=\"630\" height=\"340\" \/><\/p>\n<h3>Op\u00e7\u00e3o 2: usando o Divi<\/h3>\n<p>Divi \u00e9 hoje um dos modelos mais utilizados para a cria\u00e7\u00e3o de sites no <strong>WordPress<\/strong>. Este template \u00e9 t\u00e3o popular porque oferece um poderoso construtor visual por m\u00f3dulos, o que permite criar facilmente p\u00e1ginas coloridas e atraentes.<\/p>\n<p>Atualmente, Divi \u00e9 uma ferramenta Premium (paga) e est\u00e1 dispon\u00edvel como um template e como um construtor visual para o WordPress. Se o seu site foi criado com este template ou voc\u00ea instalou o plugin Divi Builder, siga lendo, pois vamos mostrar-lhe, passo a passo, como adicionar um formul\u00e1rio de assinatura em uma landing page usando Divi. Vamos come\u00e7ar?<\/p>\n<p>As etapas s\u00e3o bastante semelhantes \u00e0s vistas no guia anterior, ent\u00e3o o processo que seguiremos ser\u00e1 bastante semelhante ao que vimos com o Elementor.<\/p>\n<p>Primeiro, vamos acessar a se\u00e7\u00e3o de p\u00e1ginas e clicar em &#8220;<strong>adicionar nova<\/strong>&#8220;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36473 size-full\" title=\"En primer lugar, nos dirigiremos al apartado p\u00e1ginas y haremos clic en \u201ca\u00f1adir nueva\u201d.\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO5-TUTORIAL-LANDING.jpg\" alt=\"En primer lugar, nos dirigiremos al apartado p\u00e1ginas y haremos clic en \u201ca\u00f1adir nueva\u201d.\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO5-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO5-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO5-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Uma vez dentro da nova p\u00e1gina, come\u00e7aremos a editar as configura\u00e7\u00f5es principais. Se, como no caso anterior, voc\u00ea deseja excluir a barra superior do menu na sua p\u00e1gina de destino, voc\u00ea deve buscar a op\u00e7\u00e3o <strong>&#8220;template&#8221;<\/strong> na coluna \u00e0 direita e clicar em &#8220;Blank page&#8221;.<\/p>\n<p>Com isso, estaremos dizendo ao WordPress que n\u00e3o queremos exibir nenhuma barra superior nesta se\u00e7\u00e3o espec\u00edfica do site. Interessante, certo?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36475 size-full\" title=\"Opci\u00f3n 2: Usando Divi\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO6-TUTORIAL-LANDING.jpg\" alt=\"Opci\u00f3n 2: Usando Divi\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO6-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO6-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO6-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Depois de ter nomeado a p\u00e1gina e definir as configura\u00e7\u00f5es do template, n\u00e3o se esque\u00e7a de salvar suas altera\u00e7\u00f5es para que n\u00e3o sejam deletadas.<\/p>\n<p>Em seguida, come\u00e7aremos a criar nossa p\u00e1gina de destino com o <strong>Divi<\/strong>. Para fazer isso, clique em &#8220;<strong>Divi builder<\/strong>&#8221; e o plugin ir\u00e1 exibir a p\u00e1gina com o construtor de landing pages. Divi, por padr\u00e3o, nos d\u00e1 v\u00e1rias op\u00e7\u00f5es para escolher: Usar um template padr\u00e3o e adapt\u00e1-lo ou criar um a partir do zero. Voc\u00ea pode escolher qualquer uma das duas op\u00e7\u00f5es.<\/p>\n<p>Depois de configurar sua p\u00e1gina de destino, \u00e9 hora de inserir seu formul\u00e1rio de assinatura da Mailrelay. Neste caso, teremos que procurar o m\u00f3dulo &#8220;<strong>C\u00f3digo<\/strong>&#8221; na barra direita do Divi e coloc\u00e1-lo na coluna ou se\u00e7\u00e3o que queremos.<\/p>\n<p>Depois de fazer isto, o plugin abrir\u00e1 uma janela com um campo onde poderemos colar o c\u00f3digo HTML gerado pela Mailrelay. Se voc\u00ea ainda n\u00e3o criou nenhum formul\u00e1rio de assinatura, por favor fa\u00e7a isto antes de continuar lendo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36477 size-full\" title=\"construir nuestra landing page\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO7-TUTORIAL-LANDING.jpg\" alt=\"construir nuestra landing page\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO7-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO7-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO7-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Depois de adicionar o c\u00f3digo, podemos ver como o formul\u00e1rio foi implementado sem problemas na p\u00e1gina.<\/p>\n<p>Como no caso anterior, o formul\u00e1rio ser\u00e1 exibido com os estilos definidos no seu template ou tema. Para fazer altera\u00e7\u00f5es ou modifica\u00e7\u00f5es de estilo, voc\u00ea ter\u00e1 que editar o HTML ou usar plugins externos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-33762 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page.png\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"340\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page.png 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page-300x162.png 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page-110x59.png 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<h2>\u00b7 Como adicionar um formul\u00e1rio de assinatura em uma landing page sem usar o WordPress<\/h2>\n<p>Embora o WordPress seja um dos CMS mais usados para criar p\u00e1ginas web, pode ser que voc\u00ea queira criar sua p\u00e1gina de destino sem usar esta plataforma. Se este \u00e9 seu caso, vamos recomendar algumas ferramenta que voc\u00ea pode usar para criar sua pr\u00f3pria p\u00e1gina de destino rapidamente.<\/p>\n<p>Neste ponto, \u00e9 importante notar que a maioria destas ferramentas s\u00e3o pagas, mas elas usualmente oferecem duas semanas de teste ou mais para que voc\u00ea comece a usar o servi\u00e7o para ver se isto \u00e9 o que voc\u00ea estava procurando. Depois de testar a ferramenta, voc\u00ea poder\u00e1 decidir se est\u00e1 ou n\u00e3o interessado em investir na plataforma.<\/p>\n<p>Para este artigo, vamos nos concentrar em explicar como usar o Instapress para a cria\u00e7\u00e3o de landing pages. Esta ferramenta foi criada para usu\u00e1rios que n\u00e3o querem desenhar uma p\u00e1gina manualmente, ent\u00e3o voc\u00ea poder\u00e1 editar os templates dispon\u00edveis ou criar seu pr\u00f3prio layout.<\/p>\n<p>A primeira coisa que voc\u00ea ter\u00e1 que fazer \u00e9 se registrar na plataforma para come\u00e7ar a usar a demo gratuita. Para fazer isso, acesse a p\u00e1gina da instapage e registre-se.<\/p>\n<p>Depois de acessar a plataforma, na se\u00e7\u00e3o de desktop, clique em &#8220;Create new page&#8221; para come\u00e7ar a criar sua\u00a0 landing page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36479 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO8-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO8-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO8-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO8-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Aqui, voc\u00ea ter\u00e1 uma s\u00e9rie de op\u00e7\u00f5es. Para este tutorial, vamos escolher a primeira delas: <strong>&#8220;Standard page&#8221;<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36481 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO9-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO9-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO9-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO9-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Depois de selecionar esta op\u00e7\u00e3o, voc\u00ea ser\u00e1 direcionado a uma outra tela onde voc\u00ea poder\u00e1 escolher entre v\u00e1rios templates. Voc\u00ea pode come\u00e7ar a criar sua p\u00e1gina do zero, escolhendo a op\u00e7\u00e3o <strong>&#8220;Blank page&#8221;<\/strong> ou voc\u00ea pode escolher um dos templates pr\u00e9-definidos.<\/p>\n<p>Nesse caso, \u00e9 importante deixar claro que as caixas de assinatura que est\u00e3o dispon\u00edveis nos templates n\u00e3o podem ser usadas, j\u00e1 que teremos que usar o c\u00f3digo HTML do formul\u00e1rio de assinatura gerado pela Mailrelay.<\/p>\n<p>Depois de escolher a op\u00e7\u00e3o que voc\u00ea quer usar, adicione um nome \u00e0 p\u00e1gina e comece a editar o design da landing, deixando um espa\u00e7o para o formul\u00e1rio de assinatura.<\/p>\n<p>Depois de editar o layout da p\u00e1gina, voc\u00ea ter\u00e1 que inserir o formul\u00e1rio. Se voc\u00ea checar na parte superior, voc\u00ea ver\u00e1 v\u00e1rias op\u00e7\u00f5es. Para adicionar o formul\u00e1rio, voc\u00ea dever\u00e1 clicar em <strong>&#8220;HTML&#8221;<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36483 size-full\" title=\"deberemos escoger el bloque que dice \u201cHTML\u201d.\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO10-TUTORIAL-LANDING.jpg\" alt=\"deberemos escoger el bloque que dice \u201cHTML\u201d.\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO10-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO10-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO10-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>O plugin ir\u00e1 exibir uma caixa que <strong>voc\u00ea poder\u00e1 posicionar onde desejar.<\/strong> Note que esta caixa corresponde ao formul\u00e1rio, ent\u00e3o voc\u00ea dever\u00e1 coloc\u00e1-la onde voc\u00ea deseja exibir o formul\u00e1rio. Para inserir o c\u00f3digo HTML, clique na caixa e selecione o bot\u00e3o &#8220;Edit&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36485 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO11-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO11-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO11-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO11-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>A caixa ser\u00e1 exibida em branco e voc\u00ea poder\u00e1 inserir o c\u00f3digo. Cole o HTML da Mailrelay e clique no bot\u00e3o &#8220;<strong>Done&#8221;<\/strong>. Se voc\u00ea seguiu todos os passos corretamente, voc\u00ea poder\u00e1 ver como seu formul\u00e1rio ser\u00e1 exibido.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36487 size-full\" title=\"Pegaremos el HTML de Mailrelay y haremos clic sobre el bot\u00f3n \u201cdone\u201d\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO12-TUTORIAL-LANDING.jpg\" alt=\"Pegaremos el HTML de Mailrelay y haremos clic sobre el bot\u00f3n \u201cdone\u201d\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO12-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO12-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO12-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Como nos casos anteriores, \u00e9 importante destacar que o formul\u00e1rio gerado pela Mailrelay n\u00e3o inclue estilos incorporados no c\u00f3digo HTML. Portanto, se voc\u00ea quiser personaliz\u00e1-lo, voc\u00ea precisar\u00e1 editar o c\u00f3digo manualmente. Se voc\u00ea n\u00e3o est\u00e1 muito familiarizado com HTML, recomendamos usar o formul\u00e1rio padr\u00e3o gerado pelo software.<\/p>\n<p>Por \u00faltimo, voc\u00ea deve clicar no bot\u00e3o <strong>&#8220;Save&#8221;<\/strong> no canto superior direito da tela.<\/p>\n<p>Depois de salvar as altera\u00e7\u00f5es, voc\u00ea ter\u00e1 que publicar a p\u00e1gina. Para fazer isso, clique na p\u00e1gina que voc\u00ea deseja publicar e, na janela seguinte, procure o bot\u00e3o <strong>&#8220;Publish&#8221;<\/strong> e clique nele.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36489 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO13-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO13-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO13-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO13-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Para publicar a landing page de forma definitiva, voc\u00ea ter\u00e1 que configurar a URL da sua p\u00e1gina. Portanto, depois de clicar em publicar, o sistema ir\u00e1 exibir um pop-up com op\u00e7\u00f5es para configur\u00e1-la. Clique no bot\u00e3o &#8220;Set URL&#8221; e, entre as diferentes op\u00e7\u00f5es dispon\u00edveis, escolha a melhor op\u00e7\u00e3o para sua estrat\u00e9gia digital.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36491 size-full\" title=\"Para publicar de manera definitiva deber\u00e1s configurar la URL de tu p\u00e1gina\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO14-TUTORIAL-LANDING.jpg\" alt=\"Para publicar de manera definitiva deber\u00e1s configurar la URL de tu p\u00e1gina\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO14-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO14-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO14-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Se voc\u00ea est\u00e1 trabalhando com o WordPress, voc\u00ea pode escolher essa op\u00e7\u00e3o e seguir os passos na tela para poder publicar a p\u00e1gina. Se voc\u00ea n\u00e3o usa o WordPress, voc\u00ea deve clicar na primeira op\u00e7\u00e3o &#8220;Custom domain&#8221; e siga as instru\u00e7\u00f5es para configurar seu dom\u00ednio.<\/p>\n<p>Ao lado de cada op\u00e7\u00e3o, voc\u00ea encontrar\u00e1 um link &#8220;Learn more&#8221;. Se voc\u00ea tiver d\u00favidas sobre os passos a seguir, clique neste link. Ele vai lev\u00e1-lo para uma se\u00e7\u00e3o informativa com tudo que voc\u00ea precisa saber para fazer as altera\u00e7\u00f5es e publicar sua p\u00e1gina permanentemente.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36493 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO15-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO15-TUTORIAL-LANDING.jpg 630w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO15-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO15-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<h2>\u00b7 Conclus\u00e3o<\/h2>\n<p>Se voc\u00ea est\u00e1 gerenciando um neg\u00f3cio online, voc\u00ea certamente precisar\u00e1 criar landing pages como parte de sua <a href=\"https:\/\/mailrelay.com\/pt\/blog\/2020\/01\/07\/6-dicas-para-ajuda-lo-a-aumentar-suas-vendas-com-email-marketing\/\" target=\"_blank\" rel=\"noopener\">estrat\u00e9gia de vendas<\/a>. Como explicamos no come\u00e7o do post, essas p\u00e1ginas s\u00e3o extremamente \u00fateis para captar potenciais clientes.<\/p>\n<p>Na verdade, esta \u00e9 uma ferramenta amplamente usada para coletar dados e criar listas de emails. As estrat\u00e9gias para conseguir estas informa\u00e7\u00f5es podem ser muito variadas, embora, hoje, o mais freq\u00fcente \u00e9 oferecer um &#8220;<strong>presente<\/strong>&#8221; em troca dos dados. <strong>Que tipo de presente?<\/strong> Pode ser um tutorial, um mini-curso, um guia. As op\u00e7\u00f5es s\u00e3o amplas!<\/p>\n<p>Por todo o exposto, neste artigo n\u00f3s quer\u00edamos mostrar diferentes maneiras de criar uma landing page, integrando um formul\u00e1rio de assinatura da Mailrelay. Nesta ocasi\u00e3o, nos concentramos em 3 diferentes op\u00e7\u00f5es. No entanto, voc\u00ea pode criar uma landing page com qualquer outra ferramenta que ofere\u00e7a op\u00e7\u00f5es para incorporar HTML externo. Voc\u00ea j\u00e1 usou uma landing page para captar clientes? Voc\u00ea acha \u00fatil?<\/p>\n<p><a href=\"https:\/\/www.tamarindocomunicacion.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19838 size-full\" title=\"Cristina Aguayo\" src=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/02\/cristina-aguayo.png\" alt=\"Cristina Aguayo\" width=\"630\" height=\"250\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea certamente j\u00e1 ouviu falar em &#8220;landing page&#8221;, ou &#8220;p\u00e1gina de destino&#8221;. Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso. Como muitos de voc\u00eas certamente saber\u00e3o, uma p\u00e1gina de destino \u00e9 uma p\u00e1gina criada com o objetivo de receber visitantes gerados atrav\u00e9s de um an\u00fancio ou [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":36463,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-41984","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay - Mailrelay<\/title>\n<meta name=\"description\" content=\"Voc\u00ea certamente j\u00e1 ouviu falar em &quot;landing page&quot;, ou &quot;p\u00e1gina de destino&quot;. Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay - Mailrelay\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea certamente j\u00e1 ouviu falar em &quot;landing page&quot;, ou &quot;p\u00e1gina de destino&quot;. Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/\" \/>\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=\"2019-07-24T06:36:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-29T13:16:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mailrelay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:site\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mailrelay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/\"},\"author\":{\"name\":\"Mailrelay\",\"@id\":\"https:\/\/mailrelay.com\/pt\/#\/schema\/person\/355071c9f6e00fa8c8731ac93e0aa487\"},\"headline\":\"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay\",\"datePublished\":\"2019-07-24T06:36:05+00:00\",\"dateModified\":\"2022-12-29T13:16:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/\"},\"wordCount\":2170,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/\",\"url\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/\",\"name\":\"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay - Mailrelay\",\"isPartOf\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png\",\"datePublished\":\"2019-07-24T06:36:05+00:00\",\"dateModified\":\"2022-12-29T13:16:37+00:00\",\"description\":\"Voc\u00ea certamente j\u00e1 ouviu falar em \\\"landing page\\\", ou \\\"p\u00e1gina de destino\\\". Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso.\",\"breadcrumb\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#primaryimage\",\"url\":\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png\",\"contentUrl\":\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png\",\"width\":630,\"height\":340},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mailrelay.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mailrelay.com\/pt\/#website\",\"url\":\"https:\/\/mailrelay.com\/pt\/\",\"name\":\"Mailrelay\",\"description\":\"Mailrelay.com - Email Marketing Software\",\"publisher\":{\"@id\":\"https:\/\/mailrelay.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mailrelay.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mailrelay.com\/pt\/#organization\",\"name\":\"Mailrelay\",\"url\":\"https:\/\/mailrelay.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/mailrelay.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/mailrelay-logo.jpg\",\"contentUrl\":\"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/mailrelay-logo.jpg\",\"width\":613,\"height\":291,\"caption\":\"Mailrelay\"},\"image\":{\"@id\":\"https:\/\/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:\/\/mailrelay.com\/pt\/#\/schema\/person\/355071c9f6e00fa8c8731ac93e0aa487\",\"name\":\"Mailrelay\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/mailrelay.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"caption\":\"Mailrelay\"},\"url\":\"https:\/\/mailrelay.com\/pt\/blog\/author\/mailrelay\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay - Mailrelay","description":"Voc\u00ea certamente j\u00e1 ouviu falar em \"landing page\", ou \"p\u00e1gina de destino\". Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso.","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:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/","og_locale":"pt_BR","og_type":"article","og_title":"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay - Mailrelay","og_description":"Voc\u00ea certamente j\u00e1 ouviu falar em \"landing page\", ou \"p\u00e1gina de destino\". Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso.","og_url":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/","og_site_name":"Mailrelay","article_publisher":"https:\/\/www.facebook.com\/Mailrelay\/","article_published_time":"2019-07-24T06:36:05+00:00","article_modified_time":"2022-12-29T13:16:37+00:00","og_image":[{"width":630,"height":340,"url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","type":"image\/png"}],"author":"Mailrelay","twitter_card":"summary_large_image","twitter_creator":"@mailrelay","twitter_site":"@mailrelay","twitter_misc":{"Escrito por":"Mailrelay","Est. tempo de leitura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#article","isPartOf":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/"},"author":{"name":"Mailrelay","@id":"https:\/\/mailrelay.com\/pt\/#\/schema\/person\/355071c9f6e00fa8c8731ac93e0aa487"},"headline":"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay","datePublished":"2019-07-24T06:36:05+00:00","dateModified":"2022-12-29T13:16:37+00:00","mainEntityOfPage":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/"},"wordCount":2170,"commentCount":0,"publisher":{"@id":"https:\/\/mailrelay.com\/pt\/#organization"},"image":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#primaryimage"},"thumbnailUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/","url":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/","name":"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay - Mailrelay","isPartOf":{"@id":"https:\/\/mailrelay.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#primaryimage"},"image":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#primaryimage"},"thumbnailUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","datePublished":"2019-07-24T06:36:05+00:00","dateModified":"2022-12-29T13:16:37+00:00","description":"Voc\u00ea certamente j\u00e1 ouviu falar em \"landing page\", ou \"p\u00e1gina de destino\". Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso.","breadcrumb":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#primaryimage","url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","contentUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","width":630,"height":340},{"@type":"BreadcrumbList","@id":"https:\/\/mailrelay.com\/pt\/blog\/2019\/07\/24\/como-adicionar-um-formulario-de-assinatura-em-uma-landing-page-com-a-mailrelay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailrelay.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Como adicionar um formul\u00e1rio de assinatura em uma landing page com a Mailrelay"}]},{"@type":"WebSite","@id":"https:\/\/mailrelay.com\/pt\/#website","url":"https:\/\/mailrelay.com\/pt\/","name":"Mailrelay","description":"Mailrelay.com - Email Marketing Software","publisher":{"@id":"https:\/\/mailrelay.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailrelay.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/mailrelay.com\/pt\/#organization","name":"Mailrelay","url":"https:\/\/mailrelay.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/mailrelay.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/mailrelay-logo.jpg","contentUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/mailrelay-logo.jpg","width":613,"height":291,"caption":"Mailrelay"},"image":{"@id":"https:\/\/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:\/\/mailrelay.com\/pt\/#\/schema\/person\/355071c9f6e00fa8c8731ac93e0aa487","name":"Mailrelay","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/mailrelay.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","caption":"Mailrelay"},"url":"https:\/\/mailrelay.com\/pt\/blog\/author\/mailrelay\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"thumbnail":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page-150x150.png",150,150,true],"medium":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page-300x162.png",300,162,true],"medium_large":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"large":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"1536x1536":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"2048x2048":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"testimonials":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page-110x59.png",110,59,true],"author-image":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",60,32,false],"yarpp-thumbnail":["https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",120,65,false]},"uagb_author_info":{"display_name":"Mailrelay","author_link":"https:\/\/mailrelay.com\/pt\/blog\/author\/mailrelay\/"},"uagb_comment_info":4,"uagb_excerpt":"Voc\u00ea certamente j\u00e1 ouviu falar em &#8220;landing page&#8221;, ou &#8220;p\u00e1gina de destino&#8221;. Se voc\u00ea precisa capturar assinantes, leads ou clientes, voc\u00ea obrigatoriamente precisar\u00e1 aprender a trabalhar com este recurso. Como muitos de voc\u00eas certamente saber\u00e3o, uma p\u00e1gina de destino \u00e9 uma p\u00e1gina criada com o objetivo de receber visitantes gerados atrav\u00e9s de um an\u00fancio ou&hellip;","_links":{"self":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/41984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/comments?post=41984"}],"version-history":[{"count":6,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/41984\/revisions"}],"predecessor-version":[{"id":59776,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/41984\/revisions\/59776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/media\/36463"}],"wp:attachment":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/media?parent=41984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/categories?post=41984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/tags?post=41984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}