ℹ️ Note: Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte.

Quer oferecer descontos instantâneos aos seus visitantes através de um popup elegante? 🛍️

PopUps de desconto são perfeitos para compartilhar códigos de cupom, coletar e-mails e receber clientes novos e de retorno com ofertas especiais.

Este guia leva você através de todo o fluxo de configuração para que você possa lançar seu primeiro PopUp Desconto em minutos.

✅ Antes de começar — habilite o aplicativo para incorporar

Para que qualquer popup apareça em seu storefront, o aplicativo embed deve ser ativado dentro de seu Shopify tema.

Ir para:

Shopify Admin → Canais de Vendas → Loja online → Temas → Editar Tema → App Incorpora

Depois:

• Procurar Hoppy Popups
• Alternar ON
• Clique Gravar

ℹ️ Sem este passo, seu popup não renderizará na frente da loja mesmo após a publicação.

⚙️ Passo 1 — Criar um novo desconto

Abrir o Hoppy PopUps app.

Depois:

→ Clique Criar um Novo PopUp

→ Selecionar PopUp de Desconto da lista de tipos de contexto.

A página de configuração abrirá automaticamente com campos personalizados para campanhas de desconto.

📝 Passo 2 — Configurar o Conteúdo

Depois de abrir a página de configuração, você vai pousar dentro do Conteúdo tab.

Esta seção controla o que seus visitantes veem e como eles interagem com o popup.

🏷️ Nome da janela

Este campo é utilizado apenas para fins internos. Os clientes nunca verão este nome.

Você pode usar qualquer nome reconhecível como:

• Venda de Verão PopUp
• Desconto de sexta-feira preta
• Oferta de Boas-vindas
• Largar Código VIP

💡 Usar a nomenclatura interna adequada torna mais fácil identificar configurações mais tarde, especialmente se sua loja executar várias campanhas.

💬 & Descrição do Título

Estes aparecem no topo do seu popup e devem comunicar claramente a oferta.

Exemplo

• Título: "Desfrute de 20% de desconto em todos os produtos"
• Descrição: "Assine-se e desbloqueie o seu desconto instantâneo"

Você pode personalizar estes para corresponder à sua voz de campanha.

📧 Coleção de e- mail e telefone

Escolha os campos a mostrar no seu popup:

• Mostrar o campo de recolha de e- mails — captura e-mails de visitantes
• Mostrar campo de número de telefone — capta números de telefone com selecção de código de país

Você pode mostrar ambos, apenas um, ou nenhum dos dois, se você estiver apenas exibindo um anúncio.

⚙️ Configuração Adicional do Cupom da Colecção

Esta seção lhe dá controle adicional sobre como as informações do visitante são coletadas e como os descontos são apresentados dentro do popup.

📩 Substituição do Campo de Colecção de E- mail

Personalize o texto do placeholder mostrado dentro do campo de entrada de e- mail.

Exemplo

• "Entra no teu email"
• "O teu melhor endereço de e-mail"

Isso ajuda a orientar os visitantes sobre quais informações devem inserir.

❌ Mensagem de Erro de E- mail

Defina a mensagem de validação mostrada quando um visitante entra em um endereço de e- mail inválido.

Exemplo

• "Introduza um endereço de e-mail válido"

Isto aparece automaticamente se o formato de e- mail introduzido estiver incorreto.

📱 Código padrão do país

Escolha o código padrão do país para o campo de número de telefone.

Exemplo

• Estados Unidos (+1)
• Reino Unido (+44)
• Índia (+91)

Os visitantes ainda podem mudar o país manualmente, a menos que restrito.

📞 Número de telefone

Personalize o texto do placeholder mostrado dentro do campo de número de telefone.

Exemplo

• "Digite o seu número de telefone"
• Número móvel

Isso melhora a clareza e incentiva a formatação adequada.

⚠️ Mensagem de Erro do Número de Telefone

Configure a mensagem exibida quando for inserido um número de telefone inválido.

Exemplo

• "Introduza um número de telefone válido"

Isso ajuda os visitantes a entender por que a submissão falhou.

🔘 Texto do Botão

Personalize o texto do botão chamada a ação mostrado dentro da janela.

Exemplo

• "Compra Agora"
• "Claim Discount"
• "Desbloquear a Oferta"

Usar texto orientado para ação pode melhorar conversões.

🏷️ Mostrar o Código de Cupão

Escolha se o código de cupom deve aparecer dentro do popup após a captura de email bem-sucedida.

Opções disponíveis:

• Sim. — apresenta o código do cupão aos visitantes
• Não — esconde a secção do código do cupão

Isso é útil se os descontos são aplicados automaticamente ou manipulados externamente.

ℹ️ O código do cupom só pode ser mostrado se o email estiver sendo capturado.

🎟️ Código de Cupão

ℹ️ Este campo está disponível uma vez Mostrar o Código de Cupão é alternado para SIM.

Para exibir um código de cupom, você pode:

1. Selecione um dos códigos de cupons em que você criou Shopify Admin → Descontos clicando em Selecionar / Mudar Desconto.
2. Você pode criar um novo clicando em Criar um novo desconto.

Exemplo

• SAVE10
• Bem-vindo20
• COUPON123

💸 Aplicação de Desconto

Esta opção controla como o desconto é aplicado. Tem duas opções:

1. O cliente terá que aplicar o desconto manualmente — o cliente terá de indicar o código do cupão durante o checkout para receber o desconto.
2. Aplicar o Desconto automaticamente — o desconto será aplicado automaticamente durante o check-out sem que o cliente tenha de introduzir o código do cupão.

⚠️ Importante:

• Nosso aplicativo não cria ou gerencia códigos/descontos de cupom. Você deve criá-los em Shopify Admin → Descontos antes de usá-los no popup.

☑️ Adicionar uma opção de seleção

Escolha se deve mostrar uma opção adicional dentro da janela.

Isto pode ser utilizado para:

• Autorização de comercialização
• Autorização SMS
• Subscrições da Newsletter
• Reconhecimento dos termos

Opções disponíveis:

• Sim. — mostra a caixa de verificação
• Não — esconde a caixa de verificação

❎ Fechar Ícone

Activar ou desactivar o ícone de fecho mostrado na janela.

• Activado — os visitantes podem fechar manualmente o popup
• Desactivado — remove o ícone de perto do popup

Isso ajuda a controlar o quanto a experiência popup deve ser descartável.

✉️ Mensagens de Sucesso

Depois de um visitante enviar seus detalhes, você pode mostrar mensagens diferentes com base em se eles são um cliente novo ou retornando.

• Mensagem para novos clientes: "Bem-vindo à nossa loja!"
• Mensagem para os clientes que retornam: "Bem-vindo de volta!"

Você também pode adicionar uma descrição abaixo de cada mensagem — por exemplo, instruções sobre como usar o código de cupom que eles acabaram de receber.

🖱️ Comportamento do Botão de Clique

ℹ️ Esta opção só está disponível quando "Mostrar campo de e-mail" e "Mostrar campo de número de telefone" não estiverem assinalados.

Ele permite que você controle o que acontece quando um visitante clica no botão CTA dentro do popup. Trata de um dos seguintes elementos:

1. Fechar o Popup — o popup fechará
2. Revele o Código dos Cupões — o código do cupom será revelado ao visitante, mas você terá configurado o Código do Cupom como descrito acima na seção "Mostrar Código do Cupom".
3. Redirecionar para a Ligação — selecionando isso lhe daria um campo de entrada chamado "Link" onde você pode especificar o URL para o qual o visitante será redirecionado

☁️ Botão de ação flutuante

Você pode adicionar um Botão de ação flutuante que permanece visível na página para que os visitantes possam reabrir o popup após fechá-lo.

Escolha uma posição:

• Inferior direito
• Fundo esquerdo
• Ecrã à direita
• Tela à esquerda

Em seguida, digite o Texto do Botão — por exemplo, "Oferta aberta", "Get Discount" ou "Learn More".

Para desativar completamente o botão flutuante, selecione Desactivar o botão de acção flutuante.

🖱️ Passo 3 — Definir as regras de disparo e exibição

Mover para o Colocação/Targeting aba para controlar quando e onde seu PopUp Desconto aparece.

Tipo de gatilho

Isso decide qual evento faz com que o popup apareça.

Opções disponíveis:

• Após o Tempo (duração) — aparece após um determinado número de segundos
• Rolo da Página — aparece após o visitante rolar uma determinada percentagem
• Intenção de saída — aparece quando o visitante está prestes a sair
• O botão Adicionar ao carrinho é clicado — aparece quando um artigo é adicionado ao carrinho
• Após a página — isso desencadeia uma vez que um número específico de páginas tenha sido visitado.

Escolha o gatilho que melhor corresponde ao seu comportamento visitante.

🔄 Frequência de exibição

Controle quantas vezes o mesmo visitante vê o popup:

• Mostrar todas as vezes — mostra em todas as páginas
• Uma vez de cada vez que alguém visita — mostra uma vez por sessão de navegação
• Frequência limite — permite que você definir um arrefecimento em dias antes do popup reaparecer

💡 O popup para automaticamente de mostrar após um visitante enviar o formulário.

📍 Alvo da Página

Decida em quais páginas seu PopUp de Desconto deve aparecer:

• Mostrar em cada página
• Mostrar apenas na página inicial
• Mostrar em todas as páginas do produto
• Mostrar em páginas de produto específicas
• Todos os produtos em coleções específicas
• Mostrar em todas as páginas da coleção
• Mostrar em páginas de colecção específicas
• Todos os produtos com etiquetas específicas

Se você escolher uma opção específica, use a entrada do seletor ou tag para finalizar sua seleção.

👥 Passo 4 — Configurar cliente e localização

Ainda dentro da Colocação/Targeting tab, afinar quem vê o teu popup.

📱 Visibilidade do Dispositivo

Escolha em quais dispositivos seu popup deve aparecer:

• Desktop e Mobile
• Apenas área de trabalho
• Apenas Móvel

🔐 Estado de Login do Cliente

• Mostrar a todos os clientes
• Mostrar apenas para clientes logados

🏷️ Marcas de cliente e tempo de vida passado

Você pode restringir ainda mais a visibilidade usando:

• Alvo clientes com base na etiqueta do cliente — por exemplo, mostrar apenas aos clientes marcados VIP ou wholesale
• Clientes-alvo com base na vida útil passada — indicar apenas aos clientes que tenham gasto acima de um montante específico

Você também pode esconder o popup de etiquetas específicas ou limiares de despesa, se necessário.

🌍 Meta de Geolocalização

• Todo o mundo — sem restrições
• Países específicos — seleccionar apenas os países onde pretende que o popup apareça

🔗 Fontes UTM permitidas

Active isto se quiser que o popup apareça apenas para visitantes provenientes de fontes de tráfego específicas.

Plataformas apoiadas:

• TikTok
• Facebook
• Instagram
• Google
• Pinterest
• Twitter
• Código UTM personalizado — introduzir os seus próprios parâmetros UTM

⚠️ Se habilitado, os visitantes que chegam diretamente (sem os parâmetros UTM correspondentes) não verão o popup.

📅 Passo 5 — Marcação (Opcional)

Se você quer que o seu PopUp de Desconto para executar apenas durante um período específico, expandir o Agendamento secção dentro da página Colocação/Targeting.

Conjunto:

• Data de início — quando o popup deve começar a mostrar
• Data de Fim — quando o popup deve parar de mostrar automaticamente

Se deixado em branco, o popup é executado continuamente uma vez publicado.

🎨 Passo 6 — Projete seu PopUp (Opcional)

Mudar para o Desenho aba para ajustar:

• Posição instantânea (centro, cantos)
• Tamanho e animação
• Cores de fundo, gradientes ou imagens
• Fontes, estilos de botões e raio de canto

💡 Você pode pular este passo se a aparência padrão já corresponder à sua loja.

Para uma análise completa de todas as opções de design, consulte a documentação dedicada ao Design & Styling.

✅ Passo 7 — Salvar e Publicar

Depois de tudo parecer bom:

1. Clique Gravar para guardar a sua configuração
2. Clique Publicar para fazer o popup ao vivo em sua loja

⚠️ Salvar sozinho não torna o popup visível para os clientes. Tem de publicá-lo.

Se o aplicativo incorporado ainda não está habilitado, um banner irá lembrá-lo de ativá-lo em seu Shopify Editor de temas.

🎉 Resultado Final

Uma vez configurado com sucesso:

✅ Visitantes ver sua oferta de desconto no momento certo
✅ Emails e números de telefone são coletados automaticamente
✅ Códigos de cupons são exibidos após a submissão
✅ Mensagens diferentes cumprimentam clientes novos vs retornando
✅ Seu popup respeita regras de segmentação, agendamento e configurações do dispositivo

Seu desconto PopUp está agora ao vivo e pronto para recompensar seus visitantes 🚀

Actualizado em: 10/09/2026