> ## 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 um formulĂĄrio popup > â„č **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 sucesso**Esta Ă© 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**, **Agendado**ou **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 🚀