{"id":96692,"date":"2020-07-14T06:43:30","date_gmt":"2020-07-14T06:43:30","guid":{"rendered":"https:\/\/mailrelay.com\/blog\/2026\/09\/29\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/"},"modified":"2026-09-29T16:24:52","modified_gmt":"2026-09-29T16:24:52","slug":"truques-para-criar-o-popup-html-perfeito-para-o-seu-site","status":"publish","type":"post","link":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/","title":{"rendered":"Truques para criar o popup HTML perfeito para o seu site"},"content":{"rendered":"

Um erro comum \u00e9 pensar que, s\u00f3 por adicionar um popup ao seu site, voc\u00ea j\u00e1 tem o jogo ganho, mas a realidade \u00e9 que existem certas formas de extrair todo o seu potencial, algo que poucos conseguem.<\/strong><\/p>\n\n

O dilema dos popups<\/h2>\n

\u25cf H\u00e1 quem afirme que o uso desses complementos s\u00f3 serve para prejudicar a Experi\u00eancia do Usu\u00e1rio, pela simples raz\u00e3o de que s\u00e3o muito inc\u00f4modos, n\u00e3o avisam e s\u00f3 interrompem a visita.<\/p>\n

\u25cf Por outro lado, h\u00e1 quem diga que est\u00e3o entre as melhores formas de gerar convers\u00f5es em um site e que, pelo contr\u00e1rio, agregam valor aos usu\u00e1rios.<\/p>\n

Ent\u00e3o, quem tem raz\u00e3o?<\/strong>, vamos aos dados.<\/p>\n

1. 98% dos visitantes saem de um site m\u00e9dio sem realizar nenhuma a\u00e7\u00e3o de valor<\/h3>\n

Fonte: Privy<\/a><\/p>\n

Tudo bem receber visitantes, mas de pouco adianta que eles s\u00f3 entrem para olhar<\/strong>. Sem nenhuma ferramenta, como um formul\u00e1rio ou um popup, voc\u00ea n\u00e3o conseguir\u00e1 convert\u00ea-los como espera.<\/p>\n

2. Mais de 23 milh\u00f5es de visitantes se tornaram assinantes em apenas 2 anos, gra\u00e7as aos popups da Sumo<\/h3>\n

Fonte: Sumo<\/p>\n

\u00c9 um bom sinal, levando em conta que est\u00e3o sendo considerados apenas os n\u00fameros de uma ferramenta.<\/p>\n

Isso confirma que os popups funcionam, ent\u00e3o por que o Google n\u00e3o gosta de encontr\u00e1-los ao rastrear um site?<\/strong> Mais adiante explicarei a linha t\u00eanue entre um popup \u00fatil e um que n\u00e3o serve para nada.<\/p>\n

3. A convers\u00e3o m\u00e9dia dos popups \u00e9 de 3,09%, mas pode chegar a 40%<\/h3>\n

Fonte: Sumo<\/p>\n

O primeiro n\u00e3o \u00e9 um n\u00famero t\u00e3o ruim, mas n\u00e3o estamos aqui para fazer parte da m\u00e9dia, mais adiante, voc\u00ea saber\u00e1 como chegar a esses 40%.<\/strong><\/p>\n

Como explica Sean Bestor, os popups HTML funcionam, o problema\/oportunidade \u00e9 que<\/strong> muitos n\u00e3o sabem como faz\u00ea-los funcionar.<\/p>\n

\"Truques<\/a><\/p>\n

Truques para melhorar a convers\u00e3o de um popup HTML<\/h2>\n

1. As janelas com maior convers\u00e3o n\u00e3o aparecem imediatamente<\/h3>\n

Imagine que voc\u00ea quer entrar em uma loja f\u00edsica, ainda n\u00e3o viu bem o que h\u00e1 l\u00e1, nem sabe se precisa de alguma coisa e, quando se aproxima da porta, aparece um daqueles vendedores insistentes.<\/p>\n

Como voc\u00ea espera que os usu\u00e1rios se convertam se eles nem sequer viram bem o que voc\u00ea oferece?<\/em><\/p>\n

Na melhor das hip\u00f3teses, a maioria ignorar\u00e1 a informa\u00e7\u00e3o e procurar\u00e1 desesperadamente o bot\u00e3o de fechar.<\/strong><\/p>\n

Na pesquisa da Sumo, descobriu-se que, entre os popups com melhor desempenho, apenas 8% apareciam antes dos 4 segundos.<\/strong><\/p>\n

Isso tamb\u00e9m vale para as notifica\u00e7\u00f5es push: a maioria dos sites oferece o recebimento de notifica\u00e7\u00f5es quando voc\u00ea nem sequer leu um pouco sobre o que a p\u00e1gina trata.<\/p>\n

Ent\u00e3o, quando \u00e9 um bom momento? A resposta que todos odiamos: depende.<\/em><\/p>\n

Deve ser tempo suficiente para que o usu\u00e1rio perceba que o seu conte\u00fado vale a pena.<\/strong><\/p>\n

Por exemplo, o popup HTML a seguir aparece em uma p\u00e1gina de livros 15 segundos depois que o usu\u00e1rio entra:<\/p>\n

\"exemplo<\/a><\/p>\n

Tempo suficiente para o usu\u00e1rio dar uma olhada na informa\u00e7\u00e3o, mas a chave aqui \u00e9 que o popup oferece o primeiro cap\u00edtulo do livro que interessa ao usu\u00e1rio<\/strong>, totalmente gr\u00e1tis.<\/p>\n

Ou seja, aparece no melhor momento, oferecendo algo de valor ao visitante e, se ele estiver interessado no livro, n\u00e3o deixar\u00e1 passar a oportunidade.<\/p>\n

Isso faz com que essa janela tenha uma convers\u00e3o de 38,4%.<\/strong><\/p>\n

Essa \u00e9 a m\u00e1gica do contexto\/tempo. Continue lendo, porque logo explicarei o que o contexto tem a ver com isso.<\/p>\n

Agora, com certeza voc\u00ea j\u00e1 viu popups que aparecem imediatamente em grandes sites como NeilPatel ou DolceGabbana. Eles contradizem o nosso dado?<\/strong><\/p>\n

N\u00e3o. A explica\u00e7\u00e3o \u00e9 simples: mais do que sites, eles se tornaram marcas de grande valor, por isso muitos dos usu\u00e1rios que entram nesses sites j\u00e1 conhecem a pessoa ou a marca e confiam tanto nelas que n\u00e3o t\u00eam problema em se inscrever desde o primeiro momento.<\/p>\n

2. Os melhores popups cont\u00eam um texto impactante<\/h3>\n

A internet est\u00e1 saturada de tanta informa\u00e7\u00e3o e conte\u00fado que j\u00e1 nem se distinguem entre si, e \u00e9 por isso que captar a aten\u00e7\u00e3o dos usu\u00e1rios \u00e9 cada vez mais complicado.<\/strong><\/p>\n

Mas h\u00e1 formas de chamar a aten\u00e7\u00e3o usando certas palavras inesperadas.<\/p>\n

Para conseguir isso, voc\u00ea n\u00e3o pode fazer o mesmo popup de sempre. \u00c9 como se aproximar de uma garota bonita: \u00e9 claro que voc\u00ea n\u00e3o pode chegar com aquela conversa t\u00edpica que ela com certeza j\u00e1 ouviu milhares de vezes.<\/p>\n

Vamos ver um exemplo:<\/p>\n

\"exemplo<\/a><\/p>\n

Esta janela est\u00e1 no site da Optinmonster (outra ferramenta de cria\u00e7\u00e3o de popups HTML) e aparece ao tentar sair.<\/p>\n

A chave deste exemplo \u00e9 dizer ao usu\u00e1rio o que ele ter\u00e1 de enfrentar se n\u00e3o ficar no site. Nossa, isso soou pior do que eu pensava.<\/strong><\/p>\n

Mas \u00e9 real: estudos comprovam que n\u00f3s, seres humanos, prestamos muito mais aten\u00e7\u00e3o quando estamos prestes a perder algo<\/a>. E isso \u00e9 algo que as grandes marcas usam para fazer marketing, n\u00e3o s\u00f3 com popups.<\/strong><\/p>\n

Por outro lado. V\u00e1 direto ao ponto: se pessoalmente voc\u00ea tem pouco tempo para cativar uma pessoa, no mundo online voc\u00ea tem ainda menos.<\/p>\n

N\u00e3o h\u00e1 tempo para textos de enrola\u00e7\u00e3o<\/strong>, como “Inscreva-se no nosso blog e poder\u00e1 receber…”.<\/p>\n

Se voc\u00ea tem um desconto, diga que tem um desconto e, se por exemplo voc\u00ea tem um livro ou curso de marketing ou neg\u00f3cios, n\u00e3o diga simplesmente que o tem: mencione quais resultados o visitante pode obter<\/strong> se o adquirir ou fizer.<\/p>\n

Os usu\u00e1rios est\u00e3o sobrecarregados de tanto conte\u00fado; de fato, de acordo com a Nielsen NG<\/a>, a pessoa m\u00e9dia l\u00ea apenas 28% de um post de blog, mesmo que pare\u00e7a muito completo.<\/p>\n

N\u00e3o sature a interface com um popup complexo; lembre-se de que menos \u00e9 mais. Claro que, assim como em outros tipos de an\u00fancios ou promo\u00e7\u00f5es, a clareza da mensagem tamb\u00e9m importa.<\/p>\n

Em conclus\u00e3o, mostre uma mensagem impactante usando o menor n\u00famero de palavras poss\u00edvel.<\/strong><\/p>\n

3. Usar uma imagem e uma data limite?<\/h3>\n

Talvez voc\u00ea se pergunte se colocar uma imagem ou um contador regressivo para criar senso de urg\u00eancia dentro de um popup funciona de verdade ou n\u00e3o.<\/p>\n

Temos dados que nos d\u00e3o uma resposta s\u00f3lida.<\/p>\n

Em uma pesquisa da Sleeknote<\/a>, descobriu-se que os popups com uma imagem obtiveram uma taxa de convers\u00e3o maior do que os que n\u00e3o t\u00eam<\/strong>. Especificamente, uma taxa de 3,8% contra 2,07%.<\/p>\n

A hip\u00f3tese neurocient\u00edfica por tr\u00e1s disso \u00e9 que, como muitos sabem, n\u00f3s, seres humanos, somos visuais e, \u00e9 claro, vamos nos sentir mais atra\u00eddos por gr\u00e1ficos do que apenas por texto.<\/p>\n

Claro que, antes de sair correndo para colocar uma imagem, \u00e9 recomend\u00e1vel fazer um teste A\/B<\/strong> para comparar os resultados no caso do seu site, j\u00e1 que nem todas as janelas precisam de uma imagem, nem todas as imagens t\u00eam o mesmo impacto.<\/p>\n

Por outro lado, existem os contadores regressivos, elementos para deixar claro ao usu\u00e1rio que a oferta \u00e9 limitada e que logo vai desaparecer.<\/p>\n

Como mencionei antes, \u00e9 uma t\u00e9cnica antiga que aviva a aten\u00e7\u00e3o da pessoa, pelo sentimento de perder algo em breve.<\/strong><\/p>\n

No mesmo estudo, descobriu-se que os popups com tempo limitado para agir convertiam muito mais do que os que n\u00e3o<\/strong> geravam um senso de urg\u00eancia. Especificamente, 8,07% contra 3,79%.<\/p>\n

\"popup<\/p>\n

4. Os melhores popups oferecem algo de muito valor<\/h3>\n

A menos que voc\u00ea seja uma grande marca internacional, pedir que se inscrevam apenas para receber ofertas ou conte\u00fados n\u00e3o ser\u00e1 o mais sedutor para os usu\u00e1rios.<\/p>\n

Talvez voc\u00ea consiga os emails de clientes fi\u00e9is ou de pessoas conhecidas, mas nada de grande impacto. E isso acontece porque em vez de pedir, voc\u00ea tem que dar.<\/strong><\/p>\n

Lembra do popup que oferecia o primeiro cap\u00edtulo do livro de interesse do usu\u00e1rio?<\/p>\n

Com certeza, para muitos o mais l\u00f3gico \u00e9 oferecer um mini teste gr\u00e1tis ou um desconto, e est\u00e3o certos.<\/strong><\/p>\n

A consultoria Nielsen NG<\/a> menciona que os popups se tornam m\u00e1quinas de convers\u00e3o quando oferecem um desconto<\/a>, principalmente quando o usu\u00e1rio tenta sair, um conselho que a equipe da Sumo reafirma.<\/p>\n

Mas o que acontece quando voc\u00ea n\u00e3o pode se dar ao luxo de oferecer um desconto<\/strong> ou um teste gr\u00e1tis?<\/p>\n

Este \u00e9 um jogo muito competitivo, e \u00e9 claro que as grandes empresas podem se dar ao luxo de abrir m\u00e3o de um pouco de dinheiro para conseguir clientes.<\/p>\n

E se voc\u00ea quer ser competitivo, deve tentar oferecer um desconto. No entanto, voc\u00ea pode usar estrat\u00e9gias para n\u00e3o sair t\u00e3o prejudicado, como aumentar ligeiramente o pre\u00e7o, oferecer o desconto apenas a partir de certo n\u00famero de pedidos ou vender ao usu\u00e1rio complementos para o produto inicial.<\/p>\n

Mas, apesar disso, existem outros benef\u00edcios que tamb\u00e9m conseguem taxas de convers\u00e3o enormes.<\/strong><\/p>\n

Oferecer ebooks ou relat\u00f3rios de pesquisa \u00e9 o que muitos blogueiros usam para obter emails, mas aten\u00e7\u00e3o: para que realmente funcionem, devem ser conte\u00fados \u00e9picos<\/strong>; por exemplo, informa\u00e7\u00f5es sobre como uma empresa passou de 0 a valer 50 milh\u00f5es de d\u00f3lares podem chamar a aten\u00e7\u00e3o.<\/p>\n

\"popup<\/p>\n

Por exemplo, aqui \u00e9 oferecido um webinar no qual se explica como conseguir um grande volume de tr\u00e1fego sem gastar nada de dinheiro em an\u00fancios. Muito bom.<\/p>\n

Infelizmente, muitos blogueiros oferecem conte\u00fados sempre parecidos entre si, que, mesmo que n\u00e3o pedissem o seu email, voc\u00ea n\u00e3o os baixaria.<\/p>\n

Ningu\u00e9m quer receber an\u00fancios no email, por isso voc\u00ea deveria fazer uma oferta praticamente irresist\u00edvel.<\/strong><\/p>\n

5. Os popups com a melhor taxa de convers\u00e3o s\u00e3o os que se encaixam no contexto<\/h3>\n

Para ningu\u00e9m \u00e9 segredo que um an\u00fancio de len\u00e7\u00f3is fica melhor em uma loja de colch\u00f5es do que em uma de comida.<\/p>\n

Isso parece muito \u00f3bvio, mas o problema dos popups com resultados med\u00edocres \u00e9 que n\u00e3o est\u00e3o relacionados com a p\u00e1gina em quest\u00e3o<\/strong> onde s\u00e3o exibidos.<\/p>\n

Talvez se relacionem de forma geral; ou seja, se for um blog de culin\u00e1ria, um popup HTML que ofere\u00e7a um guia com as melhores dicas de cozinha deveria funcionar, n\u00e3o?<\/p>\n

Sim, mas continuar\u00e1 sendo med\u00edocre. O que quero dizer \u00e9 um contexto inigual\u00e1vel.<\/p>\n

Lembremos que grande parte do sucesso da experi\u00eancia do usu\u00e1rio em sites como YouTube, Facebook ou Amazon vem do quanto s\u00e3o impressionantes os seus algoritmos<\/strong> para recomendar conte\u00fado ou produtos com base no que voc\u00ea est\u00e1 vendo ou nos seus interesses.<\/p>\n

Voltemos ao caso do blog de culin\u00e1ria: imaginemos que o neg\u00f3cio por tr\u00e1s dele \u00e9 vender aparelhos, utens\u00edlios e ingredientes de cozinha de outras empresas.<\/p>\n

E que o conte\u00fado que o usu\u00e1rio est\u00e1 vendo no momento \u00e9 sobre como preparar um peru para a ceia de Natal.<\/em><\/p>\n

Al\u00e9m de um popup que apenas convide o usu\u00e1rio a assinar o blog, pode-se oferecer o seguinte:<\/strong><\/p>\n

Outros conte\u00fados:<\/strong><\/p>\n

– Os pratos para a ceia de Natal mais procurados<\/p>\n

– Dicas para conseguir uma ceia de Natal inesquec\u00edvel<\/p>\n

Mesmo que o blog seja local:<\/em><\/p>\n

– Os melhores lugares para comprar tudo para a ceia de Natal na Cidade do M\u00e9xico<\/p>\n

Coloco isso primeiro porque nem todos os usu\u00e1rios est\u00e3o abertos a se inscrever desde o primeiro momento, mas sim a ver o que mais voc\u00ea oferece<\/strong>, se isso complementar a necessidade deles.<\/p>\n

Como dizem na Nielsen NG<\/a>, os sistemas de recomenda\u00e7\u00e3o podem funcionar muito bem, desde que aproveitem o contexto.<\/p>\n

Mas se quis\u00e9ssemos conquistar um assinante<\/strong>, poder\u00edamos oferecer um guia tanto em texto quanto em v\u00eddeo sobre como preparar a ceia de Natal perfeita.<\/p>\n

Essa \u00e9 uma oferta que complementa por completo a necessidade atual do usu\u00e1rio.<\/p>\n

De acordo com a pesquisa da Sumo, manter o contexto \u00e9 o que faz com que poucos popups alcancem taxas de convers\u00e3o superiores a 40%.<\/strong><\/p>\n

Vejamos este \u00f3timo exemplo:<\/p>\n

\"popup<\/p>\n

N\u00e3o tem o melhor design, mas aparece justamente em uma resenha do software Squarespace e todo o popup se relaciona com essa ferramenta. Excelente contexto.<\/p>\n

O problema \u00e9 que sites demais criam o t\u00edpico popup de inscri\u00e7\u00e3o e o programam para aparecer no maior n\u00famero poss\u00edvel de p\u00e1ginas do site. Por que fazem isso?<\/p>\n

A esta altura, qualquer um percebe que um an\u00fancio no Facebook pode chegar a ser 15 vezes mais eficiente do que um na TV nacional, gra\u00e7as \u00e0 segmenta\u00e7\u00e3o.<\/strong><\/p>\n

Para melhorar ainda mais o contexto, hoje em dia os popups podem ser segmentados n\u00e3o s\u00f3 por p\u00e1ginas, mas tamb\u00e9m por fatores como:<\/p>\n

– De qual p\u00e1gina vem o visitante<\/p>\n

– Sua localiza\u00e7\u00e3o geogr\u00e1fica<\/p>\n

– O dispositivo que usa<\/p>\n

– Se o usu\u00e1rio \u00e9 novo ou recorrente<\/p>\n

E muitos outros<\/p>\n

Com isso \u00e9 poss\u00edvel criar um popup especial<\/strong> para um determinado p\u00fablico, o que pode aumentar brutalmente a taxa de convers\u00e3o.<\/p>\n

Agora, se a maioria dos sites n\u00e3o faz isso, \u00e9 porque, principalmente, exige mais tempo e esfor\u00e7o do que automatizar um popup geral para todo um site. \u00c9 hora de aproveitar a neglig\u00eancia deles.<\/p>\n

Com que ferramenta criar popups HTML?<\/h2>\n

Para passar \u00e0 a\u00e7\u00e3o, esta \u00e9 uma boa pergunta. Embora tenhamos mencionado algumas ao longo deste conte\u00fado, existe algo melhor.<\/p>\n

Deixo aqui o top das melhores ferramentas para criar popups do mundo todo<\/strong>, baseado n\u00e3o na opini\u00e3o de uma pessoa, mas em um algoritmo que considera uma s\u00e9rie de fatores para classific\u00e1-las da forma mais eficiente. Clique para ir<\/a>.<\/p>\n

Voc\u00ea n\u00e3o s\u00f3 saber\u00e1 o nome de cada ferramenta, como poder\u00e1 ver exemplos ao vivo de popups<\/strong> criados com elas, conhecer suas vantagens e desvantagens, seus pre\u00e7os e aprender do zero como us\u00e1-las.<\/p>\n

Por fim, para aproveitar a lista de leads que voc\u00ea gerar gra\u00e7as aos seus popups, voc\u00ea precisar\u00e1 de uma ferramenta de email marketing<\/a>; \u00e9 aqui que o Mailrelay entra. Crie sua conta gr\u00e1tis em poucos passos.<\/p>\n

Bem, sinceramente espero que este conte\u00fado tenha sido muito \u00fatil para voc\u00ea; ficaria muito feliz se voc\u00ea o compartilhasse. Lembre-se de que voc\u00ea pode deixar suas d\u00favidas e opini\u00f5es nos coment\u00e1rios. At\u00e9 a pr\u00f3xima.<\/p>\n

Se voc\u00ea procura alternativas menos intrusivas, tamb\u00e9m pode se apoiar em notifica\u00e7\u00f5es push<\/a> e, em ambos os casos, capriche no call to action (CTA)<\/a>.<\/p>\n

\"Arturo<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Um erro comum \u00e9 pensar que, s\u00f3 por adicionar um popup ao seu site, voc\u00ea j\u00e1 tem o jogo ganho, mas a realidade \u00e9 que existem certas formas de extrair todo o seu potencial, algo que poucos conseguem. O dilema dos popups \u25cf H\u00e1 quem afirme que o uso desses complementos s\u00f3 serve para prejudicar […]<\/p>\n","protected":false},"author":1,"featured_media":40893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[873,580],"tags":[],"class_list":["post-96692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ferramentas-e-software-de-marketing","category-marketing-pt"],"yoast_head":"\nCriar Popups HTML Perfeitos para o Seu Site [5 Truques] | Mailrelay<\/title>\n<meta name=\"description\" content=\"\u25ba Voc\u00ea conhece os truques para criar um popup em HTML? \u27a1\ufe0f No Mailrelay, ensinamos como fazer esse processo e adicionar um formul\u00e1rio a uma p\u00e1gina web\u2705\" \/>\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\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Criar Popups HTML Perfeitos para o Seu Site [5 Truques] | Mailrelay\" \/>\n<meta property=\"og:description\" content=\"\u25ba Voc\u00ea conhece os truques para criar um popup em HTML? \u27a1\ufe0f No Mailrelay, ensinamos como fazer esse processo e adicionar um formul\u00e1rio a uma p\u00e1gina web\u2705\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/\" \/>\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=\"2020-07-14T06:43:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T16:24:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.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=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/\"},\"author\":{\"name\":\"Mailrelay\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#\\\/schema\\\/person\\\/355071c9f6e00fa8c8731ac93e0aa487\"},\"headline\":\"Truques para criar o popup HTML perfeito para o seu site\",\"datePublished\":\"2020-07-14T06:43:30+00:00\",\"dateModified\":\"2026-09-29T16:24:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/\"},\"wordCount\":2448,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\",\"articleSection\":[\"Ferramentas e software de marketing\",\"marketing\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/\",\"name\":\"Criar Popups HTML Perfeitos para o Seu Site [5 Truques] | Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\",\"datePublished\":\"2020-07-14T06:43:30+00:00\",\"dateModified\":\"2026-09-29T16:24:52+00:00\",\"description\":\"\u25ba Voc\u00ea conhece os truques para criar um popup em HTML? \u27a1\ufe0f No Mailrelay, ensinamos como fazer esse processo e adicionar um formul\u00e1rio a uma p\u00e1gina web\u2705\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\",\"contentUrl\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png\",\"width\":630,\"height\":340},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/blog\\\/2020\\\/07\\\/14\\\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Truques para criar o popup HTML perfeito para o seu site\"}]},{\"@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:\\\/\\\/secure.gravatar.com\\\/avatar\\\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g\",\"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":"Criar Popups HTML Perfeitos para o Seu Site [5 Truques] | Mailrelay","description":"\u25ba Voc\u00ea conhece os truques para criar um popup em HTML? \u27a1\ufe0f No Mailrelay, ensinamos como fazer esse processo e adicionar um formul\u00e1rio a uma p\u00e1gina web\u2705","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\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/","og_locale":"pt_BR","og_type":"article","og_title":"Criar Popups HTML Perfeitos para o Seu Site [5 Truques] | Mailrelay","og_description":"\u25ba Voc\u00ea conhece os truques para criar um popup em HTML? \u27a1\ufe0f No Mailrelay, ensinamos como fazer esse processo e adicionar um formul\u00e1rio a uma p\u00e1gina web\u2705","og_url":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/","og_site_name":"Mailrelay","article_publisher":"https:\/\/www.facebook.com\/Mailrelay\/","article_published_time":"2020-07-14T06:43:30+00:00","article_modified_time":"2026-09-29T16:24:52+00:00","og_image":[{"width":630,"height":340,"url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.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":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/#article","isPartOf":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/"},"author":{"name":"Mailrelay","@id":"https:\/\/mailrelay.com\/pt\/#\/schema\/person\/355071c9f6e00fa8c8731ac93e0aa487"},"headline":"Truques para criar o popup HTML perfeito para o seu site","datePublished":"2020-07-14T06:43:30+00:00","dateModified":"2026-09-29T16:24:52+00:00","mainEntityOfPage":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/"},"wordCount":2448,"commentCount":0,"publisher":{"@id":"https:\/\/mailrelay.com\/pt\/#organization"},"image":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/#primaryimage"},"thumbnailUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","articleSection":["Ferramentas e software de marketing","marketing"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/","url":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/","name":"Criar Popups HTML Perfeitos para o Seu Site [5 Truques] | Mailrelay","isPartOf":{"@id":"https:\/\/mailrelay.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/#primaryimage"},"image":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/#primaryimage"},"thumbnailUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","datePublished":"2020-07-14T06:43:30+00:00","dateModified":"2026-09-29T16:24:52+00:00","description":"\u25ba Voc\u00ea conhece os truques para criar um popup em HTML? \u27a1\ufe0f No Mailrelay, ensinamos como fazer esse processo e adicionar um formul\u00e1rio a uma p\u00e1gina web\u2705","breadcrumb":{"@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/#primaryimage","url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","contentUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png","width":630,"height":340},{"@type":"BreadcrumbList","@id":"https:\/\/mailrelay.com\/pt\/blog\/2020\/07\/14\/truques-para-criar-o-popup-html-perfeito-para-o-seu-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailrelay.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Truques para criar o popup HTML perfeito para o seu site"}]},{"@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:\/\/secure.gravatar.com\/avatar\/871548d8ea792b1be4dca815f1997730a5a337670dbe077351e8e02f813d2b58?s=96&d=mm&r=g","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\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"thumbnail":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web-150x150.png",150,150,true],"medium":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web-300x162.png",300,162,true],"medium_large":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"large":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"1536x1536":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"2048x2048":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",630,340,false],"testimonials":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web-110x59.png",110,59,true],"author-image":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",60,32,false],"yarpp-thumbnail":["https:\/\/mailrelay.com\/wp-content\/uploads\/2020\/07\/Trucos-para-crear-el-popup-HTML-perfecto-para-tu-web.png",120,65,false]},"uagb_author_info":{"display_name":"Mailrelay","author_link":"https:\/\/mailrelay.com\/pt\/blog\/author\/mailrelay\/"},"uagb_comment_info":0,"uagb_excerpt":"Um erro comum \u00e9 pensar que, s\u00f3 por adicionar um popup ao seu site, voc\u00ea j\u00e1 tem o jogo ganho, mas a realidade \u00e9 que existem certas formas de extrair todo o seu potencial, algo que poucos conseguem. O dilema dos popups \u25cf H\u00e1 quem afirme que o uso desses complementos s\u00f3 serve para prejudicar…","_links":{"self":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/96692","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=96692"}],"version-history":[{"count":2,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/96692\/revisions"}],"predecessor-version":[{"id":96710,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/posts\/96692\/revisions\/96710"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/media\/40893"}],"wp:attachment":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/media?parent=96692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/categories?post=96692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/tags?post=96692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}