Pular para o conteúdo principal

Como criar um formulário de inscrição - Parte 2: como fazer o design do seu formulário de inscrição

Criamos uma série de artigos para ajudar você a criar seus formulários de inscrição. Neste artigo vamos dar uma olhada na etapa de Design dos seus formulários de inscrição.

A Brevo permite que você personalize vários elementos do formulário de inscrição, incluindo plano de fundo, texto (fonte, tamanho, cor), campos do formulário, textos call to action, e mensagens de sucesso (confirmando que um usuário se inscreveu com sucesso). 

Arraste e solte os elementos

Crie o formulário simplesmente arrastando e soltando os blocos de conteúdo necessários (ex.: título, texto, imagem, separador) para dentro do corpo do formulário e reorganizando-os como necessário.

Confira nosso vídeo para saber mais sobre os blocos e os campos que você pode adicionar ao seu formulário. Sinta-se à vontade para ativar a legenda em seu próprio idioma:

No criador de formulários, você encontrará um formulário pré-fabricado, o qual você pode personalizar. À esquerda do criador, você encontrará Blocos e campos, na aba Criar e elementos de design na aba Design do formulário.

build_tab.jpg form_design_tab.jpg

Blocos e campos

blocks_fields.jpg

  1. Título
  2. Texto
  3. Imagem
  4. Divisor
  5. Atributo
    Escolha os atributos de contato (e-mail, nome, aniversário, etc.) de acordo com o tipo de informações que deseja reunir sobre seus novos inscritos. Deve haver pelo menos um atributo E-mail, SMS ou WhatsApp a fim de entrar em contato com seu inscrito.
    Confira a seção abaixo Que campos devo incluir no formulário?
  6. Assinatura multilista
    Permite que os inscritos declarem interesse ou preferências ao se inscreverem e os coloca nas listas correspondentes. Confira nossa artigo dedicado: Como adicionar inscrições multi-listas aos seus formulários.
  7. Escolha única
    Você primeiro precisa criar um campo atributo "categoria" com diferentes escolhas. Assim você será capaz de dar a escolha ao cliente, por exemplo, sobre a frequência da newsletter, ou o idioma. Você pode escolher exibir as escolhas usando um botão de opções ou uma lista suspensa.
    Para personalizar o texto "Selecione um" na lista suspensa, você pode buscar pelo bloco de código mencionado abaixo em seu formulário
    HTML e mudar o valor do texto “Selecione um” incluído na tag <option> para o valor desejado:

    <option value="" disabled selected hidden>Select one</option>

  8. Caixa de verificação
    Você primeiro precisa criar um campo de atributo "booleano" (sim/não). Você será capaz de dar escolha em um atributo: "sim" se o cliente marcar a caixa, "não" se ele não marcar.
    Por exemplo, pode ser um campo para saber se ele tem interesse em ofertas de seus parceiros comerciais.
    💡 Dica
    Se você ativar a opção Habilitar campos LGPD na configuração do seu formulário de cadastro, os blocos Confirmação opt-in e Declaração LGPD serão incluídos automaticamente.
  9. Confirmação opt-in
    Para estar em conformidade com o GDPR, você precisa adicionar o campo GDPR. Você deve fornecer um link para sua política de privacidade sob "declaração de privacidade dos dados". Certifique-se de adicionar o link antes de finalizar seu formulário.
  10. Declaração LGPD
    Criamos uma declaração GDPR pré-criada declarando que você está usando a Brevo como sua ferramenta de marketing.
    💡 Dica
    Adicionar o campo GDPR ao seu formulário de inscrição cria automaticamente o atributo OPT_IN no banco de dados de contatos. Esse atributo booleano registra se um contato verificou o campo GDPR em seu formulário. No entanto, não controla se um contato está inscrito nas comunicações de marketing.
  11. Captcha
    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 como criar e adicionar um CAPTCHA ao seu formulário, consulte nosso artigo dedicado Como adicionar um CAPTCHA ao seu formulário de inscrição.

Que atributos devo incluir no formulário?

O campo endereço de e-mail é obrigatório, mas você também pode querer reunir um pouco mais de informações sobre seus novos inscritos, adicionando campos de atributos de contato. Coisas como nome, data de nascimento e local podem ser extremamente úteis quando se trata de personalizar seus e-mails e segmentar seu público.

No entanto, a experiência do usuário deve ter prioridade aqui. Se tiver que inserir manualmente muitos detalhes, ele pode abandonar o processo no meio.

Se decidir adicionar mais campos, escolha apenas alguns poucos e torne-os opcionais. Deste modo o usuário pode pulá-los se assim desejar e você ainda tem o endereço de e-mail, que é fundamental. Você sempre pode construir o perfil do usuário depois: a prioridade aqui é colocá-lo em sua lista de e-mail.

Design do formulário

form_design_options.jpg

Na aba Design do formulário, você será capaz de mudar o design, cores e fontes do seu formulário.

  • Texto
    Aqui você pode mudar a formatação (fonte, cor, tamanho, etc.) do texto e dos títulos, bem como textos de ajuda, rótulos e placeholders.
  • Plano de fundo
    Você pode selecionar uma cor ou uma imagem para o plano de fundo. Você criar o contêiner  (onde arrasta todos os campos): alinhamento, bordas, plano de fundo, etc.
  • Recipiente
    Pode selecionar a cor do botão de inscrição, bem como seu alinhamento, fonte do texto, etc.
  • Alertas
    Um exemplo de alerta aparecerá quando você clicar neste campo. Isso permitirá que você altere o  design. Existem alertas de estado de erro e de sucesso.
  • Espaçamento
    Você pode escolher entre 3 tipos de espaçamento: apertado, padrão, espaçado.

Visualização móvel

Por padrão, todos os formulários são criados de modo responsivo. Você pode visualizar como seu formulário vai ficar em um dispositivo móvel mudando a visualização de desktop para celular na parte superior do editor do formulário.

mobile_view.jpg

⏩ O que vem a seguir?

🤔 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.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 5 de 30