{"id":38575,"date":"2022-12-16T15:40:48","date_gmt":"2022-12-16T18:40:48","guid":{"rendered":"https:\/\/blog.locaweb.com.br\/?p=38575"},"modified":"2024-07-31T11:40:22","modified_gmt":"2024-07-31T14:40:22","slug":"pop-up-o-que-e-e-como-aplicar-em-seu-site","status":"publish","type":"post","link":"https:\/\/www.locaweb.com.br\/blog\/temas\/marketing-e-seo\/pop-up-o-que-e-e-como-aplicar-em-seu-site\/","title":{"rendered":"Pop-up: o que \u00e9 e como aplicar em seu site"},"content":{"rendered":"\n<p class=\"has-text-align-center\"><em>O pop-up \u00e9 uma ferramenta eficaz para converter leads, mas precisa ser utilizado com intelig\u00eancia. Veja s\u00f3!<\/em><\/p>\n\n\n\n<p>O pop-up \u00e9 uma <strong>poderosa ferramenta de marketing digital<\/strong> e pode contribuir para melhorar a <a href=\"https:\/\/blog.locaweb.com.br\/temas\/experiencia-do-cliente\/5-dicas-para-proporcionar-uma-boa-experiencia-ao-cliente\/\" target=\"_blank\" rel=\"noreferrer noopener\">experi\u00eancia do usu\u00e1rio<\/a> quando utilizado da forma adequada.<\/p>\n\n\n\n<p>O recurso <strong>substitui os banners convencionais na convers\u00e3o de usu\u00e1rios em leads<\/strong> e potencializa a influ\u00eancia do conte\u00fado do site.<\/p>\n\n\n\n<p>No entanto, <strong>sua utiliza\u00e7\u00e3o exagerada pode provocar irrita\u00e7\u00e3o nos visitantes das p\u00e1ginas<\/strong>, incomodando ou at\u00e9 espantando um poss\u00edvel cliente.<\/p>\n\n\n\n<p>Por isso, <strong>\u00e9 importante entender o que \u00e9 pop-up, sua fun\u00e7\u00e3o e suas caracter\u00edsticas principais<\/strong> para aproveitar o m\u00e1ximo que o dispositivo oferece.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que \u00e9 pop-up de site?<\/strong><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2022\/12\/pop-up-01-min.jpg\" alt=\"\" class=\"wp-image-38576\" width=\"609\" height=\"375\"\/><figcaption class=\"wp-element-caption\">(Fonte: Expect Best\/Pexels\/Reprodu\u00e7\u00e3o)<br><\/figcaption><\/figure>\n<\/div>\n\n\n<p><strong>Um pop-up de site \u00e9 uma pequena janela que aparece na interface do usu\u00e1rio sem a a\u00e7\u00e3o intencional do visitante da p\u00e1gina<\/strong>.<\/p>\n\n\n\n<p>A ferramenta \u00e9 usada, principalmente, por profissionais de marketing que desejam <strong>promover ofertas e gerar <a href=\"https:\/\/blog.locaweb.com.br\/temas\/marketing-e-seo\/nutricao-de-leads-o-que-e-e-como-fazer\/\" target=\"_blank\" rel=\"noreferrer noopener\">leads<\/a>, mas ela tamb\u00e9m pode alertar os usu\u00e1rios sobre outras coisas<\/strong>, como o uso de cookies ou <strong>um desconto irresist\u00edvel, por exemplo<\/strong>.<\/p>\n\n\n\n<p>O recurso \u00e9 ativado por meio de um c\u00f3digo no site. <strong>Os pop-ups geralmente aparecem logo ap\u00f3s o carregamento da p\u00e1gina<\/strong>, na primeira vez que o visitante a acessa. <\/p>\n\n\n\n<p>Eles tamb\u00e9m <strong>podem ser acionados por a\u00e7\u00f5es como: rolar, clicar<\/strong> ou quando o movimento do cursor indica que o usu\u00e1rio est\u00e1 prestes a fechar a p\u00e1gina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Qual \u00e9 a import\u00e2ncia do pop-up para o com\u00e9rcio eletr\u00f4nico?<\/strong><\/h2>\n\n\n\n<p><strong>Os pop-ups s\u00e3o amplamente comuns em sites de com\u00e9rcio eletr\u00f4nico<\/strong>, mesmo sem ser uma unanimidade entre os usu\u00e1rios. A ferramenta multifuncional<strong> ajuda a converter o tr\u00e1fego do site em leads<\/strong>.<\/p>\n\n\n\n<p>O recurso \u00e9 eficaz para oferecer descontos, promover uma newsletter ou anunciar algum tipo de associa\u00e7\u00e3o. Portanto,<strong> vale a pena experimentar pop-ups em seu site e ver se suas taxas de convers\u00e3o melhoram<\/strong>.<\/p>\n\n\n\n<p>A seguir, confira as principais fun\u00e7\u00f5es de um pop-up.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Gerar&nbsp; assinantes<\/strong><\/h3>\n\n\n\n<p>Um formul\u00e1rio de assinatura pop-up onde os usu\u00e1rios podem deixar seu endere\u00e7o de e-mail funciona para envolv\u00ea-los na comunica\u00e7\u00e3o com a marca. <\/p>\n\n\n\n<p>O instrumento <strong>permite aumentar a lista de e-mails<\/strong>, assim como <a href=\"https:\/\/blog.locaweb.com.br\/temas\/experiencia-do-cliente\/poder-da-interacao-como-se-comunicar-com-o-cliente\/\" target=\"_blank\" rel=\"noreferrer noopener\">construir relacionamentos com o p\u00fablico<\/a> <strong>e acelerar a jornada do comprador<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Promover conte\u00fados<\/strong><\/h3>\n\n\n\n<p>Embora o objetivo principal dos pop-ups seja gerar leads, <strong>a ferramenta pode promover conte\u00fados<\/strong> como e-books ou guia de estudo de caso.<\/p>\n\n\n\n<p>O recurso pode ser usado para <a href=\"https:\/\/blog.locaweb.com.br\/temas\/como-vender-mais\/experiencia-digital-como-se-destacar-e-converter-clientes\/\">melhorar a experi\u00eancia do p\u00fablico<\/a> quando oferece solu\u00e7\u00f5es para resolver seus problemas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Reduzir a taxa de rejei\u00e7\u00e3o<\/strong><\/h3>\n\n\n\n<p>A<a href=\"https:\/\/blog.locaweb.com.br\/temas\/marketing-e-seo\/como-podemos-medir-as-metricas-de-um-site\/\" target=\"_blank\" rel=\"noreferrer noopener\"> taxa de rejei\u00e7\u00e3o<\/a> aponta o percentual de usu\u00e1rios que acessam somente uma p\u00e1gina do seu site e, em seguida, saem dele.<\/p>\n\n\n\n<p>Para reduzir a taxa de rejei\u00e7\u00e3o, <strong>o pop-up pode solicitar o e-mail, o telefone ou outras informa\u00e7\u00f5es para permitir a continuidade da comunica\u00e7\u00e3o<\/strong>. Esse pop-up geralmente aparece logo ap\u00f3s o usu\u00e1rio fazer men\u00e7\u00e3o de fechar a guia ou sair do site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Quais s\u00e3o os principais tipos de pop-up?<\/strong><\/h2>\n\n\n\n<p>Os pop-ups podem ter diferentes tipos, a depender da <a href=\"https:\/\/blog.locaweb.com.br\/temas\/marketing-e-seo\/qual-e-a-importancia-do-marketing-para-pequenas-empresas-entenda\/\" target=\"_blank\" rel=\"noreferrer noopener\">estrat\u00e9gia de marketing<\/a> do site. <\/p>\n\n\n\n<p>A ferramenta<strong> pode ser classificada por<\/strong> <strong>formato, a\u00e7\u00e3o, posicionamento e finalidade<\/strong>. Nem todos s\u00e3o relevantes para o neg\u00f3cio, mas conhec\u00ea-los \u00e9 fundamental para compreender seu funcionamento e escolher o melhor recurso para o site.<\/p>\n\n\n\n<p>Os mais usados nas p\u00e1ginas da web s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pop-up na entrada<\/strong>: <strong>aparece instantaneamente quando um usu\u00e1rio visita o site<\/strong>, sendo muito comum oferecer descontos e promo\u00e7\u00f5es para incentivar o usu\u00e1rio a continuar navegando.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pop-up ao sair:<\/strong> onde os usu\u00e1rios costumam parar de navegar no site web, <strong>o recurso aparece na tentativa de reter o visitante<\/strong> para se inscrever na newsletter, oferecer um cupom de desconto ou outros tipos de mensagens.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pop-up agendado<\/strong>: <strong>aparece quando o usu\u00e1rio passa um determinado per\u00edodo de tempo na p\u00e1gina<\/strong>, a fim de incentiv\u00e1-lo a assinar ou comprar algo.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pop-up ao rolar<\/strong>: <strong>quando o usu\u00e1rio chega a um ponto espec\u00edfico no site, o pop-up aparece<\/strong> e, geralmente, ocupa mais da metade da p\u00e1gina com um an\u00fancio relevante.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pop-up ao clicar<\/strong>: uma janela de venda composta por campos para preenchimento <strong>surge quando o usu\u00e1rio clica em uma \u00e1rea espec\u00edfica do site<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Como criar pop-ups?<\/strong><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2022\/12\/pop-up-2-min.jpg\" alt=\"imagem mostra pessoa utilizando um notebook, no qual est\u00e1 usando uma ferramenta que permite a cria\u00e7\u00e3o de pop-ups sem precisar de c\u00f3digo.\" class=\"wp-image-38577\" width=\"609\" height=\"375\"\/><figcaption class=\"wp-element-caption\">N\u00e3o \u00e9 necess\u00e1rio entender de programa\u00e7\u00e3o para criar pop-ups. (Fonte: Ketut Subiyanto\/Pexels\/Reprodu\u00e7\u00e3o)<\/figcaption><\/figure>\n<\/div>\n\n\n<p>O pop-up pode ser criado nas principais linguagens de programa\u00e7\u00e3o de sites, como <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/linguagens-de-programacao-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML, JavaScript e CSS<\/a>, adicionando poucas linhas de c\u00f3digo que podem ser escritas com o aux\u00edlio de um <a href=\"https:\/\/www.locaweb.com.br\/criador-de-sites\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>criador de sites<\/strong><\/a>.<\/p>\n\n\n\n<p>Veja 4 passos para criar a janela flutuante:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Escolha o construtor de pop-ups<\/strong><\/h3>\n\n\n\n<p>Ao contr\u00e1rio do que se pode pensar, o profissional de marketing <strong>n\u00e3o precisa entender de programa\u00e7\u00e3o para criar pop-ups<\/strong>. <\/p>\n\n\n\n<p>O recurso <strong>pode ser inclu\u00eddo no site por meio de construtores pr\u00f3prios que v\u00eam com uma variedade de ferramentas \u00fateis<\/strong>, como modelos de formul\u00e1rios, op\u00e7\u00f5es de segmenta\u00e7\u00e3o de p\u00fablico e visualiza\u00e7\u00e3o pr\u00e9via, garantido que o pop-up tenha a apar\u00eancia desejada. Alguns exemplos s\u00e3o: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sumo;<\/li>\n\n\n\n<li><strong>Ninja Popups<\/strong>;<\/li>\n\n\n\n<li>PopUp Maker;<\/li>\n\n\n\n<li>Unbounce;<\/li>\n\n\n\n<li>Get Response.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Defina o modelo e adicione o conte\u00fado<\/strong><\/h3>\n\n\n\n<p><strong>A defini\u00e7\u00e3o do objetivo do pop-up ajudar\u00e1 a escolher o modelo mais adequado<\/strong> para a necessidade do site. <\/p>\n\n\n\n<p>Ao mesmo tempo que ferramenta pode coletar inscri\u00e7\u00f5es de e-mail, tamb\u00e9m pode promover ofertas, ou disponibilizar dicas profissionais, entre tantas outras fun\u00e7\u00f5es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Selecione o p\u00fablico<\/strong><\/h3>\n\n\n\n<p>Caso a oferta seja relevante para todos que visitam o site, o pop-up poder\u00e1 ser exibido para todos os usu\u00e1rios, mas nem sempre ser\u00e1 assim. <\/p>\n\n\n\n<p><strong>O p\u00fablico pode ser <a href=\"https:\/\/blog.locaweb.com.br\/temas\/experiencia-do-cliente\/como-segmentar-o-publico\/\" target=\"_blank\" rel=\"noreferrer noopener\">segmentado<\/a> pelo pa\u00eds de origem, por qual dispositivo usa, entre visitantes novos ou recorrentes, entre outras op\u00e7\u00f5es.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Confira e publique<\/strong><\/h3>\n\n\n\n<p>Antes de mais nada \u00e9 necess\u00e1rio realizar as verifica\u00e7\u00f5es finais para o pop-up entrar no ar. Em seu construtor de pop-ups, visualize a janela para <strong>verificar como o recurso ser\u00e1 exibido em computadores e dispositivos m\u00f3veis.<\/strong> <\/p>\n\n\n\n<p>Se estiver tudo ok, basta salvar e gerar o c\u00f3digo personalizado para inserir na programa\u00e7\u00e3o do site.<\/p>\n\n\n\n<div class=\"user-cta-block\" style=\"background-color:#2E333C;\"><p>Quer uma alternativa pr\u00e1tica para obter atualiza\u00e7\u00f5es autom\u00e1ticas e mais seguran\u00e7a? Conhe\u00e7a a Hospedagem WordPress Locaweb.<\/p><a class=\"user-cta\" style=\"background-color: #F00842;\" href=\"https:\/\/bit.ly\/3Pss9OK:;\" target=\"_blank\" rel=\"noopener\">Clique aqui<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>O pop-up \u00e9 uma ferramenta eficaz para converter leads, mas precisa ser utilizado com intelig\u00eancia. Veja s\u00f3! O pop-up \u00e9 uma poderosa ferramenta de marketing digital e pode contribuir para melhorar a experi\u00eancia do usu\u00e1rio quando utilizado da forma adequada. O recurso substitui os banners convencionais na convers\u00e3o de usu\u00e1rios em leads e potencializa a [&hellip;]<\/p>\n","protected":false},"author":53,"featured_media":38580,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[101],"tags":[],"class_list":["post-38575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-e-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/38575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=38575"}],"version-history":[{"count":7,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/38575\/revisions"}],"predecessor-version":[{"id":41959,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/38575\/revisions\/41959"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/38580"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=38575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=38575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=38575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}