Pop-ups para celular bem feitos: exemplos e práticas recomendadas

Publicados: 2024-03-13

Os pop-ups móveis convertem em média 11% , o que por si só é suficiente para sugerir que vale a pena dar uma olhada mais de perto.

Além disso, com a experiência móvel se tornando cada vez mais importante no cenário do comércio eletrônico, os pop-ups móveis são uma ferramenta poderosa para ter em seu arsenal.

Neste artigo, abordaremos o que são pop-ups móveis (e o que o Google tem a dizer sobre eles), forneceremos exemplos e explicaremos como você pode criar os seus próprios.

Vamos direto ao assunto!

Atalhos ️

  • O que é um pop-up móvel?
  • O que o Google diz sobre pop-ups para celular?
  • 7 práticas recomendadas para criar pop-ups para dispositivos móveis
  • 9 exemplos de pop-ups móveis eficazes
  • Como criar um pop-up móvel?
  • Perguntas frequentes

O que é um pop-up móvel?

Pop-ups móveis são sobreposições de sites que aparecem na tela do seu telefone, ocultando o conteúdo base do site.

Eles foram projetados para chamar sua atenção e solicitar que você execute uma ação específica, como assinar um boletim informativo ou baixar um e-book.

Esses pop-ups são eficazes para capturar leads e promover vendas. Eles também aumentam o envolvimento do usuário, oferecendo conteúdo ou incentivos valiosos.

O que o Google diz sobre pop-ups para celular?

O Google tem sido claro sobre sua posição em relação aos pop-ups móveis, especialmente no que diz respeito à experiência do usuário e às classificações dos mecanismos de pesquisa.

Em 2017, o Google introduziu uma atualização em seu algoritmo de busca móvel, conhecida como “ Atualização de intersticiais intrusivos ”, com o objetivo de penalizar sites que usam pop-ups intrusivos em dispositivos móveis.

De acordo com as diretrizes do Google, pop-ups móveis que atrapalham a experiência do usuário ao cobrir uma parte significativa do conteúdo principal, principalmente quando acessados ​​a partir de resultados de pesquisa pelos visitantes do site, podem ser considerados intrusivos.

Exemplos de pop-ups intrusivos incluem:

  • Pop-ups que aparecem imediatamente depois que um usuário acessa uma página dos resultados da pesquisa.
  • Pop-ups que cobrem toda a tela e impedem que os usuários vejam o conteúdo principal.

(Observação: alguns tipos de pop-ups, como aqueles para verificação de idade ou uso de cookies, podem ser aceitáveis ​​se exibidos imediatamente.)

Portanto, os profissionais de marketing são incentivados a usar pop-ups móveis de maneira criteriosa, garantindo que contribuam positivamente para a experiência do usuário, em vez de prejudicá-la.

7 práticas recomendadas para criar pop-ups para dispositivos móveis

Agora que cobrimos o que são pop-ups para dispositivos móveis, vamos dar uma olhada em sete práticas recomendadas para criar seu próprio pop-up compatível com dispositivos móveis.

1. Use uma cópia breve

Os usuários móveis têm pouca atenção, por isso é crucial tornar a cópia do pop-up concisa e direta ao ponto.

Mantenha sua mensagem breve e comunique claramente sua proposta de valor. Isso aumentará a probabilidade de os usuários lerem e compreenderem antes de prosseguir.

2. Certifique-se de que seja fácil de tocar

No celular, o espaço é apertado, então certifique-se de que seus botões de CTA , links e campos de entrada sejam facilmente tocáveis.

Dê-lhes bastante espaço e espaço para que os usuários não os acertem por engano. Também melhora a usabilidade geral do seu pop-up.

3. Minimize os campos do formulário

Minimizar o número de campos de formulário em seu pop-up móvel é fundamental para agilizar a experiência do usuário e reduzir o atrito.

Basta pedir as informações básicas, como o endereço de e-mail do visitante, para facilitar a conclusão da ação pelos usuários.

4. Escolha o formato certo

A escolha do formato pop-up correto pode afetar significativamente sua eficácia.

Considere fatores como a natureza da sua mensagem e o comportamento de navegação dos seus usuários ao decidir entre sobreposições modais, slides, intersticiais em tela cheia ou barras de banner.

5. Sempre adicione uma opção de fechamento

Embora os pop-ups possam ser eficazes para chamar a atenção e gerar conversões, é crucial fornecer aos usuários uma maneira clara e fácil de fechá-los, caso não estejam interessados.

Incluir um “x” visível, um botão de fechamento ou um link “Fechar” altamente visível garante que os usuários possam descartar o pop-up sem frustração.

6. Limite os recursos visuais

Os elementos visuais podem aumentar o apelo do seu pop-up, mas use-os com bom senso.

Evite sobrecarregar os usuários com imagens ou animações excessivas que podem retardar o tempo de carregamento ou prejudicar a mensagem principal.

Use os recursos visuais com sabedoria e certifique-se de que complementam o conteúdo, para que você possa equilibrar estética e funcionalidade.

7. Mostre-lhes a intenção de saída

A implementação de uma estratégia de intenção de saída permite exibir pop-ups em um momento muito oportuno – quando os usuários estão prestes a sair da página.

Ao detectar a intenção de saída, você pode apresentar uma oferta ou mensagem direcionada que capte a atenção dos usuários e os incentive a reconsiderar a saída. O uso de pop-ups móveis de intenção de saída pode aumentar as conversões móveis entre visitantes que, de outra forma, teriam saído sem agir.

9 exemplos de pop-ups móveis eficazes

Agora, vamos dar uma olhada em 9 excelentes exemplos de pop-ups para dispositivos móveis e algumas ideias que você pode roubar deles.

1. Vegetalogia

Pop-up móvel em tela cheia do Vegetology

O pop-up do Vegetology é simples, mas eficaz. Eles implementam as práticas recomendadas de pop-up móvel detalhadamente:

  • eles usam a cor verde da marca,
  • eles pedem apenas o endereço de e-mail do usuário,
  • eles exibem imagens de produtos (o que gera confiança no visitante),
  • e incluem um botão “X”.

2. Verniz e Vinha

O pop-up móvel do Varnish and Vine ajuda a aumentar as vendas diretas em dispositivos móveis

O pop-up móvel do Varnish and Vine é um ótimo exemplo de como evitar ocupar muito espaço na tela e ao mesmo tempo permanecer eficaz.

Seu pop-up compatível com dispositivos móveis também exemplifica como manter a marca com texto, e eles usam um CTA eficaz e que chama a atenção: “Ganhe meus 15% de desconto”.

3. Lammle

A versão móvel de pop-ups em tela cheia do Lammle ajuda a obter mais leads

O pop-up de Lammle é um bom exemplo de como destacar os benefícios que os visitantes terão se assinarem o boletim informativo.

Observe que utilizam a palavra “comunidade”, o que já proporciona ao visitante um sentimento de pertencimento. Mencionam também que os assinantes têm acesso a ofertas exclusivas e novidades.

4. Coroa e pata

O pop-up da Crown and Paw implementa todos os dispositivos móveis, todas as melhores práticas de pop-up para dispositivos móveis

Crown & Paw usa um pop-up móvel em tela cheia com uma proposta de valor grande e ousada: “Desbloqueie 20% OFF”.

Eles incluíram bastante espaço entre os elementos para uma experiência móvel confortável.

Além disso, observe a contagem regressiva na parte inferior, o que aumenta a sensação de urgência . Oferecer um código de desconto e incrementá-lo com algo extra é uma ótima prática recomendada para pop-ups móveis.

5. Movimento Cinza

O pop-up do MotionGrey é direcionado diretamente aos visitantes da página do produto

O pop-up móvel do MotionGrey tem como objetivo ser direto. Seu pop-up aparece na página do produto, ocupa um espaço mínimo e vai direto ao ponto.

Como você notará, o pop-up é personalizado – os visitantes que navegam nas mesas permanentes recebem uma oferta personalizada, o que é uma ótima maneira de aumentar as conversões em dispositivos móveis.

6. TheSTEMKids

O tipo pop-up móvel de duas etapas TheStemKids é uma ótima maneira de converter usuários
A segunda página do pop-up móvel do TheStemkid é onde o visitante do site pode optar por participar

O pop-up móvel de duas etapas do TheSTEMKid é uma ótima maneira de conhecer melhor seus visitantes.

Na primeira página, eles fazem uma pergunta simples sobre as preferências do usuário.

Ao clicar na segunda página, o visitante pode optar por se inscrever na newsletter em troca de um desconto de 10% digitando seu endereço de e-mail.

7. Cúrcuma Co.

O pop-up móvel da Turmeric Co usa um botão CTA claro e cores fortes

Turmeric Co. é um ótimo exemplo de escolha de palavras com cuidado, mas de forma eficaz. Seu pop-up móvel ocupa toda a tela e usa cores fortes e um CTA claro.

O interessante no pop-up é a opção “Não, obrigado, sempre pago o preço integral”. Quem clicaria nisso se tivesse a opção de obter códigos de desconto? Inteligente, certo?

8. Café com Cogumelo RYZE

O pop-up móvel do Ryze Mushroom Coffee é o epítome da simplicidade

O pop-up móvel do Ryze Mushroom Coffee é a própria simplicidade.

É fácil de usar, se adapta bem ao tamanho da tela e usa a palavra “imediatamente”, solicitando que o cliente faça uma compra imediata (e potencialmente aumentando a taxa de conversão).

9. Gelpro Austrália

Pop-up móvel da Gelpro Australia com bastante espaço para os visitantes do site aceitarem

O pop-up do Gelpro Australia é muito compatível com dispositivos móveis.

O pop-up ocupa toda a tela, mas observe quanto espaço eles deixam para os visitantes preencherem o formulário de contato. Esse pequeno detalhe torna a experiência do usuário muito mais suave.

Como criar um pop-up móvel?

Agora que você viu alguns ótimos exemplos de pop-up, é hora de examinar mais de perto como criar seu próprio pop-up móvel para converter efetivamente seu tráfego móvel.

Passo 1: Escolha a ferramenta certa

Escolha um construtor ou plataforma de pop-up confiável que ofereça modelos otimizados para visitantes móveis e permita personalização.

OptiMonk é uma das melhores ferramentas de criação de pop-ups para criar pop-ups móveis e pop-ups de desktop. Alguns recursos que ele oferece para pop-ups móveis incluem:

  • Otimização móvel automática
  • Configurações específicas para exibição em dispositivos móveis
  • Modelos otimizados para visualização em dispositivos móveis
  • Capacidade de ocultar elementos em dispositivos móveis
  • Otimização de velocidade para celular

Etapa 2: escolha um modelo

Escolha um de nossos muitos modelos responsivos a dispositivos móveis que correspondam ao estilo da sua marca e aos objetivos da campanha.

OptiMonk oferece uma variedade de modelos personalizáveis ​​​​adequados para diversos fins, desde a geração de leads até a oferta de promoções. Esteja você buscando uma aparência elegante e moderna ou um design mais vibrante e envolvente, você encontrará modelos que atendem às suas necessidades.

Clique aqui para ver todos os mais de 300 modelos ou dê uma olhada em alguns exemplos abaixo:

Etapa 3: personalize o design do seu pop-up

Personalize seu pop-up para refletir a identidade de sua marca, incorporando seu logotipo, imagens e algum texto cativante.

Ajuste a disposição, o esquema de cores, os estilos de fonte e outros componentes visuais para criar um pop-up atraente e interativo que se conecte ao seu público-alvo.

Você pode escolher se deseja criar seu pop-up para visitantes de dispositivos móveis ou computadores.

Etapa 4: otimizar para usuários móveis

Certifique-se de que seu pop-up funcione no celular! Teste-o em diferentes tamanhos e orientações de tela.

Preste atenção ao posicionamento dos elementos e à experiência geral do usuário em dispositivos móveis.

Os recursos de otimização móvel do OptiMonk garantem que seu pop-up tenha uma ótima aparência e funcione perfeitamente em smartphones e tablets, para que todos se divirtam ao usá-lo.

Personalize seu pop-up no OptiMonk para seu site móvel.

Etapa 5: definir opções de acionamento

Escolha uma opção de acionamento que corresponda ao comportamento e às intenções do usuário. Considere usar gatilhos de intenção de saída ou gatilhos baseados em rolagem para capturar a atenção dos usuários no momento certo.

Se optar por acionadores baseados em tempo, certifique-se de que eles sejam adiados para cumprir os requisitos do Google.

Com as versáteis opções de acionamento do OptiMonk, você pode envolver seu público de maneira eficaz e maximizar o impacto de seus pop-ups. Certifique-se de que seu pop-up esteja otimizado para dispositivos móveis, testando sua capacidade de resposta e experiência do usuário móvel.

Você pode definir seu acionamento (desktop e celular) na intenção de saída.

Etapa 6: segmente seu público

Divida seu público com base em dados demográficos, comportamento ou outros fatores pertinentes para entregar mensagens e ofertas personalizadas por meio de pop-ups móveis.

Ao segmentar seu público, você pode adaptar o conteúdo do seu popup a grupos de usuários específicos, aumentando a relevância e o engajamento.

OptiMonk permite que você crie e gerencie facilmente segmentos de público, garantindo que cada pop-up ressoe com os segmentos de público certos e gere resultados significativos.

Etapa 7: configurar a integração

Conecte seu pop-up a outras ferramentas e plataformas de marketing, como software de marketing por e-mail ou sistemas de gerenciamento de relacionamento com o cliente (CRM) , para agilizar a coleta de dados e o gerenciamento de campanhas.

A integração do seu pop-up com outras ferramentas permite que você aproveite os dados e fluxos de trabalho existentes, tornando mais fácil rastrear o desempenho, estimular leads e gerar conversões.

Com as integrações perfeitas do OptiMonk, você pode sincronizar facilmente dados pop-up com suas ferramentas de marketing preferidas para uma estratégia de marketing mais coesa e eficiente.

Etapa 8: ative seu pop-up

Depois de finalizar o design e as configurações do seu pop-up móvel, ative-o para começar a interagir com seu público!

Com apenas alguns cliques, você pode abrir seu pop-up e começar a capturar leads, promover ofertas e gerar conversões em seu site.

O processo de ativação direto do OptiMonk garante que seu pop-up seja ativado de forma rápida e suave, permitindo que você comece a ver os resultados imediatamente.

Perguntas frequentes

Você deve usar pop-ups no celular?

Sim, você deve usar pop-ups em dispositivos móveis, mas considerando cuidadosamente a experiência do usuário. Os pop-ups podem ser uma ferramenta eficaz para interagir com o público do seu site para celular, promover ofertas especiais e gerar conversões. No entanto, é essencial garantir que seus pop-ups sejam relevantes, oportunos e fáceis de descartar. Seguindo as práticas recomendadas de pop-up para celular compartilhadas neste artigo, você pode aproveitar ao máximo seus pop-ups e evitar irritar os usuários.

Posso atingir segmentos de público específicos com pop-ups para celular?

Sim, muitas ferramentas pop-up como o OptiMonk permitem segmentar o público da sua loja de comércio eletrônico com base em vários critérios, como dados demográficos, comportamento ou fonte de referência. Segmentar seu público permite entregar mensagens e ofertas personalizadas, aumentando a relevância e o engajamento.

Como posso medir a eficácia dos meus pop-ups móveis?

Você pode medir a eficácia de seus pop-ups para celular rastreando métricas como taxa de conversão, taxa de cliques, taxa de engajamento e taxa de rejeição. A maioria das ferramentas pop-up fornece recursos analíticos e de relatórios para ajudá-lo a avaliar o desempenho de seus pop-ups e otimizá-los para obter melhores resultados.

Empacotando

Esperamos que este guia completo para pop-ups móveis tenha lhe dado as respostas para suas perguntas mais urgentes!

Os pop-ups móveis podem efetivamente aumentar o envolvimento do usuário e aumentar as conversões, ao mesmo tempo que mantêm uma experiência de navegação positiva.

Se você quiser começar imediatamente, crie sua conta gratuita hoje e mergulhe no mundo pop-up móvel. Feliz criação!

Compartilhar isso

Anterior Postagem anterior Personalização de produtos de comércio eletrônico: definição, benefícios, exemplos e aplicativos do Shopify
Próximo post Como fazer upsell: 11 estratégias para impulsionar suas vendas Próximo

Escrito por

Bárbara Bartucz

Bárbara Bartucz

Barbara é profissional de marketing de conteúdo na OptiMonk. Ela se orgulha de criar diferentes formas de conteúdo, seja um artigo, um vídeo ou um e-book.

VOCÊ PODE GOSTAR

6 estratégias de retenção de clientes de comércio eletrônico

6 estratégias de retenção de clientes de comércio eletrônico para obter clientes mais fiéis

Ver postagem
Como ganhar dinheiro no Shopify: 14 dicas comprovadas para 2024

Como ganhar dinheiro no Shopify: 14 dicas comprovadas para 2024

Ver postagem
Como fazer com que as pessoas comprem seu produto: 10 estratégias comprovadas

Como fazer com que as pessoas comprem seu produto: 10 estratégias comprovadas

Ver postagem