> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🎯 Como configurar popups de desconto > ℹ️ **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 🚀 ---