Configure de forma intuitiva e edite rapidamente seus pop-ups para aumentar a retenção de clientes, converter vendas e fidelizar o público.
Cada Pop-up possui um layout e uma estratégia únicos. São três tipos que podem ser disparados em momentos específicos dentro da loja virtual. Todos eles oferecem a opção de ofertar um cupom de desconto para tornar a compra ainda mais atrativa.
Confira neste artigo os ajustes estratégicos de cada tipo e como configurar seus layouts.
Conhecendo os pop-ups
1. No painel administrativo, vá até a categoria "Pop-up" no menu lateral.
Por padrão já existirá os três tipos de pop-up, conforme imagem acima, para configurar e deixar no modelo e padrão que decidir para a loja.
Abaixo, entenda a lógica de cada um deles:
“Não vá embora”: Este pop-up tem a função de despertar a atenção do consumidor no momento em que ele entra no site. O objetivo é apresentar uma seleção de produtos que chame a atenção e desperte a curiosidade em acessar mais informações. A configuração dele é para disparar apenas na página Home e nas páginas de Categoria*.
*(consulte disponibilidade por plataforma).
“Promoção relâmpago”: Este pop-up tem a função de ofertar um desconto no produto que o consumidor está visualizando, portanto, o disparo ocorre nas páginas de produto. É o momento ideal para oferecer um cupom de desconto, frete grátis, etc. É importante apresentar um atrativo para o consumidor que já demonstrou interesse, incentivando-o a incluir o produto no carrinho.
-
“Última chance”: Este pop-up tem a função de reter o consumidor no final de sua visita ao site. Ou seja, quando ele estiver na página de carrinho, é a sua chance de ofertar um desconto para garantir que ele prossiga com a compra. Portanto, seu disparo é apenas nessa página.
⚙️ Configuração dos pop-ups
Escolha o pop-up que deseja configurar. Para isso, basta clicar em "Editar" sobre um dos três disponíveis, ou crie um novo clicando no ícone "+".
Ambos os pop-ups possuem a seção "Configuração geral" semelhante. Abaixo, o passo a passo de como preencher cada campo:
1. Caso clique em criar um novo, selecione o tipo de pop-up:
2. Nome do pop-up de retenção: Para identificação interna no painel administrativo. Não ficará visível na loja virtual.
3. Vitrine que será exibida: Esta é uma opção de configuração somente quando selecionado a opção do Pop-up “Não vá embora”
No pop-up de ação "Não vá embora" será apresentado uma vitrine de recomendação de produtos, que oferecerá um desconto sobre os produtos recomendados, caso desejado. Selecione a vitrine desejada.
Atenção
A vitrine selecionada nesta etapa da configuração, precisa estar carregada e pronta para uso no site. Para confirmar, acesse no menu lateral "Vitrines > Lista de vitrines" e busque a vitrine desejada. Caso esteja verde, significa que está pronta para uso e poderá ser incluída na configuração do pop-up "Não vá embora".
4. Tipo de exibição de preço: Ao configurar um pop-up, os valores de produtos que forem exibidos serão ajustados com base nesta regra escolhida:
Preço por: (Preço do produto COM desconto): apresenta o preço remarcado com o desconto do cupom já aplicado;
Preço à vista: valor original do catálogo, sem descontos.Moeda a ser apresentada: tipo da moeda a ser apresentada (real, euro, dólar, etc)
5. Cupom de desconto: Se a estratégia é oferecer um cupom de desconto o código deverá ser informado neste campo. Caso não ofereça cupom, deixe-o em branco. Lembre-se que oferecer um cupom de desconto é muito útil para aumentar as vendas.
Dica: Criar um código fácil de lembrar pode aumentar as chances de uso. Exemplos: "EU-QUERO", "PROMO", "DESCONTO10". Quanto mais simples, melhor para o consumidor!
6. Tipo de desconto: É o tipo de desconto do cupom criado, pode ser percentual ou um valor fixo, sobre o preço sugerido.
7.% do cupom: Se informado o código do cupom no campo anterior, informe o percentual ou valor de desconto a ser oferecido ao consumidor.
Caso na configuração anterior em "Tipo de exibição de preço" você tenha selecionado "Preço COM desconto", este percentual ou valor será utilizado para apresentar o novo preço do produto no Pop-up.
-
Caso não ofereça oferta por cupom, deixe este campo com valor zero.
🎨 Modelo/Layout do Pop-up
Após finalizar as configurações gerais, clique no botão "Continuar" (localizado no canto inferior direito) para seguir para a próxima etapa.
Selecione um dos modelos disponíveis para editá-lo:
(Modelos Pop-ups "Não vá embora")
Ajustes de layout dos Pop-ups
Após selecionar o modelo, é possível editar as seguintes informações:
Logo: Carregue um arquivo JPG ou PNG com peso máximo de até 2MB.
Título: Escolha o título a ser apresentado. Modifique fonte, tamanho, estilo, cores e alinhamento.
Texto secundário: Escolha o texto que aparecerá abaixo do título (para os modelos “Não vá embora” e “Última chance”) ou abaixo do spot de produto (para o modelo “Promoção Relâmpago”).
Botão de compra: Defina o texto, estilo e fonte para o botão que redirecionará o consumidor para garantir o desconto, além de definir as cores do botão.
Exibição do Produto: Ajuste como o produto será exibido (para os modelos “Não vá embora” e “Promoção Relâmpago”).
Contagem Regressiva: Configure o layout do timer de contagem regressiva que aparece nos modelos “Promoção Relâmpago” e “Última chance”.
Fundo (Background): Defina o fundo do Pop-up com uma imagem. Para isso, você precisará da URL da imagem hospedada em sua plataforma ou em algum site de hospedagem de imagens.
As dimensões recomendadas são aproximadas e podem variar conforme o tamanho da tela:
| Pop-up | Disparo | Desktop (pixels) | Mobile (pixels) |
|---|---|---|---|
| “Não vá embora” | (página Home) | 900 × 600 | 450 × 640 |
| “Promoção relâmpago” | (página Produto) | 600 × 420 | 350 × 500 |
| “Última chance” | (página Carrinho) | 600 × 400 | 367 × 485 |
🗓️Periodo de exibição
Após configurar o modelo e o layout, configure o período de exibição do pop-up.
Para isso, clique em "Período de exibição" para definir o status (ativo ou inativo) e, se necessário, a programação para a exibição.
Se precisar programar para que ele apareça de uma data a outra, basta selecionar as datas desejadas em Período de exibição e os Horários de exibição. Caso queira que o Pop-up criado seja disparado somente em alguns dias da semana, selecione em Dias da semana.
Lembrando: Este passo é opcional. Caso não queira programar, basta salvar e concluir sua edição.
Lembrando que esse passo é opcional, caso não queira programar, basta salvar e concluir sua edição.
🎯 Definição de disparo
Nesta etapa, selecione as regras de disparo do pop-up. A configuração é a mesma para todos os tipos.
Confira abaixo cada uma das configurações:
Disparar na saída do site: Por padrão, já vem ativada. Faz com que a retenção dispare quando o cliente fizer o movimento de sair do site (funciona apenas em desktop).
Disparar por tempo: Para ativar, basta acionar o botão (ficará verde). Faz com que o pop-up seja disparado após um tempo determinado (funciona apenas em desktop).
Disparar por tempo no mobile: Por padrão, já vem ativada. Faz com que o pop-up seja disparado após um tempo para clientes que estiverem navegando em um dispositivo móvel.
Quando disparar: Escolha a frequência de disparo para o usuário: toda a navegação; 1x por sessão; 1x ao dia; a cada 7 dias; ou a cada 30 dias.
Em alguns minutos, com os pop-ups de retenção disparando no seu e-commerce, você já começará a reter mais clientes e aumentar a conversão da sua loja!
Esperamos que este conteúdo tenha sido útil pra você! Confira outros artigos.