O poder do design pop-up:6 regras para 10 vezes sua taxa de assinatura e um aplicativo para fazer isso por você

Há duas coisas que você absolutamente DEVE fazer como proprietário de uma loja online:

1. Faça com que as pessoas visitem sua loja.
2. Faça tudo ao seu alcance para transformar esses visitantes em clientes.

O primeiro geralmente requer uma boa quantidade de tempo e dinheiro, o que coloca ainda mais ênfase e importância no último.

Não basta ter produtos de qualidade e uma vitrine bonita:você precisa engajar seus visitantes e se destacar da concorrência.

Uma das maneiras mais comuns de as lojas online envolverem os clientes é com pop-ups e banners. Essas interações na tela não são tão diferentes de uma placa de venda na vitrine de uma loja física ou de um vendedor perguntando se você gostaria de participar do programa de fidelidade.

Os pop-ups não são uma invenção recente, é claro.

O primeiro anúncio pop-up apareceu em cena em meados dos anos 90 e, desde então, os profissionais de marketing on-line pesaram as desvantagens do uso de pop-ups - clientes irritantes, interrupção da experiência do usuário e até redução da velocidade da página - com o fato de que pop-ups são muito, muito eficaz .

Quão eficaz?


Um estudo descobriu que mudar de um formulário de barra lateral para um design pop-up no estilo lightbox aumentou as inscrições de e-mail em 1.375%.


Um estudo descobriu que mudar de um formulário de barra lateral para um pop-up no estilo lightbox aumentou as inscrições de e-mail em 1.375%. Outra empresa tentou usar um pop-up para capturar inscrições de e-mail e viu um aumento de 10 vezes na taxa de assinatura.

Seja você um fã ou não, usar pop-ups é uma maneira infalível de atrair a atenção dos visitantes, seja para coletar um endereço de e-mail, promover uma venda ou qualquer outra coisa. Mesmo os pop-ups mais feios geralmente convertem bem – e é por isso que quase todos os sites os usam.

Embora os pop-ups não sejam um fenômeno novo, o que é relativamente recente é o desenvolvimento e a proliferação de soluções pop-up mais elegantes e gerenciáveis.

Em 2017, não apenas os usuários esperam ver pop-ups quando visitam sites, mas os profissionais de marketing, incluindo donos de lojas online, têm ferramentas para criar pop-ups com ótima aparência e que atendem aos interesses de seus clientes.

Esse último ponto é fundamental para usar bem os pop-ups, e é algo que expandiremos mais adiante nesta postagem, quando compartilharmos algumas práticas recomendadas para o uso de pop-ups em sua loja.

Por enquanto, lembre-se de que os pop-ups devem sempre oferecer um benefício ao cliente . Como proprietário de uma loja online, se você não tiver um motivo mutuamente benéfico para exibir um pop-up, provavelmente não vale a pena.


Se você não tiver um motivo mutuamente benéfico para mostrar um pop-up a um cliente, não vale a pena.


Quando projetamos o Pixelpop, nosso objetivo era dar às empresas on-line uma maneira de dobrar a experiência do cliente de classe mundial que tínhamos em mente quando projetamos todos os 67 temas Stencil atualmente na loja de temas BigCommerce. Queríamos ajudar os comerciantes a aproveitar ao máximo cada pessoa que visita sua loja, quer isso signifique convertê-los em vendas agora ou coletar seus e-mails para aumentar a chance de convertê-los no futuro.

No final, criamos um aplicativo pop-up incrivelmente fácil de usar e que facilita para qualquer proprietário de loja criar uma variedade de designs e banners pop-up de ótima aparência projetados para envolver visitantes, aumentar as conversões e impulsionar as vendas.

Ao longo do ano passado, pensamos muito sobre o que significa criar uma estratégia de engajamento vencedora, desde os tipos e opções de pop-up que você deve considerar, até exatamente como combinar seu pop-up com sua marca e tema BigCommerce.

Nesta postagem, compartilharemos o que aprendemos e forneceremos as ferramentas necessárias para garantir que você envolva todos os visitantes da melhor maneira possível.

Comece agora


Confira Pixelpop na App Store BigCommerce.

Regra nº 1. Comece a coletar endereços de e-mail

Se você já está fazendo isso, parabéns! Você está começando muito bem.

Caso contrário, agora é a hora de adicionar o Pixelpop à sua loja (leva dois segundos) e criar um pop-up de inscrição de e-mail. Vá em frente, adicione o aplicativo agora. Estaremos aqui quando você voltar.

Veja como deve ficar antes do lançamento.



Então, por que coletar endereços de e-mail é tão importante? Por um lado, não importa quão bons sejam seus produtos, não importa quais ofertas especiais você esteja oferecendo, você nunca converterá todos os compradores que visitarem sua loja.

A grande maioria vai bisbilhotar um pouco, ver o que você tem a oferecer e depois sair em busca do próximo grande negócio.

Ao usar um pop-up de inscrição de e-mail, você tem a chance de reengajar esses visitantes e vender para eles no futuro - não apenas uma vez, mas várias vezes.

E se você é uma daquelas pessoas que acreditam que o email marketing está morto? Considere isto:

• 66% dos clientes on-line concluíram uma compra como resultado de um e-mail de marketing
• E-mail solicita compras com uma taxa 3 vezes maior do que as mídias sociais
• 72% das pessoas preferem receber conteúdo promocional por e-mail (em comparação com 17% que preferem mídias sociais)

O ponto é que, se você não estiver usando um pop-up para coletar endereços de e-mail, estará perdendo uma grande oportunidade e um pedaço ainda maior de vendas.

Em 10 minutos, você pode criar um pop-up de inscrição de e-mail e sincronizá-lo com o MailChimp ou Conversio para que as inscrições sejam adicionadas automaticamente à sua lista de e-mails de sua escolha. Se você usa um provedor de serviços de e-mail diferente, também pode baixar um arquivo CSV com os endereços de e-mail coletados.

Estilize facilmente seu pop-up para se adequar à sua marca e necessidades.

Quando os períodos de compras chegarem e ficar ainda mais caro adquirir tráfego, você ficará feliz em ter uma lista de clientes familiarizados com sua marca e produtos, que você pode segmentar com vendas e ofertas especializadas.

Regra nº 2. Execute pop-ups com campanhas planejadas

Pixelpop suporta mais do que apenas inscrições de e-mail. Na verdade, oferece 7 tipos de pop-up no total:

1. Inscrição de e-mail
2. Comunicado
3. Promoção de página
4. Código de cupom
5. Seguir nas redes sociais
6. Imagem personalizada
7. Isenção de responsabilidade de cookies

Agora, você obviamente não vai executar todas essas coisas de uma vez, mas você pode escolher o que e quando promover e como trabalhar pop-ups em suas várias campanhas.

Banners e pop-ups de frete grátis

Por exemplo, se você oferece frete grátis, é sempre uma boa ideia anunciar isso alto e orgulhoso na parte superior ou inferior da página. Os temas BigCommerce oferecem uma área de banner integrada que funciona bem para isso, mas sua personalização é bastante limitada em comparação com a diversidade de opções suportadas pelo Pixelpop.

Você pode ver o banner integrado do BigCommerce na parte inferior da captura de tela acima.

Para criar um banner de envio que realmente chame a atenção dos clientes, você precisará de uma solução da loja de aplicativos. Existem aplicativos independentes dedicados a essa funcionalidade, mas com o Pixelpop tudo o que você precisa fazer é criar um pop-up de anúncio e selecionar “barra” ao escolher sua forma.

A versão Pixelpop de um banner em uma loja BigCommerce. Eles podem substituir os banners prontos para uso.

Você pode oferecer frete grátis?


Se você não oferece frete grátis, considere se essa pode ser uma boa opção para sua loja. Comece calculando o valor médio do seu pedido nos últimos meses, aumente-o em 10-20% e tente oferecer frete grátis em qualquer pedido acima desse valor.

Banners e pop-ups de promoções e vendas

Semelhante ao frete grátis, se você estiver realizando uma promoção de fim de ano ou qualquer outra promoção, certifique-se de que os visitantes saibam disso no momento em que acessarem sua página.

Usando um pop-up de promoção de página, você pode direcionar o tráfego para uma página de produto em destaque ou com desconto, ou até mesmo um conteúdo especial, como uma página de vendas ou guia de presentes.

Aqui está um exemplo de visualização enquanto o pop-up está no modo de construção.

Banners e pop-ups de código de cupom

96% dos compradores dos EUA dizem que procuram e usam cupons.


O pop-up de código de cupom também é ideal para promoções, pois exibe um código de cupom que os visitantes podem usar para obter um desconto no checkout. (E se você não acredita em cupons, considere os 96% dos compradores dos EUA que relatam usar cupons!)

Você pode criar pop-ups que ocupam a tela inteira, mas ainda se integram à sua marca.

A versatilidade foi fundamental quando estávamos projetando o Pixelpop. Queríamos dar aos comerciantes uma ferramenta completa que eles pudessem usar em conjunto com todas as campanhas, quer isso significasse construir sua lista de e-mails, obter mais seguidores sociais ou limpar o estoque com uma promoção de fim de semana.

Se você está fazendo algo especial para sua loja, não fique apenas esperando que os clientes descubram. Crie um pop-up e entregue sua mensagem em alto e bom som.

Regra nº 3. Tempo seus pop-ups de forma eficaz

Antes de publicar um pop-up, revise as configurações disponíveis e verifique se cada pop-up está aparecendo no lugar certo, na hora certa. O Pixelpop oferece uma variedade de opções de agendamento e atraso, que você pode usar para refinar sua estratégia de engajamento.

Veja como é essa interface:





O agendamento é bastante simples - escolha uma data de início e término para que sua janela pop-up apareça - mas há muito espaço para sutileza quando se trata de atrasos.

Com o Pixelpop, você pode escolher entre vários tipos de atrasos, incluindo atrasos de página (número de páginas visualizadas), atrasos de rolagem (porcentagem de página rolada), atrasos temporizados (quantidade de tempo gasto na página) e o favorito de todo profissional de marketing online:sair -atrasos de intenção (explicaremos isso em um segundo).


Usar um pequeno atraso dá aos clientes em potencial a chance de ver o que sua loja está oferecendo antes de tentar inscrevê-los em qualquer coisa.


No caso de vendas e ofertas especiais, geralmente você deseja mostrar esses pop-ups o mais rápido possível, o que significa não usar atrasos. No entanto, com outros pop-ups, como inscrições por e-mail e ofertas de código de cupom, pode ser melhor adiar um pouco ou usar uma estratégia de pop-up de intenção de saída.

Usar um atraso de página de 2 a 5 páginas, um atraso de rolagem de 60 a 70% ou um atraso cronometrado de 10 a 20 segundos é uma boa maneira de permitir que seus visitantes olhem antes de solicitar seu endereço de e-mail. Usar um pequeno atraso dá aos clientes em potencial a chance de ver o que sua loja está oferecendo antes de tentar inscrevê-los em qualquer coisa.

Popups de intenção de saída

Atrasar um pop-up de código de cupom é uma maneira semelhante de criar incentivos e também é um caso de uso perfeito para o pop-up de intenção de saída muito badalado. Se você ainda não ouviu falar dessas pequenas belezas, basicamente o que elas fazem é esperar até o último momento possível antes que o visitante esteja prestes a sair de sua loja e, em seguida, aparecer em cena em toda a sua glória de conversão.

Aqui está um exemplo:



O motivo pelo qual a intenção de saída funciona tão bem com pop-ups de código de cupom (e inscrições de e-mail, por sinal) é porque você dá ao visitante o máximo de tempo para se interessar por seus produtos sem interromper sua experiência e, então, quando eles estiver prestes a sair, você terá a oportunidade perfeita para convertê-los.

Em um mundo de tijolo e argamassa, isso seria como ter um vendedor clarividente que sabe exatamente quanto tempo deve deixar o cliente sozinho antes de envolvê-lo com uma oferta.

Então, quão eficazes são os atrasos de intenção de saída?

Considere que a atual taxa global de abandono de carrinho gira em torno de 77%. Estudos mostraram que as ofertas de intenção de saída podem recuperar uma parte significativa das vendas perdidas, convencendo os compradores a permanecer ou voltar mais tarde com um código de cupom especial ou campanha de marketing por e-mail.

Tente criar um pop-up de código de cupom na forma de uma “tomada de controle em tela cheia”, ative a intenção de saída para oferecer aos clientes um desconto de 10% e veja que tipo de aumento de conversão você obtém.

Quanto mais você pode fazer?


Use esta calculadora gratuita de carrinho abandonado para ver quanto dinheiro você poderia ganhar se pudesse enviar um e-mail aos clientes para levá-los de volta à compra.

Regra nº 4. Use a segmentação avançada para obter resultados ainda melhores

Falando em refinar sua estratégia de engajamento, você pode personalizar pop-ups para determinados segmentos de público. Se você quiser mostrá-lo apenas para pessoas de um determinado país, ou apenas em determinadas páginas, ou apenas para pessoas que chegam de uma determinada campanha de e-mail - mais poder para você.

Há muito que você pode fazer com as opções de segmentação do Pixelpop. Se você deseja personalizar suas mensagens ou ofertas para diferentes públicos globais ou realizar vendas regionais com base em feriados nacionais (venda de Cinco de Maio, alguém?), você pode ativar a segmentação geográfica com a opção "Segmentar por localização".

Veja como é essa interface:



Se você deseja chamar a atenção para uma venda de um produto individual, pode criar um pop-up especial que aparece apenas na página do produto usando a opção “Segmentar por página”.

Novamente, aqui está a aparência dessa interface:



Uma maneira altamente eficaz de usar a segmentação avançada é com o "Segmentar por parâmetro de URL/UTM" opção. O que isso significa é que o pop-up só será exibido para os clientes que chegarem ao seu site a partir de um URL especificado (ou URL parcial).

Se seu cliente está chegando de um e-mail ou campanha publicitária, você pode usar um banner ou pop-up para recebê-lo em seu site e reiterar uma oferta ou promover um produto que ele já viu antes. Isso cria um link mais coeso entre seus e-mails, anúncios, promoções, etc. e sua loja online – e muitas vezes aumenta as conversões.

E novamente, como é a interface:



Da próxima vez que você enviar um e-mail para sua lista de e-mails, crie um pop-up de acompanhamento com um cupom de 10% de desconto como agradecimento por ser um assinante fiel e adicione um parâmetro UTM que você pode colar em suas opções de segmentação.

Da mesma forma, se você estiver veiculando um anúncio com um produto específico apresentado nele, crie um pop-up em sua loja anunciando um desconto nesse produto e, em seguida, anexe um parâmetro UTM ao seu anúncio e às opções de segmentação do pop-up.

Regra nº 5. Combine seus pop-ups com seu tema

Uma das melhores coisas do Pixelpop é seu editor pop-up rico e fácil de usar, que permite escolher entre uma variedade de temas pop-up e fontes, cores, formas, tamanhos e estilos personalizados. Uma visualização ao vivo permite que você veja a aparência do seu pop-up em sua loja à medida que você o edita, incluindo a opção de visualizar sua aparência em dispositivos móveis e tablets.

Personalize facilmente seu pop-up para combinar com o tema e a marca do seu site em todos os dispositivos.

Se você é um usuário do Stencil, melhor ainda, porque agora é um bom momento para lembrá-lo que a Pixel Union, a agência de design de comércio eletrônico por trás do Pixelpop, é a mesma equipe que projetou todos os 67 temas atualmente disponíveis na BigCommerce Theme Store.

O que isso significa é que você está trabalhando com o mesmo espírito de design que foi usado para criar sua loja BigCommerce. Não apenas isso, mas você tem acesso à equipe de suporte ao cliente da Pixel Union, as mesmas pessoas legais que você contataria se precisasse de ajuda com seu tema.

Se você é um usuário do Blueprint, não se desespere: O Pixelpop é totalmente compatível com todos os temas do Blueprint e sua versatilidade facilita o aumento do engajamento com um pop-up que corresponda à sua loja.

Quais estilos de pop-up usar com seu tema de estêncil

Nesse sentido, é importante escolher o design pop-up certo para sua loja. Pegue um tema com imagens pesadas como Genebra ou Lookbook, por exemplo. Para complementar seu design de largura total, você desejará um pop-up limpo e nítido que não prejudique sua bela fotografia de produto. Um fundo preto ou branco sólido, dependendo do tom de suas imagens, é sempre uma boa pedida.



Por outro lado, se você usar um tema mais clássico e baseado em grade, como Foundry ou Venture, poderá ser um pouco mais ousado em seu design pop-up. Você ainda quer complementar as fontes e cores da página, mas não tenha medo de criar um pop-up que chame a atenção do cliente.



Pense também em onde na página seus pop-ups aparecem e como isso afetará seu tema. Se você usar um tema como Merchant, que tem uma área de recursos em forma de modal e um botão de CTA projetado diretamente no carrossel, evite pop-ups de página inicial em forma de modal e atenha-se a barras, cartões e takeovers em tela cheia.



Por outro lado, um tema de coluna dupla como Capacity é perfeito para um modal bem projetado.



O editor de tela cheia do Pixelpop apresenta um seletor de cores com suporte a código hexadecimal para que você possa implementar facilmente o esquema de cores da sua marca. Cada tema pop-up também vem com uma variedade de opções de fontes escolhidas a dedo, para que você possa encontrar uma que complemente seu tema.



No final do dia, você melhorará drasticamente a experiência de seus clientes e criará confiança, garantindo que seus pop-ups pareçam profissionais e correspondam à aparência de sua loja.

Regra nº 6. Siga as práticas recomendadas para criar pop-ups

Antes de encerrarmos com nossa chamada final para experimentar nosso criador de pop-ups, Pixelpop, (esse não conta), pensamos em estabelecer algumas regras básicas ou práticas recomendadas para o uso de pop-ups.

1. Mantenha suas mensagens claras e sucintas. Poderíamos facilmente ter incluído isso como parte da última regra, já que uma cópia sucinta tem muito a ver com um bom design. Faça tudo o que puder para evitar que sua cópia continue por mais do que algumas linhas. Mais importante, certifique-se de que sua mensagem seja clara, envolvente e consistente com a voz da sua marca. Não tenha medo de ser engraçado!
2. Não sobrecarregue a página com pop-ups. Como você gostaria de visitar uma loja online e encontrar anúncios pop-up aparecendo em todo o lugar? Bem, nem seus clientes. Como regra, mantenha no máximo dois pop-ups em qualquer página e nunca use a mesma forma duas vezes em uma única página. Os pop-ups em forma de barra são os mais fáceis de combinar com pop-ups adicionais.
3. Integre com um serviço de e-mail como MailChimp ou Conversio. Quem quer lidar com arquivos CSV e importações e exportações manuais? Não nós. Conecte seu pop-up de inscrição de e-mail ao MailChimp ou Conversio para que todas as novas inscrições sejam automaticamente sincronizadas com sua lista de e-mails de escolha.
4. Teste, inclusive em dispositivos móveis. Qualquer que seja a solução pop-up que você esteja usando, não cometa o erro de publicar um pop-up sem testá-lo primeiro. Isso significa verificar novamente os links e verificar como fica no celular. A visualização ao vivo do Pixelpop permite que você veja diretamente no editor como ele aparecerá em tablets e celulares, o que pode economizar muito tempo.
5. Verifique se ele atende às diretrizes de compatibilidade com dispositivos móveis do Google. Nessa nota, se você não ouviu, o Google lançou algumas mudanças em seu algoritmo no início deste ano com o objetivo de tornar a web mais amigável para usuários móveis. A configuração "Google Mobile-Friendly" do Pixelpop garante que seus pop-ups estejam em conformidade com essas novas diretrizes, condensando automaticamente seus pop-ups em barras quando carregados em dispositivos móveis, para que você não precise se preocupar em sofrer um golpe de SEO.
6. Certifique-se de que oferece um benefício ao cliente. Mencionamos isso no início do post e, verdade seja dita, é o único conselho que queremos que todos os comerciantes tenham em mente ao criar pop-ups para sua loja. Se você vai atrapalhar a experiência de navegação de um visitante, certifique-se de fazer isso de uma maneira que os faça dizer “Obrigado!” e não "Vá embora!"

Felizmente, há muitas maneiras de envolver os visitantes de maneira mutuamente benéfica:oferecendo um desconto ou promoção especial, informando sobre um produto que eles podem achar interessante, vinculando a um conteúdo que você escreveu para ajudá-los a encontrar o que está procurando, e assim por diante.

Em sua essência, os pop-ups são uma maneira de aproximar você de seus clientes, dando a você o que você quer e deixando todos felizes.

Comece agora


Confira Pixelpop na App Store BigCommerce.