Como criar um pop-up de boas-vindas com cupom

O pop-up de boas-vindas é uma janela que aparece para o visitante pedindo o e-mail e, se você quiser, oferecendo um cupom em troca. É uma forma simples de transformar visitas em contatos e a primeira compra em venda. A tela é do administrador ou de quem tem a permissão Conteúdo da loja.

Antes de começar

• Se for oferecer desconto, crie o cupom em Marketing > Cupons antes. O pop-up só mostra o código; quem dá o desconto no checkout é o cupom cadastrado. Veja como criar um cupom de desconto.
• Um pop-up novo vem sem cupom e com um texto que não promete desconto. Você escolhe a oferta.

Passo a passo

1. 1

   Abra a tela

   No menu lateral, clique em Loja & Conteúdo e depois em Pop-up de Boas-Vindas. A tela se chama Pop-up de captura e abre na aba Configuração.

2. 2

   Ligue o pop-up

   Ligue Ativar pop-up. O selo do topo muda de Inativo para Ativo.

3. 3

   Escreva o conteúdo

   Em Conteúdo, preencha Título, Descrição, Texto do botão e Texto do rodapé. A descrição aceita negrito, itálico, destaque e link; os marcadores aparecem embaixo do campo. Se for dar cupom, diga na descrição qual é o desconto.

4. 4

   Coloque uma imagem

   Em Imagem (lateral esquerda), use Upload ou Galeria. Uma foto vertical de cerca de 600×800 px fica melhor. Sem imagem, o formulário ocupa o pop-up inteiro.

5. 5

   Informe o cupom

   Em Cupom oferecido, digite o Código do cupom e uma Mensagem, como use este cupom no checkout da sua primeira compra. A tela confere o código na hora entre os cupons da loja e mostra um aviso embaixo do campo. Para só captar e-mails, deixe o Código vazio.

6. 6

   Defina a exibição

   Em Exibição, escolha a Frequência: Apenas uma vez (até alterar a versão), Uma vez por dia, Uma vez por sessão ou Sempre (a cada visita). Em Atraso (segundos), escolha de 12 a 30. Se digitar menos de 12 ou mais de 30, a tela ajusta o número ao sair do campo.

7. 7

   Salve

   Clique em Salvar. Aparece Pop-up salvo!.

Como a tela confere o cupom

O visitante recebe o código logo depois de cadastrar o e-mail. Se o checkout recusar esse código, a primeira impressão fica ruim. Por isso, embaixo do campo Código aparece a situação do cupom na sua loja:

• Verde: o cupom está ativo e a mensagem mostra o desconto, como 10% de desconto.
• Vermelho: o cupom não existe nesta loja, está desativado, expirou ou já atingiu o limite de usos. O checkout vai recusar o código.
• Amarelo: o cupom só começa a valer numa data futura. Até lá, o checkout recusa o código, mas a tela deixa salvar, porque você pode estar preparando uma campanha.

Quando o aviso não está verde, ele traz o link Abrir Cupons, que abre a tela de cupons em outra aba sem perder o que você digitou no pop-up. Crie ou ajuste o cupom lá, volte e clique em Conferir de novo.

Como fica na loja

• O pop-up abre depois que a página termina de carregar, no tempo escolhido em Atraso (segundos), entre 12 e 30 segundos. O mínimo de 12 segundos evita que ele deixe a loja mais lenta na medição de velocidade do Google.
• O visitante digita o e-mail e pode marcar Quero receber ofertas por e-mail. Essa caixa vem desmarcada.
• Quem marca a caixa entra também na lista da Newsletter da loja.
• O pop-up não aparece dentro do editor visual.

Mostrar de novo para quem já fechou

Com a frequência Apenas uma vez, quem fechou o pop-up não vê de novo. Mudou a oferta? Clique em Forçar reexibição, que aumenta a Versão, e salve. Para testar no seu navegador, clique em Reexibir pra mim e recarregue a loja.