Os pop-ups de sites são ótimos para comunicar ofertas, capturar leads e envolver os visitantes que estão prestes a sair do seu site.
Se bem executados, os pop-ups do site podem aumentar significativamente o engajamento e impulsionar as conversões. Na verdade, uma pesquisa da Sumo mostra que a taxa média de conversão para pop-ups de sites é de 3.09%.
A chave para pop-ups de alta conversão é criar um design que chame a atenção e estar atento à experiência do usuário.
Nesta postagem, discutiremos os diferentes tipos de pop-ups de sites e compartilharemos exemplos práticos de como usá-los para gerar leads, gerar engajamento e aumentar conversões.
O que é um pop-up de site?
Um pop-up de site é uma sobreposição gráfica ou caixa que “aparece” na tela quando um visitante navega em seu site. Ele captura instantaneamente a atenção do usuário e solicita que ele execute uma ação específica.
O pop-up de um site geralmente contém texto, imagens e um CTA claro que solicita uma ação específica, como inserir um endereço de e-mail.
Você pode usar um pop-up de site para muitas coisas, incluindo:
- Promoção de campanhas e descontos
- Coletando endereços de e-mail
- Fornecimento de consentimento e isenções de responsabilidade sobre cookies
- Coletando feedback
- Envio de alertas e fornecimento de informações
- Coletando participantes de pré-venda
Os pop-ups do site são eficazes?
Os pop-ups do site são uma forma eficaz de gerar leads e interagir com os visitantes do site, com uma taxa de conversão média superior a 3%.
Um pop-up de site eficaz pode beneficiá-lo de várias maneiras, incluindo:
- Geração de leads: Os formulários de inscrição que exigem endereços de e-mail em troca de um incentivo são eficazes para a geração de leads.
- Conversões de vendas: você pode usar um pop-up de site para obter melhores conversões, direcionando os visitantes para suas páginas de destino, ofertas ou produtos relevantes.
- Engajamento: os pop-ups podem ser usados para fornecer ofertas especiais ou conteúdo exclusivo que incentivam os visitantes a interagir com o seu site.
- Informação ao Cliente: você pode usar pop-ups de sites para coletar informações do cliente, como data de nascimento, número de telefone ou preferências. Isso pode ajudá-lo a fornecer recomendações personalizadas e relevantes de produtos ou serviços.
- Segmentação de clientes: um pop-up de site pode ajudá-lo a coletar dados do cliente, como detalhes demográficos, interesses e comportamento, para uma segmentação adequada. Isso ajuda você a criar campanhas de marketing mais direcionadas.
Melhores exemplos de pop-up de sites: por tipo
Os profissionais de marketing digital usam vários tipos de pop-ups de sites, dependendo do objetivo. Por exemplo, você pode usar pop-ups do Dia das Mães para vender presentes específicos de eventos.
Vamos discutir os tipos de pop-ups usando exemplos reais. Mostraremos por que eles se destacam e como você pode criar pop-ups semelhantes para atingir objetivos específicos.
1. Exemplos de pop-up de carregamento de página
Este pop-up para sites surge assim que uma página da web é totalmente carregada, capturando instantaneamente a atenção do visitante. Aqui estão alguns exemplos de como outras marcas usam esse tipo de pop-up para engajamento no site.
Tuckernuck
A marca de roupas Tuckernuck combina imagens atraentes com incentivos para incentivar os usuários a se inscreverem para receber mensagens promocionais por SMS.
Os visitantes podem desfrutar de 10% de desconto em suas compras simplesmente registrando-se com seu número de celular.
ekster
Ekster usa imagens de produtos, fontes grandes e um desconto significativo para chamar a atenção. Este CTA é um aviso eficaz para os visitantes inserirem seus endereços de e-mail e aproveitarem a oferta.
AfroChique
Este pop-up do site convida os visitantes a “celebrar a cultura da diáspora africana”, explorando a herança vibrante que ressoa no seu público. A promoção das diversas ofertas da marca, incluindo livros, revistas e podcast, permite que os visitantes se envolvam com o conteúdo no formato de sua preferência.
2. Exemplos de pop-up de intenção de saída
Um pop-up de intenção de saída do site é ativado quando parece que um visitante está prestes a sair de um site, como o cursor indo em direção ao ícone ‘fechar’ em um navegador.
Você pode usar este pop-up como uma chamada final para incentivar os usuários a realizar a ação desejada antes de saírem.
Vamos verificar alguns exemplos de pop-ups de sites com intenção de saída.
Co-agendamento
Este é um excelente exemplo de pop-up de intenção de saída que usa um tom coloquial e uma cópia. A cópia destaca efetivamente os benefícios da plataforma – mais trabalho realizado em menos tempo para o mesmo número de funcionários. Em seguida, o CTA se destaca na cor laranja brilhante para chamar a atenção do visitante, incentivando-o a agendar uma demonstração sem se comprometer com a inscrição.
Coursera
A mensagem de intenção de saída do Coursera aparece na parte inferior da tela e pede educadamente aos visitantes que respondam a uma pesquisa sobre como ouviram falar da marca.
Devido ao seu tom amigável e estrutura não intrusiva, este é um bom exemplo de pop-up de site usado para coletar feedback, em vez de promover produtos.
SeedProd
Em vez das habituais opções de sim ou não, este pop-up do site inclui uma opção para visitantes que ainda têm perguntas sem resposta e ainda não estão prontos para se inscrever. O pop-up aumenta o engajamento ao fornecer opções que atraem os visitantes em diferentes estágios do funil de vendas.
Quer decidam comprar o produto ou aprender mais sobre ele, eles estão engajados.
3. Exemplos de pop-ups cronometrados
Um pop-up cronometrado do site aparece depois que um visitante passa um período específico de tempo no seu site. Você pode definir o tempo do pop-up para que os visitantes tenham tempo suficiente para ler seu conteúdo antes de verem um pop-up com uma mensagem relevante.
Aqui estão alguns exemplos de pop-ups de sites cronometrados.
Bandidor
A marca de moda e fitness Bandier usa um pop-up cronometrado em seu site para oferecer um desconto aos visitantes do site em troca de seus números de telefone. O formulário divulga sua política de privacidade, o que ajuda a construir confiança e tornar o pop-up mais eficaz.
Thinx
Este pop-up do site é exibido 10 segundos após o carregamento completo da página da web. Ele confirma a localização do visitante e informa sobre as opções convenientes de envio e preços que a marca oferece.
A promessa de compras convenientes pode encorajar os usuários a comprar no site.
4. Exemplos de pop-ups de sites acionados por rolagem
Esse tipo de pop-up de site é exibido quando um visitante rola para um ponto específico da sua página da web. Assim como os pop-ups cronometrados, dá aos visitantes tempo suficiente para navegar pelo seu site antes de verem uma solicitação.
Cabelo INH
Este pop-up é um questionário para os visitantes encontrarem o tom de cor de cabelo perfeito e aparece quando eles rolam até o final da página. Qualquer pessoa que responder ao questionário recebe recomendações personalizadas de produtos, tornando sua experiência de compra mais conveniente.
Ao esperar até que o visitante chegue ao final da página, a INH Hair sabe que é provável que ele esteja engajado. E mencionar que o teste levará apenas 90 segundos permite que as pessoas saibam que não gastarão muito tempo nele.
Calçados famosos
O pop-up acionado por rolagem da Famous Footwear é ativado quando o visitante percorre três quartos (ou 75%) da página inicial. Isso dá aos usuários tempo suficiente para navegar pelos produtos disponíveis antes de oferecer um desconto para incentivá-los a comprar.
5. Exemplos de pop-up acionados por clique
Este pop-up do site é ativado quando um usuário clica em um elemento da sua página da web, como um texto específico, uma imagem ou um botão. Um pop-up acionado por clique para sites fornece aos visitantes mais informações sobre o elemento selecionado.
Estúdio JARI
Quando os visitantes clicam em um produto na página do Studio JARI, um pop-up aparece com especificações detalhadas do produto.
Um toque bacana é que os visitantes podem adicionar o produto ao carrinho diretamente do pop-up, tornando a experiência de compra mais tranquila.
Madewell
Este pop-up é ativado quando o usuário clica em “desconto” na página inicial. Tem um duplo propósito: incentivar os visitantes a se cadastrarem para receber e-mails e indicar a marca a um amigo para obter um desconto.
Nordstrom
O “Converse conosco!” O botão na parte inferior da página da Nordstrom aciona um pop-up que oferece aos clientes várias opções para gerenciar seus pedidos. Isso melhora a experiência do cliente, fornecendo uma maneira fácil de devolver ou cancelar pedidos ou verificar o status do pedido.
6. Exemplos de pop-up de boas-vindas/tela cheia
Ao contrário de outros pop-ups em sites que cobrem apenas parte da tela, um pop-up de boas-vindas cobre a página inteira. Quando executado de maneira adequada, direciona o foco do visitante para o CTA, evitando que ele se distraia com outros elementos do site.
Brooklinen
O pop-up do site do Brooklinen tem um design minimalista que foca em dois elementos principais: o desconto e o botão CTA. É simples, mas eficaz. Qualquer pessoa interessada em comprar provavelmente terá o desconto e quem não estiver pode simplesmente cancelar.
Seulbox
Este é outro exemplo de como usar um design simples para seu pop-up de tela inteira. Utiliza fundo liso com imagens nas laterais para chamar a atenção do visitante.
Este tapete de boas-vindas comunica o benefício de forma rápida e clara: o visitante tem 10% de desconto e pode reivindicá-lo bastando selecionar a área que mais lhe interessa.
7. Exemplos de pop-up de sites da Hello Bar
Ao contrário de outros tipos de pop-ups, um pop-up do site da barra hello só aparece na parte superior ou inferior da página. Isso não impede que os visitantes naveguem pelo seu site, independentemente de interagirem com o pop-up ou não.
Recreio
Este pop-up hello bar da marca de bebidas Recess usa uma abordagem sutil, mas eficaz. Seu pop-up aparece na parte inferior da página, garantindo que a experiência de navegação do visitante não seja interrompida e que a mensagem permaneça visível para os visitantes enquanto eles navegarem no site.
O design pop-up incorpora cores vibrantes que contrastam com o resto do site. Ele capta instantaneamente a atenção do visitante e gera engajamento com um simples incentivo: um endereço de e-mail em troca de um desconto.
Café Calêndula
O pop-up do site da Marigold Coffee é mínimo e não intrusivo, com um tom amigável e coloquial.
8. Exemplos de pop-ups de alerta informativo
Eles são usados para fornecer aos visitantes informações importantes sobre sua marca, produtos ou serviços, incluindo alterações de políticas, alterações de preços, consentimento de cookies, descontos e muito mais.
Charlotte Biografia
A marca de maquiagem Charlotte Bio usa um pop-up de alerta informativo no site para exibir informações de consentimento de cookies. Ele usa uma cópia divertida e cativante, mas clara e concisa, para transmitir sua mensagem.
Popupinteligente
Este pop-up de alerta informativo informa aos visitantes que o Popupsmart agora oferece automação de e-mail do Shopify.
O pop-up está posicionado no canto inferior esquerdo da tela e não atrapalha a experiência de navegação do visitante. Também utiliza cores semelhantes às do restante da página, criando uma experiência uniforme e envolvente.
Dolce e Gabbana
Além de explicar claramente para que servem os cookies, o design deste pop-up subconscientemente direciona a atenção do visitante para o CTA “Permitir tudo”, destacando-o em preto enquanto o resto do pop-up permanece branco.
9. Exemplos de pop-ups gamificados
Um pop-up de site gamificado usa elementos divertidos, interativos e envolventes para capturar a atenção do visitante.
Aqui estão alguns exemplos.
Luna Nella
A marca de moda Luna Nella usa uma roda da fortuna para tornar seu pop-up divertido e interativo. Os convidados clicam para girar, com 3 chances em 5 de ganhar algo (desconto ou frete grátis). O CTA é claro e simples – forneça seu endereço de e-mail para solicitar o desconto.
Aura Bora
A marca de água com gás Aura Bora leva a gamificação para o próximo nível ao incorporar um jogo real no pop-up. Mesmo que alguém não tenha certeza se deseja comprar, pode ficar tentado a jogar e obter o desconto máximo. Depois de obtê-lo, eles poderão decidir usá-lo.
Essa é a beleza deste pop-up gamificado: ele tem o potencial de transformar visitantes casuais do site em clientes.
Toms
A Toms, marca de calçados, também usa uma roda da fortuna para capturar leads. O pop-up do site usa textos curtos e cativantes para incentivar os visitantes a girar a roda e ganhar um desconto, aumentando assim o engajamento.
10. Exemplos de pop-up de redirecionamento de página
Esses pop-ups de sites redirecionam os visitantes para páginas específicas que oferecem informações mais relevantes ou valiosas. É uma excelente estratégia se você está tentando direcionar mais tráfego e engajamento para páginas específicas do seu site.
Prestashop
Este pop-up do Prestashop informa aos visitantes que eles podem visualizar um site específico de um local. Isso pode aumentar o engajamento, pois é mais relevante para o visitante e oferece uma experiência mais pessoal.
Outro amanhã
A marca de roupas sustentáveis Another Tomorrow usa um pop-up de redirecionamento de página minimalista que permite aos usuários visualizar os produtos ou retornar à página inicial.
11. Exemplos de pop-up de solução alternativa para bloqueio de anúncios
Alguns visitantes terão um bloqueador de anúncios que impede a exibição de anúncios em suas telas, reduzindo assim sua receita. Esse tipo de pop-up solicita que os visitantes desativem seus bloqueadores de anúncios para que tenham acesso total ao conteúdo do seu site.
Hoje EUA
Este pop-up do USA Today não apenas diz aos usuários para desativarem seus bloqueadores de anúncios, mas também explica por que devem fazer isso. Ele pede aos visitantes que apoiem o site pagando pelo conteúdo ou desativando o bloqueador de anúncios.
business Insider
O pop-up de solução alternativa para bloqueio de anúncios do Business Insider aproveita texto grande e em negrito para chamar a atenção do leitor sobre o uso de um bloqueador de anúncios. Em seguida, oferece as mesmas opções do USA Today – tornar-se um assinante pago ou remover o bloqueador de anúncios.
12. Exemplos de pop-up de login de usuário
Esse tipo de pop-up de site permite que um visitante crie ou faça login em sua conta sem sair da página. Isso pode ser especialmente útil para marcas de comércio eletrônico, pois permite que proporcionem uma experiência de compra mais personalizada aos clientes.
Academia LearnDash
Em vez de redirecionar os usuários para uma página de login diferente, a LearnDash Academy usa um pop-up de login e registro dois em um. Isso cria uma experiência perfeita para os visitantes, facilitando o login ou o registro conforme necessário.
Moooi
Este pop-up de login é simples e funcional. Ele oferece aos usuários a opção de fazer login em suas contas Moooi existentes ou criar facilmente uma nova conta, caso não tenham uma.
13. Exemplos de pop-up de sites de pesquisa
Esse tipo de pop-up permite que você colete comentários e avaliações dos clientes diretamente do seu site. Você pode usá-los de várias maneiras, incluindo a coleta de insights valiosos para criar campanhas de marketing altamente direcionadas.
Círculos.Vida
Circles.Life adota uma abordagem única ao combinar um pop-up de intenção de saída com uma pesquisa. Ele usa um pop-up para descobrir por que eles estão saindo do site.
Azul Kennedy
Kennedy Blue usa um formulário pop-up de várias etapas para coletar informações sobre a experiência do visitante no site. Este pop-up de intenção de saída oferece um desconto para incentivá-los a responder à pesquisa.
Você pode replicar essa estratégia por meio de qualquer tipo de incentivo, como conteúdo fechado e ofertas exclusivas, dependendo do seu tipo de negócio.
14. Exemplos de pop-up magnéticos de chumbo
Esses pop-ups fornecem recursos ou incentivos valiosos em troca de informações de contato, como endereços de e-mail ou números de telefone. Por exemplo, você pode oferecer um e-book gratuito, um artigo exclusivo ou um código de desconto.
Tommy Hilfiger
A marca de moda Tommy Hilfiger usa um design lightbox, destacando o conteúdo pop-up escurecendo o resto da tela. O pop-up oferece um incentivo claro, um desconto de 20%, em troca da adesão à marca e do fornecimento de informações por e-mail.
O pop-up também menciona os termos e condições de adesão para manter a transparência e construir confiança.
Bolas de Proteína Scott
Este pop-up do site apresenta um logotipo em destaque para reforçar a marca da empresa, com uma oferta de desconto de 20% na inscrição. Isso, aliado ao CTA vermelho brilhante, atrai a atenção do visitante e o incentiva a se inscrever.
ConvertFlow
ConvertFlow usa um formulário pop-up de várias etapas para gerar leads. A primeira etapa oferece um calendário gratuito que vem com modelos recomendados.
Depois que os visitantes clicam no botão CTA do primeiro pop-up, a segunda etapa aparece para coletar endereços de e-mail e nomes. Depois, o visitante pode acessar o calendário.
15. Exemplos de pop-up de registro
Semelhante aos pop-ups de login, esses pop-ups permitem que o usuário se registre ou se inscreva em eventos específicos, como webinars ou podcasts, sem sair do site.
Você pode vinculá-lo a uma página de destino, onde poderá coletar endereços de e-mail para fornecer mais informações sobre o evento no qual os visitantes estão se inscrevendo.
nShift
Este pop-up do site mostra como a empresa de gerenciamento de remessas nShift orienta os usuários a se inscreverem facilmente em seu webinar. Um lado contém um formulário de inscrição, enquanto o outro lado lista os principais pontos de aprendizagem do webinar. Esta estratégia destaca efetivamente os benefícios do evento, aumentando assim as inscrições.
Search Engine Journal
Este pop-up do site permite que os visitantes reservem um lugar para um webinar com antecedência, com um título que comunica claramente os benefícios de participar.
16. Exemplos de pop-up de inscrição de pré-encomenda
Esses pop-ups são usados para coletar uma lista de clientes em potencial antes do lançamento de um produto ou serviço. Ele pode direcionar os usuários para uma página de destino ou solicitar que preencham um formulário de pré-encomenda.
Gary Vaynerchuck
O empreendedor em série Gary Vaynerchuck deixa sua oferta clara neste pop-up do site: ganhe 20% de desconto encomendando seu livro na pré-venda e fornecendo um endereço de e-mail.
Culture Espresso
O pop-up do Culture Espresso permite que os visitantes pré-encomendem cookies que eles coletarão pessoalmente e dá a opção de fazer o pedido pelo site ou pelo aplicativo móvel (tornando-o também uma forma eficaz de aumentar os downloads de aplicativos).
17. Exemplos de pop-up de código de cupom
Os pop-ups de código de cupom funcionam como iscas digitais. Eles oferecem códigos de cupom para descontos em troca do endereço de e-mail ou informações de contato do visitante.
Alimentos Partake
A Partake Foods usa uma imagem de produto atraente para incentivar os visitantes a se inscreverem e reivindicarem o cupom. Também menciona quantos varejistas vendem esse produto, destacando como é fácil fazer uma compra.
Cabelo Briogeo
Briogeo Hair usa um pop-up do site para oferecer 10% de desconto em troca de um endereço de e-mail.
O popup tem um design claro e simples: de um lado mostra a oferta e do outro a imagem do produto.
18. Exemplos de pop-up de sites de aceitação de e-mail
Esses tipos de pop-ups de sites são projetados para coletar endereços de e-mail para fins de marketing. Você pode oferecer descontos e outros tipos de incentivos para gerar leads com este pop-up.
Bukky Baldwin
Este pop-up de aceitação de e-mail solicita que os usuários se inscrevam no boletim informativo da empresa e destaca o principal benefício de fazê-lo. Um único campo de formulário e um CTA claro facilitam o processo, incentivando mais visitantes a se inscreverem.
Empurrar Vida
A marca de estilo de vida para cadeiras de rodas Push Living usa um pop-up de site simples com foco em texto para coletar endereços de e-mail para uma lista de e-mails. Mesmo sem imagens, o design é envolvente e os benefícios são comunicados de forma concisa.
Café de oito onças
A marca de varejo de café Eight Ounce Coffee usa o pop-up deste site para oferecer acesso exclusivo a ofertas de compras e eventos aos visitantes que se inscrevem em seu boletim informativo. Listar os benefícios ajuda a convencer os visitantes do site de que valerá a pena se inscrever.
19. Exemplos de pop-up de aceitação de número de telefone
Esse tipo de pop-up de site funciona como um pop-up de e-mail. No entanto, em vez de coletar endereços de e-mail, pede números de telefone.
Antropologia
Este pop-up do site gera confiança e transparência, detalhando como seu número de telefone será usado, como cancelar a assinatura e como entrar em contato com o suporte caso você se inscreva. Isso, junto com a oferta de desconto de 10%, incentiva os visitantes a se inscreverem.
Tente caras
Este pop-up de site opcional usa apenas texto, não há recursos visuais acompanhantes. Porém, as fontes claras e grandes destacam o incentivo à inscrição, e o contraste entre o botão CTA e o fundo branco chama a atenção do visitante.
Embrulhar
Os profissionais de marketing digital usam pop-ups de sites para capturar leads, promover suas vendas e ofertas e gerar conversões de vendas.
Você deve selecionar o tipo apropriado de pop-up de site para atingir seus objetivos de marketing. No entanto, não existem regras definidas e recomendamos experimentar diferentes pop-ups de sites para determinar os mais eficazes para o seu negócio.
Encontre um equilíbrio entre atingir as metas de marketing e fornecer uma experiência positiva ao usuário. Mantenha-os curtos e concisos para envolver ainda mais os visitantes e gerar conversões.
Retirado de Omnisend
Isenção de responsabilidade: as informações estabelecidas acima são fornecidas por omnisend.com independentemente do Chovm.com. Chovm.com não faz nenhuma representação e garantia quanto à qualidade e confiabilidade do vendedor e dos produtos.
