{"id":1759,"date":"2023-01-25T14:05:23","date_gmt":"2023-01-25T17:05:23","guid":{"rendered":"https:\/\/blog.estrategistanodigital.com.br\/?p=1759"},"modified":"2023-01-25T14:05:23","modified_gmt":"2023-01-25T17:05:23","slug":"pop-up-o-que-e-e-como-aplicar-em-seu-site","status":"publish","type":"post","link":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/2023\/01\/25\/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><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&nbsp;<strong>poderosa ferramenta de marketing digital<\/strong>&nbsp;e pode contribuir para melhorar a&nbsp;<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>&nbsp;quando utilizado da forma adequada.<\/p>\n\n\n\n<p>O recurso&nbsp;<strong>substitui os banners convencionais na convers\u00e3o de usu\u00e1rios em leads<\/strong>&nbsp;e potencializa a influ\u00eancia do conte\u00fado do site.<\/p>\n\n\n\n<p>No entanto,&nbsp;<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,&nbsp;<strong>\u00e9 importante entender o que \u00e9 pop-up, sua fun\u00e7\u00e3o e suas caracter\u00edsticas principais<\/strong>&nbsp;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\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.locaweb.com.br\/wp-content\/uploads\/2022\/12\/pop-up-01-min.jpg\" alt=\"\" class=\"wp-image-38576\"\/><figcaption class=\"wp-element-caption\">(Fonte: Expect Best\/Pexels\/Reprodu\u00e7\u00e3o)<\/figcaption><\/figure>\n\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&nbsp;<strong>promover ofertas e gerar&nbsp;<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&nbsp;<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.&nbsp;<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&nbsp;<strong>podem ser acionados por a\u00e7\u00f5es como: rolar, clicar<\/strong>&nbsp;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>&nbsp;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>&nbsp;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&nbsp;<strong>permite aumentar a lista de e-mails<\/strong>, assim como&nbsp;<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>&nbsp;<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,&nbsp;<strong>a ferramenta pode promover conte\u00fados<\/strong>&nbsp;como e-books ou guia de estudo de caso.<\/p>\n\n\n\n<p>O recurso pode ser usado para&nbsp;<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>&nbsp;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\">&nbsp;taxa de rejei\u00e7\u00e3o<\/a>&nbsp;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,&nbsp;<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&nbsp;<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>&nbsp;do site.<\/p>\n\n\n\n<p>A ferramenta<strong>&nbsp;pode ser classificada por<\/strong>&nbsp;<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>\n<li><strong>Pop-up na entrada<\/strong>:&nbsp;<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<ul>\n<li><strong>Pop-up ao sair:<\/strong>&nbsp;onde os usu\u00e1rios costumam parar de navegar no site web,&nbsp;<strong>o recurso aparece na tentativa de reter o visitante<\/strong>&nbsp;para se inscrever na newsletter, oferecer um cupom de desconto ou outros tipos de mensagens.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Pop-up agendado<\/strong>:&nbsp;<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<ul>\n<li><strong>Pop-up ao rolar<\/strong>:&nbsp;<strong>quando o usu\u00e1rio chega a um ponto espec\u00edfico no site, o pop-up aparece<\/strong>&nbsp;e, geralmente, ocupa mais da metade da p\u00e1gina com um an\u00fancio relevante.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Pop-up ao clicar<\/strong>: uma janela de venda composta por campos para preenchimento&nbsp;<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\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.locaweb.com.br\/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\"\/><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\n\n\n<p>O pop-up pode ser criado nas principais linguagens de programa\u00e7\u00e3o de sites, como&nbsp;<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&nbsp;<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&nbsp;<strong>n\u00e3o precisa entender de programa\u00e7\u00e3o para criar pop-ups<\/strong>.<\/p>\n\n\n\n<p>O recurso&nbsp;<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>\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>&nbsp;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&nbsp;<a href=\"https:\/\/blog.locaweb.com.br\/temas\/experiencia-do-cliente\/como-segmentar-o-publico\/\" target=\"_blank\" rel=\"noreferrer noopener\">segmentado<\/a>&nbsp;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&nbsp;<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","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&nbsp;poderosa ferramenta de marketing digital&nbsp;e pode contribuir para melhorar a&nbsp;experi\u00eancia do usu\u00e1rio&nbsp;quando utilizado da forma adequada. O recurso&nbsp;substitui os banners convencionais na convers\u00e3o de usu\u00e1rios em leads&nbsp;e potencializa a influ\u00eancia do conte\u00fado do site. No [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1760,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[27],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/posts\/1759"}],"collection":[{"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=1759"}],"version-history":[{"count":1,"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/posts\/1759\/revisions"}],"predecessor-version":[{"id":1761,"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/posts\/1759\/revisions\/1761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/media\/1760"}],"wp:attachment":[{"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=1759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/categories?post=1759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.estrategistanodigital.com.br\/index.php\/wp-json\/wp\/v2\/tags?post=1759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}