5 melhores exemplos de sobreposição de pop-up para aumentar a conversão

Publicados: 2022-06-29

Acredite ou não, os pop-ups convertem! E, se você usá-los corretamente, eles podem ser um ativo para geração de leads e criação de listas de e-mail.

Há uma variedade de opções disponíveis como casos de uso pop-up que você pode usar para promover seus negócios e melhorar sua receita geral. No entanto, criar uma sobreposição de pop-up breve, personalizada e envolvente pode ser complicado. Popup-overlay-examples-with-orange-background-cover As sobreposições de pop-up pegam seu visitante de surpresa, chamam sua atenção imediatamente e os direcionam para clicar, pois estão no topo da página.

Uma sobreposição de pop-up personalizada ajuda a proteger efetivamente sua empresa contra spam, oferece descontos e experiências únicas, obriga os visitantes a se inscrever em um boletim informativo e a vender seu produto instantaneamente.

Essas sobreposições têm o poder de aumentar a conversão e as vendas.

No entanto, existem certas regras e práticas de design pop-up que você pode seguir para fazer uma campanha pop-up bem-sucedida.

Aqui estão algumas dicas e alguns dos melhores exemplos de sobreposições pop-up de marcas famosas para inspirar você.

Algumas dicas para criar um pop-up eficaz

A seguir está uma pequena lista das dicas a serem consideradas ao criar um pop-up para sua marca:

  • Identifique seus objetivos e tome medidas
  • Certifique-se de que sua call-to-action é atraente
  • Seja breve, mas persuasivo com sua cópia
  • Use o contraste para chamar mais atenção para sua mensagem
  • Escolha imagens criativas e tire o máximo proveito delas
  • Adapte seu design pop-up ao estilo do seu site
  • Não peça muita informação
  • Crie pop-ups móveis personalizados

Isso é bem direto, não é? Agora que você tem uma ideia geral, vamos mostrar como cinco outras marcas usam pop-ups de sobreposição.

Além dos exemplos de sobreposição de pop -up , temos um resumo de como configurar um pop-up de sobreposição em poucos segundos com nosso construtor de pop-up sem código e fácil de usar.

O que é uma sobreposição de pop-up?

Sobreposições de pop-up, também conhecidas como pop- ups de lightbox e pop- ups modais , são pop-ups de sites projetados para cobrir a tela escurecendo ou desfocando o plano de fundo.

O problema é que as sobreposições de pop-up geralmente são um grande sucesso – ou um grande fracasso.

Quando os visitantes encontram um pop-up de sobreposição que não oferece nenhum valor à sua experiência, ele tende a ser irritante ou perturbador.

Mas quando o pop-up de sobreposição agrega valor (como oferecer um desconto ou ofertas exclusivas), os visitantes tendem a se interessar** pelo que você tem a oferecer.

As sobreposições de pop-up podem ser usadas para diversas finalidades, como brindes para geração de leads , desconto para visitantes que retornam ou pela primeira vez, ofertas por tempo limitado, como frete grátis, produtos de upselling/cross-selling.**

Exemplos de sobreposição de pop-up

Vejamos alguns dos melhores exemplos de sobreposições de pop-up eficazes de marcas conhecidas.

1- Sobreposição pop-up do boletim informativo Dolce & Gabbana

A famosa marca de moda Dolce & Gabbana usa um pop-up de newsletter para chamar a atenção de seus usuários.

Dulceandgabbana-popup-overlay-exemplo-mostrando-uma-mulher-em-roupas-D&G
Seu design pop-up é simples e elegante, com uma imagem interessante e atraente e uso em preto e branco.

O pop-up adota o estilo da marca e usa imagens relevantes enquanto solicita aos usuários seu gênero e idioma para fornecer mais personalização.

2- Sobreposição de pop-up de e-mail Nike

A Nike escolhe uma cópia breve, mas atraente, para atrair a atenção dos usuários e convencê-los a se inscreverem em seus e-mails para serem os primeiros a saber .

nike-popup-overlay-example-simple-popup-window-with-some-text

Para oferecer o conteúdo mais relevante, essa sobreposição pop-up solicita o endereço de e-mail do usuário e informações adicionais, como data de nascimento e preferência de produto.

A equipe de marketing poderá oferecer descontos ou ofertas limitadas a grupos relevantes de clientes com esses dados detalhados.

É uma solução simples e elegante com um design agradável e minimalista e um texto cativante.

Essa é uma ótima maneira de aumentar sua lista de e-mail e criar uma campanha de marketing por e-mail eficaz.

3- Sobreposição de pop-up de desconto Brunomagli

As sobreposições pop-up de desconto Brunomag aparecem quando você entra no site, oferecendo 15% de desconto em troca do seu endereço de e-mail.

Brunomagli-popup-overlay-example-with-15-percent-off

Este é um bom produto que promove uma sobreposição de pop-up leve que oferece valor relevante exatamente quando o visitante do site deseja.

15% de desconto no seu pedido vale principalmente o endereço de e-mail do usuário. Especialmente se eles já visitaram o site! Veja como o pop-up está em grande estilo com a marca e as cores dos sapatos complementam o botão de call to action.

4- Sobreposição de pop-up de intenção de saída coschedual

O CoSchedule é uma plataforma de marketing de conteúdo tudo-em-um que permite planejar, organizar e executar suas campanhas de marketing de conteúdo.

Coschedual-exit-intent-popup-overlay-example-showing-some-texts

Nesta sobreposição de pop-up de intenção de saída, o CoSchedule está promovendo seu serviço de calendário de marketing com uma imagem relacionada, adaptando-o ao estilo da marca.

O CoSchedule pede aos visitantes que verifiquem seus produtos e serviços e os chama para agendar uma demonstração no final com um CTA forte.

Por sua vez, esse pop-up de promoção oferece a eles a oportunidade de converter vendas que não teriam de outra forma.

5- Sobreposição pop-up de cupom de comprador de primeira viagem Revolvea

A seguinte oferta de desconto é exibida assim que você entra no site de comércio eletrônico Revolve.

A sobreposição pop-up solicita o endereço de e-mail do visitante para oferecer um desconto a potenciais compradores!

revolve-discount-popup-overlay-example

A Revolvea usa esse pop-up não apenas para criar uma lista de e-mail, mas também para promover os produtos e persuadir o público a comprar. pegar dois pássaros com uma cajadada só!

De acordo com a Cision PR Newswire, 92% dos visitantes do site ainda não estão prontos para comprar, mas isso não significa que eles não estejam interessados! Portanto, uma oferta rápida de desconto para o comprador pela primeira vez pode estar sendo desencadeada.

O usuário também tem a opção de fechar o pop-up clicando no botão X ou na frase “Não, obrigado, apenas me deixe comprar” e retomar a navegação, outro aspecto positivo desse pop-up.

Crie um pop-up de sobreposição interativo com o Popupsmart


Criar sobreposições de pop-up para o seu site pode ser demorado e complicado. A boa notícia é que você não precisa mais passar por esse processo.

É fácil e rápido criar um pop-up com aparência profissional e eficaz com o construtor de pop-ups Popupsmart.

Um construtor de pop-ups sem código, o Popupsmart oferece a oportunidade de criar um pop-up para atender às suas necessidades com uma variedade de opções e recursos em apenas alguns minutos.

Deixe-me mostrar como é fácil, fornecendo um guia passo a passo:

1- Inscreva-se no Popupsmart e depois vá para o seu painel.

2- Clique no botão "Criar um novo popup" e comece a criar seu primeiro popup.

step-one-Creating-popup-overlay-with-popupsmart-tool 3- Selecione o objetivo do seu negócio. Por exemplo, você pode escolher "Aumentar sua lista de emails" para melhorar suas campanhas de email marketing e enviar newsletters e conteúdo de qualidade ou descontos personalizados.

step-two-Creating-popup-overlay-with-popupsmart-tool

4- Você pode criar um pop-up do zero ou usar um modelo pronto e personalizá-lo para atender aos seus objetivos.

step-three-Creating-popup-overlay-with-popupsmart-tool

5- Você pode personalizar o design do seu pop-up selecionando a guia "Personalizar" depois de selecionar seu layout. step-four-Creating-popup-overlay-with-popupsmart-tool Você também pode alterar o título , a entrada de texto e a seção de política de privacidade .

Adicionar CTAs fortes ao título e à descrição do seu pop-up pode torná-lo mais atraente para seu público-alvo.

Imagens relacionadas também podem ser adicionadas nesta etapa, se necessário.

6- Então você pode passar para a seção "Alvo" . Aqui, você pode selecionar o público-alvo do seu pop-up, detalhes da programação, comportamento do visitante, dispositivo do visitante e frequência de visualização.

Isso permite que você alcance seu público de forma eficaz.

step-five-Creating-popup-overlay-with-popupsmart-tool

Por exemplo, aqui você pode adicionar um horário específico na parte “Comportamento do visitante” para criar um pop-up de desconto para o comprador pela primeira vez e aumentar sua lista de e-mail.

step-six-Creating-popup-overlay-with-popupsmart-tool

Salve e clique em "Next to Publish" depois de concluir esta etapa.

step-seven-Creating-popup-overlay-with-popupsmart-tool

7- Copie o código de incorporação do seu popup na seção "Publicar" , conforme mostrado abaixo. Verifique seu domínio e cole o código no back office do seu site.

step-eight-Creating-popup-overlay-with-popupsmart-tool

Lembre-se de que é muito importante verificar seu website antes de executar sua campanha pop-up , caso contrário, ela não funcionará corretamente. Você também pode usar o Gerenciador de tags do Google para incorporar seus códigos pop-up em seu site.

Aprenda a incorporar o código em seu site!

8- Após concluir seu pop-up, clique no botão "Salvar e publicar" .

step-nine-Criando-popup-overlay-with-popupsmart-toolstep-ten-Creating-popup-overlay-with-popupsmart-tool

9- Isso! depois de publicar o pop-up, você pode visitar seu site para verificar a aparência final. Bem fácil, hein?

step-eleven-Creating-popup-overlay-with-popupsmart-tool

Tente criar sua própria campanha pop-up gratuitamente agora e nos dê seu feedback simplesmente comentando aqui ou entrando em contato com a equipe de suporte.

Como pensamento final

a-simpson-cartoon-character-as-news-anchor-sharing-his-final-thoughts-about-popup-overlay

Seguindo os exemplos acima e nosso guia para as melhores sobreposições de pop-up, você terá uma ideia clara de que tipo de sobreposição de pop-up você deve usar para atrair a atenção do seu público e aumentar sua taxa de conversão.

No entanto, não pare apenas em uma técnica. Combine-o com outras técnicas de marketing mencionadas acima e aprenda com outras marcas de sucesso que estão usando pop-ups com sucesso.

Na pior das hipóteses, você pode apenas criar um bom pop-up e segui-lo religiosamente com seus clientes.

Tente ser criativo na implementação das melhores maneiras de construir confiança e oferecer algo de valor.

Comece com o Popupsmart hoje mesmo!

Artigos relacionados:

  • Como construir pop-ups modais Vue
  • Como criar pop-ups CSS Modal Tailwind para o seu site
  • 15 soluções de automação de geração de leads imperdíveis em 2022