MailInApp

Pop-ups de Roleta Premiada & Raspadinha para Crescimento de Lista

Um pop-up simples de "assine nossa newsletter" converte a 1–2%. Uma roleta premiada ou um cartão de raspadinha dá aos visitantes um motivo ativo para se cadastrarem — eles estão jogando por um desconto, não preenchendo um formulário. O MailInApp torna isso um recurso nativo dos formulários de inscrição em pop-up, configurado no mesmo construtor de formulários, incorporado no mesmo snippet JavaScript puro, com os códigos armazenados junto de cada assinante na sua lista de contatos.

Uma roleta premiada ou um cartão de raspadinha incorporado no seu próprio site, configurado no construtor de formulários de inscrição — sem plugin externo, sem aplicativo separado. Um visitante gira ou raspa, recebe um código de desconto, e se cadastra. O código cai na mensagem de confirmação dele e na sua lista de contatos, ligado diretamente àquele assinante.

Ímãs de leads gamificados costumam superar pop-ups simples de "assine nossa lista" em taxa de conversão. A mecânica de jogo cria um micromomento de empolgação que dá ao visitante um motivo ativo para enviar o e-mail dele em vez de dispensar a sobreposição. O MailInApp torna isso um recurso nativo dos formulários de inscrição em pop-up — sem plugin de terceiros necessário, sem código separado para incorporar.

Como funciona

Na aba Formulários de inscrição, crie ou edite um formulário em pop-up e abra a seção Ímã de Leads Gamificado. Alterne para Roleta Premiada ou Raspadinha, depois configure suas fatias ou o prêmio:

Roleta premiada

Adicione fatias da roleta — cada uma com um rótulo de exibição (ex.: "15% de desconto"), um código promocional, e uma proporção de vitória. As proporções de vitória são pesos relativos (por exemplo, 3 fatias ponderadas em 40/40/20 dão à terceira fatia uma chance de 20%). O código da fatia em que a roleta parar é anexado ao payload do envio e mostrado na mensagem de confirmação pós-envio.

Cartão de raspadinha

Configure um único rótulo de prêmio e código promocional. Um visitante vê uma sobreposição de raspar; assim que ele preenche o e-mail e envia, a sobreposição se levanta para revelar o código.

O que o script de incorporação faz

O script de incorporação (/f/[formId]/embed.js) é JavaScript puro — sem React, sem runtime externo necessário no site do seu cliente. Ele renderiza a roleta usando HTML5 Canvas ou o cartão de raspadinha usando uma sobreposição de CSS/eventos de ponteiro, embutida no pop-up. Por ser autocontido, funciona em qualquer site sem interferir no próprio framework JavaScript dele.

O código promocional é anexado ao payload de envio do formulário e armazenado junto da linha de contato do assinante, para que você possa filtrar sua lista de contatos pelo código concedido depois ou usá-lo como uma tag de personalização em um e-mail de boas-vindas.

Funciona em formulários inline e hospedados também?

A gamificação só está disponível em formulários em pop-up — a experiência do usuário com sobreposição em primeiro plano se encaixa naturalmente na mecânica de pop-up em página inteira. Formulários inline e hospedados continuam com campos simples.

Primeiros passos

  1. Vá em Formulários de inscrição e crie ou edite um formulário Pop-up.
  2. Abra a seção Ímã de Leads Gamificado e escolha Roleta Premiada ou Raspadinha.
  3. Adicione suas fatias/prêmio, código(s) promocional(is), e proporções de vitória.
  4. Clique em Salvar e pegue o snippet de incorporação atualizado em Obter código.

Veja Formulários de inscrição e pop-ups para a referência completa de incorporação e configuração.

Uma sequência típica de criação e envio

  1. 1

    Crie um formulário de inscrição em pop-up

    Na aba de Formulários de inscrição, escolha Pop-up, aponte para uma lista de contatos, e defina o gatilho (atraso, rolagem, ou intenção de saída).

  2. 2

    Adicione um ímã de leads gamificado

    Abra a seção de Ímã de Leads Gamificado e escolha Roleta premiada ou Raspadinha — adicione fatias com rótulos, códigos, e proporções de vitória para uma roleta, ou um único código de prêmio para o cartão de raspadinha.

  3. 3

    Publique

    Obter código te dá um snippet de incorporação atualizado — coloque no seu site. O pop-up renderiza a roleta ou o cartão de raspadinha antes do campo de e-mail.

  4. 4

    Use o código no seu e-mail de boas-vindas

    O código concedido é armazenado na linha de contato do assinante e aparece na mensagem de confirmação dele — use como uma tag de personalização em um e-mail de boas-vindas ou um projeto de confirmação de opt-in duplo.

Blocos criados para isso

Perguntas frequentes

A roleta premiada precisa de um plugin de terceiros?

Não — o snippet de incorporação já inclui a lógica de renderização em canvas para a roleta e a sobreposição do cartão de raspadinha. Coloque um snippet no seu site; sem bibliotecas extras, sem npm install.

Posso ponderar a roleta para que um prêmio raro seja genuinamente mais raro?

Sim — cada fatia tem um campo de proporção de vitória. As proporções são pesos relativos, então uma roleta com fatias em 40/40/20 dá à terceira fatia uma chance efetiva de 20%. Qualquer proporção acima de 0 pode ganhar.

Para onde vai o código promocional depois que o visitante envia o formulário?

Ele é anexado ao payload do envio, armazenado na linha de contato, e mostrado na mensagem de confirmação pós-envio. Use como uma tag de personalização {{promo_code}} em qualquer e-mail de boas-vindas de acompanhamento.

A gamificação funciona em formulários inline e hospedados também?

A gamificação só está disponível em formulários em pop-up — a interação com sobreposição em primeiro plano se encaixa naturalmente na mecânica de pop-up em página inteira. Formulários inline e hospedados continuam com campos simples.

Documentação relacionada

Veja também

Construa isso no estúdio

Comece no plano gratuito — todos os blocos interativos e o motor de fallback completo estão incluídos em todos os planos.

Começar a criar grátisVer todos os casos de uso