ℹ️ 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 coletar e-mails, números de telefone ou qualquer detalhe personalizado certo quando os compradores estão mais envolvidos? 📝

Isso é exatamente o que o Formulário de contexto em Hoppy Popups é construído para. Ele permite que você crie um formulário de inscrição totalmente personalizável que aparece em qualquer lugar em sua loja – e transforma visitantes casuais em assinantes que você pode comercializar mais tarde ✨

Com um formulário Popup, você pode coletar:

• 📧 Endereços de e-mail para sua newsletter
• 📱 Números de telefone para atualizações SMS
• 🎂 Detalhes personalizados como aniversários, preferências ou tamanhos
• 🎁 Recompensa novas inscrições com um código de desconto automático

Este guia orienta você através da configuração de seu primeiro Popup Form passo a passo, usando apenas as configurações que você realmente precisa para obtê-lo ao vivo.

⚠️ Antes de começar

Antes de configurar o formulário Popup, certifique-se:

• A Hoppy Popups app está instalado no seu Shopify guardar
• A Aplicativo Incorporar está habilitado no seu tema (configuração única — coberto abaixo)
• Você sabe que informações você quer coletar de compradores

Opcional, mas útil para decidir com antecedência:

• 🎁 Um código de desconto que você gostaria de recompensar novos assinantes com
• 🔗 Onde os assinantes devem ser armazenados (dentro do aplicativo, ou sincronizados com uma ferramenta de e-mail como Klaviyo)

ℹ️ Este guia centra-se na Formulário de contexto tipo, que suporta campos de formulário personalizados. A Captura de E- mail PopUp funciona quase da mesma forma — simplesmente salta os campos personalizados — para que você possa seguir estes passos para isso também.

✅ Passo inicial — Habilitar a incorporação da aplicação

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

Ir para:

Shopify Admin → Loja online → Temas → Personalizar → App Incorpora

Depois:

• Procurar Hoppy Popups
• Alternar ON
• Clique Gravar

💡 Só precisas de fazer isto uma vez. Se não estiver activado, Hoppy Popups também irá lembrá-lo com um banner antes de publicar — para que você não perca.

🛠️ Passo 1 — Criar um novo formulário popup

Abrir o Hoppy Popups app a partir da sua Shopify Admin.

Depois:

→ Clique Criar uma nova janela

Isto abre o Escolher Tipo de Pop-up ecrã.

→ Encontrar o Formulário de contexto cartão → Clique Criar um Formulário Popup

A página de configuração abre automaticamente com:

• A Conteúdo tab — o que o formulário diz e recolhe
• A Desenho tab — como se parece o popup
• A Colocação tab — quando e onde aparece
• A Visualização ao vivo à direita, para que você possa ver mudanças à medida que vai 👀

📝 Passo 2 — Adicione seu Conteúdo do Formulário

Começas por dentro. Conteúdo tab. Isso controla os compradores de texto e as informações que seu formulário coleta.

🏷️ Nome do formulário popup

Este nome é apenas para sua referência interna.

Os compradores nunca o verão.

Use algo reconhecível, como:

• Inscrição da Newsletter Página inicial
• Formulário do clube de aniversário
• Popup de Desconto de Boas-vindas

💡 Nomeação clara torna muito mais fácil gerenciar vários popups mais tarde.

💬 & Descrição do Título

Esta é a mensagem principal de compradores ver no topo do popup.

Exemplo

• Título: "Junte-se ao nosso clube de aniversário 🎂"
• Descrição: "Assine-se e receba um presente especial no seu aniversário."

Seja breve, amigável e focado no benefício de se inscrever.

Você também pode adicionar um Logotipo acima do título se você gostaria que o popup para se sentir mais on-brand.

📧 Campo de E- mail

Este é o núcleo da maioria dos formulários de inscrição.

Quando Mostrar campo de e- mail está ligado, aparecem dois campos adicionais:

• Substituição do campo de e- mail → o texto da dica dentro da caixa, por exemplo, "Enter seu email"
• Mensagem de erro → mostrado se um comprador entra em um e-mail inválido

📱 Telefone / Campo SMS

Ligar Mostrar o Campo do Número de Telefone (SMS) se você também quiser coletar números de telefone.

Quando habilitado, aparecem mais algumas opções:

• Código padrão do país → pré-seleciona o país para o número de telefone
• placeholder do campo do telefone
• Mensagem de erro do telefone

Isso é útil se você planeja enviar ofertas de SMS ou encomendar atualizações mais tarde 📲

🧩 Campos de Formulário Personalizados

Isto é o que faz o Formulário de contexto especial — você pode pedir quase tudo, não apenas um e-mail.

→ Clique Adicionar campo para criar uma nova pergunta

Para cada campo, escolha um Tipo de Campo:

• Campo de texto
• Múltiplas linhas
• Botões de rádio
• Caixas de seleção
• Largar
• Multi- selecção
• Número
• Ligação
• Envio do arquivo
• Data
• Tempo
• Classificação

Então dê-lhe um Legenda — esta é a pergunta que os compradores vêem, como "Seu aniversário" ou "Como você ouviu sobre nós?".

Dependendo do tipo de campo, algumas opções extras aparecem automaticamente:

• 📝 Posicionador → aparece para campos baseados em texto (texto, múltiplas linhas, número, link, tempo)
• ✅ Opções → aparece para campos de escolha (rádio, caixas de seleção, dropdown, multi-selecionado), onde você adiciona as respostas que os compradores podem escolher
• ❗ Requerido → ligue isso se os compradores devem responder antes de enviar

⚠️ O seu formulário deve incluir pelo menos um destes: um campo de Email, um campo de Telefone ou um campo Personalizado. Caso contrário, não há nada para os compradores preencherem.

💡 Um novo formulário Popup já começa com um campo de Email, um campo Telefone e uma amostra Aniversário campo de data — para que você possa lançar rapidamente e ajustar a partir daí.

🔘 Enviar Texto do Botão

Este é o botão clientes clique para enviar o formulário.

Definir a Texto do Botão para algo focado na ação, como:

• "Assine-me"
• "Pegue o meu desconto"
• "Junte-se ao Clube"

Quando o seu formulário tem campos, este botão automaticamente Apresenta O formulário — não é necessária uma configuração suplementar.

✔️ Caixa de Verificação de Opt- In (Opcional)

Você pode adicionar um Caixa de Verificação de Opt- In assim os compradores concordam ativamente em receber marketing de você.

Quando ligado, um Texto opt- in o editor aparece onde você pode escrever sua mensagem de consentimento, como:

"Sim, envie-me ofertas exclusivas e atualizações."

Isso ajuda você a coletar consentimento de marketing claro e permanecer em conformidade 🙌

🎉 Passo 3 — Definir o que acontece após a inscrição

Depois de um comprador enviar o formulário, o popup muda para um estado de sucessoEsta é sua chance de agradecer - lhes — e recompensá - los.

Você vai encontrar estas configurações no fundo do Conteúdo tab.

💌 & Descrição da Mensagem de Sucesso

Escreva a mensagem de agradecimento aos compradores ver logo após o envio.

Exemplo

• Mensagem de Sucesso: "Estás dentro! 🎉"
• Descrição do Sucesso: "Aqui está a tua recompensa por te juntares a nós."

🎁 Recompensa Com um Desconto (Opcional)

Uma pequena recompensa pode aumentar drasticamente as inscrições.

ℹ️ 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.

➡️ Botão de Sucesso (Opcional)

Você também pode mostrar um botão na tela de sucesso.

Ligar Mostrar o botão CTA de sucesso, e dois campos aparecem:

• Texto do Botão de Sucesso → Por exemplo, "Começar as compras"
• Ligação do Botão de Sucesso → onde o botão deve levar compradores

Esta é uma boa maneira de enviar novos assinantes diretamente para uma página de coleção ou venda 🛍️

ℹ️ Cada inscrição é salva automaticamente dentro Hoppy Popups → Assinantes. Se você quiser assinantes enviados para uma ferramenta de e-mail como Klaviyo ou Mailchimp, você pode conectá-lo no Integração tab — consulte o guia dedicado de Integraçãos para configuração.

📍 Passo 4 — Escolha quando e onde aparece

Agora abra o Colocação tab. Isto controla o tempo, frequência e localização do popup.

Quando deve aparecer? (Trigger)

Escolher um Tipo de gatilho, em seguida, utilizar Mostrar o Aparecer Depois afinar o momento:

• Após o Tempo (duração) → imediatamente, ou após alguns segundos na página
• Rolo da Página → depois de um cliente pergaminhos a meio caminho para baixo
• Intenção de saída → quando um comprador está prestes a sair
• O botão Adicionar ao carrinho é clicado → quando um item é adicionado, ou quando o carrinho passa um valor
• Após as visualizações das páginas → depois que um comprador vê um certo número de páginas

Alguns gatilhos revelam opções extras — por exemplo, Intenção de saída permite escolher o que "deixar" significa, e Adicionar ao carrinho permite- lhe reagir a um valor mínimo do carrinho.

💡 Um pequeno atraso (alguns segundos) é um padrão amigável — dá aos compradores um momento para olhar em volta antes do formulário aparecer.

🔁 Com que freqüência deve mostrar?

Embaixo Configuração da Visualização, escolha com que frequência o popup volta:

• Mostrar todas as vezes → aparece em cada visita
• Uma vez de cada vez que alguém visita → uma vez por visita, e pára após o formulário é submetido
• Frequência limite → depois de estar fechado, espere um número de dias antes de mostrar novamente

ℹ️ Uma vez que um comprador envia o formulário, o popup pára de mostrar-lhes automaticamente — para que você nunca pergunte duas vezes.

📄 Onde Deve Aparecer?

Utilização Mostrar Ligado para escolher as páginas onde o formulário aparece:

• Cada página
• Apenas na página inicial
• Todas as páginas do produto
• Páginas específicas do produto
• Coleções, ou coleções específicas
• Produtos com etiquetas específicas

Quando você escolhe uma opção específica (como um produto ou coleção), um seletor aparece para que você possa escolher exatamente qual.

📐 Posição

Escolha onde está a janela:

• Centro para um clássico, atenção-agarrando popup
• A canto (como a parte inferior direita) para uma sensação mais suave, slide-in

ℹ️ A visibilidade do dispositivo (Desktop, Mobile, ou ambos) está definida no Desenho tab. Regras mais avançadas — como segmentação pelo status de login do cliente, tags, tempo de vida útil, país ou fonte UTM — também estão disponíveis. Estes são abrangidos pelo Alvo guia para que esta configuração permanece simples.

📅 A fazer uma campanha de tempo limitado? Você pode adicionar um Iniciar e Fim data em que Agendamento. Por padrão, o formulário é executado continuamente (começa agora, nunca termina). Ver Agendamento guia para campanhas datadas.

🎨 Passo 5 — Style the Popup (Opcional)

Abrir o Desenho aba para fazer o popup corresponder à sua marca.

Aqui você pode ajustar rapidamente coisas como:

• A Modelo para começar a partir de um look pronto
• A Tamanho do Popup e estilo de posição
• Cores, fontes, e espaçamento
• A botão e campo de entrada estilo
• A Sobreposição de fundo e entrada animação

Você não precisa tocar em nada disso para ir ao vivo — os padrões ficam ótimos fora da caixa ✨

Para uma análise completa de cada opção de styling, ver o Desenho & Styling guia. Para ajustes avançados, o CSS Personalizado guia permite-lhe ajustar detalhes com o seu próprio código.

✅ Passo 6 — Salvar e Publicar

Uma vez que tudo fica bem na pré-visualização:

1. Gravar o seu formulário de contexto
2. Clique Publicar para torná-lo vivo em sua loja

⚠️ Salvar sozinho faz não Publicar o formulário. Sempre clique Publicar Quando estiveres pronto para os clientes verem.

Após a publicação, o crachá de status do popup atualiza para que você possa ver rapidamente se é Publicado, Não publicado, Agendadoou Expirado.

💡 Se o aplicativo incorporado ainda não estiver habilitado, Hoppy Popups Mostrará um lembrete com Activar a Entrada da Aplicação botão logo após você publicar — basta segui-lo e você está definido.

💡 Dicas úteis

• Teste seu formulário abrindo sua loja em um Incógnito / Privado janela e envio de um e- mail de teste — então verifique Assinantes para confirmar que chegou
• Mantenha formulários curtos — pedindo apenas um e-mail geralmente recebe mais inscrições 📈
• Certifique-se de que pelo menos um campo (e-mail, telefone ou personalizado) esteja ligado, ou que o formulário não possa ser enviado
• Quer o formulário em outra língua? Você pode adicionar traduções na Traduções secção — ver o guia de tradução dedicado

🎉 Resultado Final

Uma vez configurado e publicado:

✅ Os compradores vêem um belo formulário de inscrição na marca

✅ Emails, números de telefone e detalhes personalizados são coletados automaticamente

✅ Novos assinantes podem receber instantaneamente uma recompensa de desconto

✅ O formulário aparece na hora certa, nas páginas certas

✅ Cada inscrição é salva e pronta para sincronizar com suas ferramentas de marketing

Uma forma popup bem configurada é uma das maneiras mais fáceis de aumentar seu público e transformar visitantes pela primeira vez em clientes de longo prazo 🚀

Actualizado em: 10/09/2026