Criar um formulário de assinatura pop-up na Brevo

Os Brevo Pop-ups estão em versão beta e disponíveis apenas para alguns usuários. Eles estarão disponíveis para todos os usuários no futuro.

Os pop-ups são formulário de assinatura responsivos e podem ser acionados após um atraso, durante uma intenção de saída e apenas em páginas específicas, facilitando a geração de leads! Os formulários pop-up são criados para chamar a atenção e são tipicamente menores e mais simples que formulário de assinatura de página inteira/incorporada.

Para saber como criar um formulário de assinatura de página inteira/incorporado , confira nosso artigo dedicado Criar um formulário de assinatura no Brevo.

Este artigo é fornecido apenas para fins informativos e não constitui aconselhamento jurídico. Embora nos esforcemos para garantir a precisão e a relevância das informações, as leis e os regulamentos relativos ao marketing por e-mail e à proteção de dados, incluindo, entre outros, RGPD, CAN-SPAM e outras leis regionais de privacidade, podem variar e estão sujeitos a alterações. Os leitores são aconselhados a consultar um profissional jurídico qualificado ou um especialista em conformidade para garantir que seu processo de double opt-in esteja alinhado com as leis e os regulamentos aplicáveis em sua jurisdição. O uso de exemplos, modelos ou diretrizes deste artigo fica a seu critério e risco.

🗂️ Etapa 1: Instalar os Brevo Pop-ups em seu site

Na primeira vez que criar um formulário pop-up, você precisará instalar os Brevo Pop-ups em seu site para ativar e exibir o pop-up no site. Enquanto isso, crie e projete os formulários pop-up.

  1. Acesse Contacts > Forms (Contatos > Formulários).
  2. Na guia Sign-up (Assinatura), clique em Create sign-up form (Criar formulário de assinatura).
  3. Selecione o cartão Pop-up .
  4. Clique no menu suspenso Site e clique em + Add website (+ Adicionar site). Insira o URL do site e clique em Add website (Adicionar site) para confirmar.
    💡 É bom saber
    Para instalar os Brevo Pop-ups em vários sites, comece adicionando o URL do seu domínio principal e instalando o Brevo Pop-ups nesse site. Você não precisa reinstalar os arquivos de instalação para os outros sites.
    ➡️ Por exemplo, se você quiser formulários pop-up em https://www.brevo.com e em https://shop.brevo.com, comece com https://www.brevo.com.
  5. Clique em Install Brevo Pop-ups (Instalar Brevo Pop-ups) ou Update Brevo Pop-ups (Atualizar Brevo Pop-ups), dependendo se você já tiver instalado o rastreador Brevo para outro aplicativo.
  6. Escolha como deseja instalar o Brevo Pop-ups em seu site
    1. Escolha uma opção de instalação:
      • Com o Google Tag Manager
      • Instalar o rastreador Brevo manualmente
    2. Clique em Continue (Continuar).
  7. Adicionar os arquivos de configuração ao seu site:
    1. Siga as instruções exibidas para a opção de instalação escolhida.
    2. Clique em Verify setup files (Verificar arquivos de configuração).
      forms_step2-tracker_EN-US.png
  8. Adicione o rastreador Brevo ao seu site:
    ❗️ Importante
    Se você já tiver instalado o rastreador Brevo para outro aplicativo, mesmo assim será necessário verificar a versão instalada: apenas a versão 2.0 é compatível com o Brevo Pop-ups.
    1. Siga as instruções exibidas para a opção de instalação escolhida. Dependendo se você já instalou o rastreador Brevo para outro aplicativo ou não, as instruções serão diferentes.
    2. Clique em Verify Brevo tracker (Verificar rastreador Brevo).

Você agora pode criar Brevo Pop-ups para seu site!

✅ Etapa 2: Configurar seu formulário de assinatura pop-up

Após instalar os formulários do Brevo Pop-ups em seu site, você poderá criar seu formulário de assinatura pop-up:

  1. Acesse Contacts > Forms (Contatos > Formulários).
  2. Na guia Sign-up (Assinatura), clique em Create sign-up form (Criar formulário de assinatura).
  3. Selecione o cartão Pop-up .
  4. Selecione seu Site ou adicione o URL correspondente.
  5. Insira o nome do formulário para identificá-lo rapidamente. Esse nome só ficará visível para você.
  6. Clique em Create form (Criar formulário).
    forms_set-up-popup-form_EN-US.png

🎨 Etapa 3: Criar seu formulário pop-up

Agora você pode começar a projetar a aparência do formulário pop-up e da confirmação de inscrição no seu site, tanto no desktop quanto em dispositivos móveis.

Você pode arrastar e soltar blocos e configurar outros elementos para criar seu formulário de assinatura pop-up e confirmação de inscrição.

Os formulários pop-up devem ser simples para atrair melhor a atenção dos visitantes e curtos para incentivá-los a se inscrever rapidamente sem precisar fornecer muitas informações sobre si. Para manter a conformidade com o RGPD, é altamente recomendável usar o opt-in do RGPD, a declaração do RGPD e o Captcha.

Crie seu formulário pop-up e a confirmação da inscrição

Clique em Create design (Criar design) para começar a criar seu formulário de assinatura pop-up.

forms_create-design-popup_EN-US.png

Você pode personalizar:

Formulário

Clique na guia Form (Formulário) para começar a criar seu formulário de assinatura pop-up.

forms_popup-create-design_EN-US.pngExpanda os seguintes acordeões para saber mais sobre os blocos disponíveis para criar seu formulário.

✏️ Texto

forms_text-block_EN-US.png

O bloco Text (Texto) permite incluir texto descritivo no seu formulário de assinatura. Você pode adicionar uma introdução envolvente e fornecer mais contexto sobre a finalidade do formulário. Quando você clicar em um bloco de texto, uma barra superior é exibida. Essa barra permite modificar a formatação do texto (como estilo, fonte, tamanho, cor e alinhamento) e inserir links.

💬 Campo de entrada

forms_input-block_EN-US.png

O bloco Input field (Campo de entrada) permite incluir campos no seu formulário de assinatura para coletar informações essenciais de seus novos assinantes. Os campos disponíveis são baseados nos atributos de contato que você criou na Brevo, como endereços de e-mail, nomes, números de telefone e outros.

O formulário deve incluir, pelo menos, um campo para e-mail, SMS ou WhatsApp para que você possa se comunicar posteriormente com os assinantes.

⚖️ Opt-in RGPD

forms_gdpr-field_en-us.jpg

O bloco Opt-in do RGPD permite que os assinantes (chamados de titulares de dados no RGPD) usem uma caixa de seleção para consentir em receber seus boletins informativos e acessar sua política de privacidade de dados, que deve ser vinculada ao formulário. Você pode e deve alterar o texto de acordo com seus requisitos legais individuais.

➡️ Para saber mais sobre como tornar seu formulário de assinatura compatível com o RGPD, consulte nosso artigo dedicado Diretrizes para um formulário de assinatura compatível com RGPD.

Se você usar o método de confirmação de double opt-in para seu formulário, recomendamos adicionar o texto de consentimento do seu campo RGPD para seu modelo de e-mail de confirmação double opt-in. Essa é a única maneira de provar com qual texto de consentimento o abonado concordou. Para saber mais, consulte nosso artigo dedicado Double opt-in (DOI): o que é e como rastrear as inscrições de usuários

📜 Declaração RGPD

forms_gdpr-declaration_EN-US.png

O bloco GDPR Declaration (Declaração do RGPD) notifica os assinantes (chamados de titulares de dados no RGPD) que você está usando a Brevo como sua ferramenta de marketing e que os dados que eles fornecem no formulário serão transferidos para a Brevo para processamento de acordo com nossa Política de Privacidade. Você pode e deve alterar o texto de acordo com seus requisitos legais individuais.

➡️ Para saber mais sobre como tornar seu formulário de assinatura compatível com o RGPD, consulte nosso artigo dedicado Diretrizes para um formulário de assinatura compatível com RGPD.

🤖 Captcha

forms_captcha-block_EN-US.png

Recomendamos enfaticamente utilizar uma confirmação CAPTCHA para evitar que spambots adicionem dados falsos às suas listas. Com a Brevo, você pode escolher entre Google reCAPTCHA ou Cloudflare Turnstile CAPTCHA.

➡️ Para saber mais, confira nosso artigo dedicado Adicionar um CAPTCHA para um formulário de assinatura criado na Brevo.

Confirmação de inscrição

Clique em Confirmação de inscrição para começar a criar a mensagem que aparecerá para seus visitantes assim que enviarem seu formulário de assinatura pop-up. Essa mensagem permitirá que eles saibam que a inscrição está concluída e o que eles podem esperar de você em seguida.

Expanda os seguintes acordeões para saber mais sobre os blocos disponíveis para criar sua confirmação de inscrição.

✏️ Texto

forms_text-confirmation_EN-US.png

O bloco Text (Texto) permite incluir texto descritivo em sua confirmação de inscrição. Você pode adicionar uma mensagem de confirmação de inscrição envolvente e informar aos visitantes o que eles devem esperar de você em seguida. Quando você clicar em um bloco de texto, uma barra superior é exibida. Essa barra permite modificar a formatação do texto (como estilo, fonte, tamanho, cor e alinhamento) e inserir links.

Janela pop-up e sobreposição do plano de fundo

Você pode personalizar a aparência do seu pop-up no seu site. O design é aplicado ao formulário e à confirmação de inscrição. Clique em cada elemento da pré-visualização para editá-lo. Você também pode adicionar imagens individuais na parte superior do formulário e da confirmação de inscrição.

Expanda os seguintes acordeões para saber mais sobre quais elementos do pop-up você pode personalizar.

🔳 Sobreposição de plano de fundo
forms_bg-overlay_EN-US.png Clique na sobreposição de plano de fundo na visualização para personalizá-la. Você pode escolher uma cor e a opacidade para o plano de fundo para destacar a janela pop-up.
💬 Janela pop-up (layout, imagem, estilo)
forms_window_EN-US.png

Clique na janela pop-up na visualização para personalizá-la. Configure o design da janela pop-up, incluindo o layout, a largura, o alinhamento, o plano de fundo, a opacidade e outras configurações.

Você também pode alternar Show image (Mostrar imagem) e clicar em Select image (Selecionar imagem) para inserir uma imagem no alto do seu formulário ou confirmação de inscrição. Você pode adicionar o logotipo da sua marca ou qualquer outra imagem para tornar o formulário visualmente atraente e mais envolvente para os visitantes.

💡 É bom saber
Você só pode incluir uma imagem no alto para evitar sobrecarregar seus visitantes.
🖱 Botão ️
forms_button_EN-US.png Clique no botão enviar na visualização para editar o alinhamento, a cor, as bordas e os cantos.
✖️ Botão Fechar
forms_close-button_EN-US.png Clique no botão fechar para editar a cor do ícone em formato de X, a cor de preenchimento, as bordas e o sombreamento.

Visualização móvel

forms_mobile-popup_EN-US.png

Todos os formulários da Brevo são projetados para serem responsivos por padrão.

Você pode pré-visualizar a aparência do formulário pop-up em um dispositivo móvel alternando a pré-visualização de desktop para móvel na parte superior do editor. Observe que você não pode editar a visualização móvel.

Quando estiver satisfeito com a aparência do seu formulário pop-up, clique em Save and exit (Salvar e sair).

⚙️ Etapa 4: Configurar seu formulário pop-up

Expanda os seguintes acordeões para ver as opções disponíveis para configurar seu formulário pop-up.

Quando
  1. Escolha quando os visitantes verão o pop-up no site.
    • Quando a página carregar
      Selecione o atraso em segundos.
    • Quando o usuário estiver prestes a sair da página
      O formulário pop-up aparecerá quando o usuário estiver prestes a sair da página: ao entrar fechar a guia da página, inserindo uma nova URL ou movendo o mouse para fora da página.
  2. Selecione quantas visitas antes de o pop-up aparecer para um visitante.
  3. Selecione quantas vezes um visitante pode ver o mesmo formulário pop-up.
  4. (Opcional) Se um visitante pode ver o mesmo formulário pop-up pelo menos duas vezes, selecione o atraso antes que um visitante veja esse formulário pop-up novamente.
  5. Clique em Save (Salvar).
Onde
  1. Escolha as páginas em que os visitantes verão o pop-up no seu site:
    • Show on all pages (Mostrar em todas as páginas)
      Seu formulário pop-up pode aparecer em todas as páginas do site.
    • Show on these pages only (Mostrar apenas nessas páginas)
      Insira o URL das páginas em que você quer que o pop-up apareça. Você pode adicionar até 20 URLs.
    • Show on all pages except these ones (Mostrar em todas as páginas exceto essas)
      Insira a URL das páginas em que você não quer que o pop-up apareça. Você pode adicionar até 20 URLs.
  2. Clique em Save (Salvar).
Gerenciamento de consentimento
❗️ Importante
As confirmações de duplo e simples só estarão disponíveis se você tiver adicionado um campo de endereço de e-mail ao formulário de inscrição. Caso contrário, nenhuma confirmação será enviada.
  1. Decida se os visitantes devem confirmar a inscrição, receber um e-mail de confirmação ou não:
    • [Recomendado] Confirmação de double opt-in

      Com a opção de confirmação de double opt-in, seus assinantes passarão por um processo de confirmação de opt-in. Isso significa que eles receberão um e-mail contendo um link de confirmação (e-mail de confirmação de double opt-in) após o envio do formulário de assinatura. Eles precisam clicar nesse link para confirmar a assinatura e serem adicionados ao seu banco de dados de contatos na Brevo. Caso contrário, eles não serão adicionados nem inscritos.

      O processo de double opt-in é útil para verificar se o endereço de e-mail é válido e recomendado para conformidade com o GDPR.

      ➡️ Para saber mais, consulte nosso artigo dedicado Double opt-in (DOI): o que é e como rastrear as inscrições de usuários.

      1. Clique no menu suspenso Select a template (Selecionar um modelo) e selecione uma das seguintes opções:
        1. Selecione o modelo padrão Double opt-in confirmation (Confirmação de double opt-in). Você pode modificar o modelo padrão acessando Campaigns > Templates > Email (Campanhas > Modelos > E-mail) e pesquisando "Default Template Double opt-in confirmation (Modelo padrão de confirmação de double opt-in)" na barra de pesquisa.
        2. Ou selecione um modelo personalizado que você já tenha criado.

          ❗️ Importante
          Se quiser criar seu próprio modelo personalizado, certifique-se de seguir o procedimento em nosso artigo dedicado Criar um modelo personalizado de confirmação de double opt-in (DOI) para formulários de assinatura Brevo para incluir os campos obrigatórios. Caso contrário, seu modelo personalizado não será exibido no menu suspenso.
      2. (Opcional) Marque a caixa de seleção Send confirmation email (Enviar e-mail de confirmação) se você quiser que os visitantes recebam um e-mail confirmando a inscrição e selecione o modelo do e-mail de confirmação.
    • Confirmação simples de opt-in

      Com a opção Simple opt-in confirmation (Confirmação simples de opt-in), seus contatos recebem um e-mail de confirmação e são adicionados ao seu banco de dados de contato na Brevo logo após enviar o formulário de assinatura.

      1. Clique no menu suspenso Select a template (Selecionar um modelo) e selecione uma das seguintes opções:
        1. Selecione o Default Template Single opt-in confirmation (Confirmação de single opt-in de modelo padrão). Você pode modificar o modelo padrão em Campaigns > Templates > Email (Campanhas > Modelos > E-mail) e pesquisando "Default Template Single confirmation (Modelo padrão de confirmação de double opt-in)" na barra de pesquisa.
        2. Ou selecione um modelo personalizado que você já tenha criado..

    • Sem confirmação

      Com a opção No confirmation (Sem confirmação), os assinantes são adicionados ao seu banco de dados de contatos na Brevo logo após o envio do formulário de assinatura. Eles não recebem nenhum e-mail confirmando a assinatura.

  2. Clique em Save (Salvar).
Gerenciamento de contatos
  1. Escolha as listas às quais os contatos devem ser adicionados.
    Selecione ou crie as listas que você quer adicionar a seus contatos para quando eles enviarem o formulário.
  2. (Opcional): Marque Block sign-ups with a disposable email address (Bloquear inscrições com um endereço de e-mail descartável) para adicionar uma outra camada de proteção para impedir que endereços de e-mail falsos ou contatos desinteressados se inscrevam.
  3. Clique em Save (Salvar).

🚀 Etapa 5: Ativar seu formulário pop-up

Assim que você tiver criado e configurado seu formulário pop-up, clique em Activate (Ativar) e Activate form (Ativar formulário) para confirmar. Seu formulário pop-up agora está ativo no site. 🎉

👀 Etapa 6: Exibir quais contatos foram inscritos pelo formulário de inscrição

Você pode acessar as informações sobre assinantes que se inscreveram por meio de seu formulário. Expanda os acordeões a seguir para saber onde você pode ver detalhes sobre envios de formulário de assinatura.

Número de novos contatos e envios

Para ver quantos novos Contatos se inscreveram por meio de seu formulário e quantas vezes o formulário foi enviado, acesse Contacts (Contatos) > Forms (Formulários) e veja a coluna New contacts (Novos contatos) e Submits (Envios):

forms-listing-submits_en-us.png

Assinatura de um contato específico

Para verificar se um contato específico se inscreveu por meio de seu formulário verificando o histórico na página de detalhes:

Logs de eventos de automação de envio de formulário

Para visualizar e fazer download dos eventos relacionados ao envio de formulários, acesse Automations (Automações) > Logs > Event logs (Logs de eventos) e selecione Forms (Formulários) no menu suspenso All Events (Todos os eventos). Em seguida, clique no ícone de download 📥  para fazer o download de seus eventos em um arquivo .CSV. Depois de fazer o download, abra o arquivo e filtre os eventos com base no nome do seu formulário de assinatura.

forms_event-logs_en-us.jpg

Confirmação de double opt-in, única ou sem confirmação

Depois de incluir uma confirmação de double opt-in no seu formulário de inscrição, um novo atributo de contato chamado DOUBLE_OPT-IN será automaticamente adicionado ao seu banco de dados e contatos na Brevo.

Os contatos que passaram pelo processo de double opt-in terão o valor Yes (Sim) nesse campo. Se o contato se inscreveu com confirmação simples ou sem confirmação, o valor desse campo será No (Não). Se o contato tiver sido adicionado por meio de um método que não seja um formulário de assinatura, ese campo ficará em branco.

double_opt-in_attribute.jpg

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 2 de 16