ℹ️ 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 executar uma campanha de vendas de alto impacto que coleta leads ao promover sua oferta? 🛍️

PopUps de vendas são projetados para promoções, vendas em flash e eventos especiais onde você deseja capturar e-mails e números de telefone, enquanto apresenta uma oferta clara e sensível ao tempo. Eles vêm com ambos os campos de coleção habilitados por padrão para que você não perca um único lead.

Este guia orienta você através de toda a configuração para que você possa lançar seu primeiro PopUp de Vendas 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 uma nova venda

Abrir o Hoppy PopUps app.

Depois:

→ Clique Criar um Novo PopUp

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

A página de configuração será aberta automaticamente com campos de coleta de e-mails e telefones ativados por padrão.

📝 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:

• Campanha de Venda Flash
• Black Friday Blast
• Desobstrução da Primavera
• Oferta especial de fim de semana

💡 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 venda.

Exemplo

• Título: "Venda Flash - até 50% de desconto"
• Descrição: "Entre seus detalhes abaixo para desbloquear seu desconto exclusivo"

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

Ambos estão habilitados por padrão para Countdown PopUps, mas você pode ajustar conforme necessário.

⚙️ 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, aparece uma mensagem de sucesso.

• Mensagem de Sucesso: "Bem-vindo à nossa loja!"

Você também pode adicionar um Descrição do Sucesso — por exemplo, instruções sobre a utilização do código de cupão que 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 — Projete seu PopUp (Opcional)

Mudar para o Desenho aba para ajustar:

• Posição, tamanho e animação do Popup
• 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 4 — Definir as regras de desencadeamento e exibição

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

Configurações de chave que você encontrará:

• Tipo de gatilho — After Time, Page Scroll, Exit-intent, Add to cart button clicked or After page views
• Frequência de exibição — Mostrar sempre, uma vez por visita, ou limitar com uma refrigeração
• Alvo da Página — Cada página, casa apenas, produtos específicos, coleções, ou etiquetas
• Alvo do Cliente — Status de login, etiquetas de cliente, vida útil
• Geolocalização — Todos os países mundiais ou específicos
• Agendamento — Datas de início e de termo facultativas

Para explicações profundas de cada opção de segmentação, consulte a documentação de Segmentação Avançada dedicada.

✅ Passo 5 — 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 vendas no momento certo
✅ Tanto emails como números de telefone são coletados automaticamente
✅ Códigos de cupons são exibidos após a submissão
✅ Opt-in consent é capturado (se habilitado)
✅ Seu popup respeita regras de segmentação, agendamento e configurações do dispositivo

Seu PopUp de Vendas está agora ao vivo e pronto para conduzir conversões 🚀

Actualizado em: 10/09/2026