Guia completo do elemento Formulário de Email Marketing no Builderall Builder

O que é o elemento Formulário de Email Marketing #

O elemento Formulário de Email Marketing serve para capturar dados de visitantes dentro de uma página criada no Builderall Builder e enviar essas informações para uma lista do MailingBoss.

Na prática, ele é usado para situações como:

1. Capturar leads em uma página.
2. Inscrever pessoas em uma lista de email.
3. Coletar nome, email, telefone e outros campos personalizados.
4. Redirecionar o visitante para uma página de obrigado, página de confirmação ou próxima etapa do funil.
5. Ativar recursos extras, como reCAPTCHA e prova social.

Esse elemento não funciona sozinho. Ele precisa estar conectado a uma lista do MailingBoss. A lista é o local onde os contatos preenchidos no formulário serão armazenados.

Estrutura recomendada antes de começar #

Antes de adicionar o formulário na página, o ideal é já ter estes itens definidos:

1. Uma lista no MailingBoss.

Essa lista será o destino dos contatos capturados pelo formulário.

2. Um email de remetente configurado.

Esse é o email que será usado pelo MailingBoss nas comunicações relacionadas à lista.

3. Os campos que o formulário precisa coletar.

Exemplo: nome, email, telefone, país, empresa ou qualquer outro dado necessário.

4. Uma página de destino após a inscrição.

Pode ser uma página de obrigado, uma página com instruções, uma oferta, uma página de confirmação ou qualquer URL externa.

5. A estratégia de confirmação da lista.

A lista pode trabalhar com single opt in ou double opt in.

Single opt in significa que a pessoa entra na lista assim que preenche o formulário.

Double opt in significa que a pessoa precisa confirmar a inscrição clicando em um link enviado por email.

Como adicionar o formulário na página #

Acesse o Builderall Builder e abra o site ou página onde o formulário será usado.

Depois siga este caminho:

1. Clique em Adicionar.
2. Clique em Elementos.
3. Role a lista até encontrar Formulário de Email Marketing.
4. Escolha um dos modelos disponíveis.
5. Clique no modelo desejado e arraste para dentro da página.

Depois que o formulário for colocado na página, o Builderall Builder solicitará que você escolha uma lista de email marketing existente.

Selecione a lista correta e clique em Salvar.

Se você ainda não tiver uma lista criada, será necessário criar uma nova lista no MailingBoss antes de continuar.

Como criar uma nova lista no MailingBoss #

Se nenhuma lista aparecer ou se você quiser criar uma lista específica para essa página, clique na opção para criar uma nova lista no MailingBoss.

Dentro do MailingBoss:

1. Acesse a área de Listas.
2. Clique em Criar nova lista.
3. Informe o nome da lista.
4. Informe uma descrição para identificar o objetivo da lista.
5. Se quiser coletar telefone e código do país, ative a opção para criar lista com envio de mensagens instantâneas.
6. Salve a lista.

Essa opção é importante quando o formulário também será usado para estratégias com telefone, WhatsApp ou mensagens instantâneas.

Depois de salvar, revise as configurações da lista.

Como configurar os dados principais da lista #

Depois de criar a lista, acesse a área de atualização ou edição da lista no MailingBoss.

Configure os dados principais:

1. Nome da lista.
2. Nome da empresa.
3. Email de remetente.
4. Informações que serão exibidas para quem receber mensagens dessa lista.

Sempre que fizer uma alteração, clique em Update ou Salvar, conforme aparecer na tela.

Essa etapa é importante porque, se você alterar algo e não salvar, a lista pode não atualizar corretamente no formulário do Builderall Builder.

Como editar os campos do formulário #

Os campos do formulário são editados dentro do MailingBoss, na configuração da lista.

Para editar:

1. Abra a lista no MailingBoss.
2. Acesse a área Forms.
3. Veja a coluna central, onde ficam os campos que aparecem no formulário.
4. Para editar o nome de um campo, clique no campo desejado.
5. Na área de edição, altere o texto que será exibido ao visitante.
6. Clique em Update ou Salvar.

Exemplo prático:

Se o campo aparece como Name, mas você quer que apareça como Nome, clique no campo correspondente e altere o texto exibido para Nome.

Esse ajuste deve ser feito dentro do MailingBoss, não diretamente no texto visual do formulário dentro do Builderall Builder.

Como adicionar campos extras ao formulário #

Dentro da área Forms da lista no MailingBoss, você pode adicionar novos campos arrastando os campos disponíveis para a coluna central.

Depois de adicionar ou editar os campos:

1. Clique em Update ou Salvar.
2. Volte para o Builderall Builder.
3. Clique no botão de atualizar listas, representado por duas setas circulares próximas ao botão de salvar.
4. Selecione novamente a lista atualizada.
5. Clique em Salvar.

Depois disso, os novos campos devem aparecer no formulário da página.

O que fazer se a lista não aparecer no Builderall Builder #

Se a lista foi criada no MailingBoss, mas ainda não aparece no Builderall Builder, faça isto:

1. Confirme se a lista foi salva corretamente no MailingBoss.
2. Volte para o Builderall Builder.
3. Clique no botão de atualização com duas setas circulares.
4. Aguarde a lista carregar.
5. Selecione a lista correta.
6. Salve o formulário.

Esse botão força o Builderall Builder a buscar as listas atualizadas do MailingBoss.

Como editar o texto do botão #

Por padrão, alguns modelos podem exibir textos genéricos, como My Button.

Para alterar o texto do botão:

1. Clique no formulário dentro da página.
2. Acesse as configurações do botão.
3. Vá até a opção de título ou texto.
4. Substitua o texto padrão pelo texto desejado.

Exemplos de bons textos para botão:

1. Quero me inscrever.
2. Receber agora.
3. Baixar material gratuito.
4. Entrar na lista.
5. Confirmar inscrição.
6. Quero participar.

Evite textos genéricos como Enviar, Clique aqui ou Submit, principalmente em páginas de captura. O botão deve deixar claro o que acontece depois do clique.

Como adicionar ícone no botão #

O botão também pode exibir um ícone.

Para configurar:

1. Clique no formulário.
2. Acesse as configurações do botão.
3. Vá até a opção Ícone.
4. Clique em Mostrar lista de ícones.
5. Escolha o ícone desejado.
6. Clique em Selecionar.
7. Defina se o ícone ficará à esquerda ou à direita do texto.

Use ícones apenas quando eles ajudarem na clareza visual. Se o botão já estiver claro, o ícone é opcional.

Como ajustar o tamanho do botão #

Você pode alterar:

1. Largura do botão.
2. Altura do botão.
3. Tamanho da fonte.
4. Margem entre o botão e os campos.
5. Posição do botão em relação ao formulário.

Um botão bom precisa ser fácil de enxergar e fácil de clicar, principalmente no celular.

Para páginas de captura, o ideal é que o botão tenha destaque visual e fique próximo aos campos, sem parecer desconectado do formulário.

Como editar o design dos campos #

Nas configurações do formulário, você pode alterar a aparência dos campos preenchidos pelo visitante.

Você pode ajustar:

1. Cor do texto.
2. Altura dos campos.
3. Altura da área de texto.
4. Borda dos campos.
5. Arredondamento das bordas.
6. Espaçamento interno.
7. Espaçamento entre os campos.

Campos com bordas levemente arredondadas costumam deixar o formulário mais moderno e visualmente agradável.

Evite campos muito pequenos, muito apertados ou com baixo contraste. O visitante precisa entender rapidamente onde preencher cada informação.

Como editar as cores do botão #

Na área de cores do botão, você pode configurar:

1. Cor de fundo.
2. Cor do texto.
3. Cor da borda.
4. Cor de fundo ao passar o mouse.
5. Arredondamento do botão.

A cor de fundo ao passar o mouse é o efeito hover. Ela aparece quando o visitante passa o cursor sobre o botão.

Esse detalhe ajuda a mostrar que o botão é clicável.

Para melhor resultado, use uma cor de botão que tenha contraste com o fundo da página. Se a página for clara, use um botão mais forte. Se a página for escura, use uma cor que se destaque.

Como ajustar a largura do formulário #

Você pode alterar a largura do formulário arrastando a bolinha de ajuste que aparece no canto inferior direito do elemento.

Para ajustar:

1. Clique no formulário.
2. Localize a bolinha de redimensionamento.
3. Clique e arraste para aumentar ou reduzir a largura.
4. Ajuste até o formulário ficar proporcional ao restante da página.

Evite deixar o formulário largo demais, principalmente se ele tiver poucos campos. Um formulário muito largo pode parecer estranho e diminuir a sensação de organização da página.

Como dividir o formulário em colunas usando Grid #

A opção Grid permite dividir os campos do formulário em colunas.

Isso ajuda quando o formulário tem muitos campos e você quer reduzir a altura visual dele.

Você pode configurar o formulário em:

1. Uma coluna.
2. Duas colunas.
3. Três colunas.
4. Quatro colunas.

Use uma coluna quando o formulário tiver poucos campos ou quando estiver priorizando a versão mobile.

Use duas colunas quando tiver mais campos e quiser deixar o formulário mais compacto no desktop.

Evite usar muitas colunas se os campos ficarem apertados ou difíceis de ler.

Como configurar o reCAPTCHA #

O reCAPTCHA ajuda a reduzir spam e inscrições automáticas feitas por robôs.

No formulário, acesse a configuração de reCAPTCHA e configure o reCAPTCHA versão 2 do Google.

Quando ativado, o visitante só conseguirá enviar o formulário depois de completar o desafio do Google.

Use reCAPTCHA principalmente quando:

1. A página estiver recebendo spam.
2. O formulário for público.
3. A captura estiver sendo usada em campanhas pagas.
4. Você quiser proteger a qualidade da lista.

Se o formulário for usado em uma página interna, fechada ou de baixo tráfego, o reCAPTCHA pode ser opcional.

Como configurar prova social no formulário #

A prova social exibe notificações na tela mostrando que outras pessoas se inscreveram.

Exemplo:

Maria se inscreveu no workshop.

Você pode configurar:

1. O texto da notificação.
2. A posição do pop up na tela.
3. Se aparece no canto superior ou inferior.
4. Se aparece do lado esquerdo ou direito.
5. A ação exibida na mensagem.

Esse recurso pode aumentar a confiança do visitante, especialmente em páginas de inscrição, eventos, workshops e materiais gratuitos.

Use com cuidado. A mensagem precisa parecer natural e verdadeira. Evite textos exagerados.

Como configurar os redirecionamentos do formulário #

Essa é uma das configurações mais importantes.

Ao clicar em Definir links, você configura para onde o visitante será enviado depois de preencher o formulário.

Você pode selecionar uma página existente no próprio site ou inserir uma URL completa.

Existem três situações principais.

Redirecionamento para lista single opt in #

Se a lista for single opt in, a pessoa entra na lista imediatamente após preencher o formulário.

Nesse caso, configure a página de confirmação de inscrição.

Exemplo de destino:

1. Página de obrigado.
2. Página com o material prometido.
3. Página de oferta.
4. Página com instruções do próximo passo.
5. Página de agendamento.

Se você não configurar essa página corretamente, a pessoa pode preencher o formulário e não entender o que deve fazer depois.

Redirecionamento para lista double opt in #

Se a lista for double opt in, a pessoa precisa confirmar a inscrição pelo email.

Nesse caso, configure a página de inscrição pendente.

Essa página deve explicar claramente que a pessoa precisa abrir o email e clicar no link de confirmação.

Exemplo de mensagem para essa página:

Sua inscrição ainda não foi concluída. Acesse seu email, encontre nossa mensagem de confirmação e clique no link para confirmar sua inscrição.

Essa etapa evita confusão. Sem essa explicação, muitos usuários acham que já estão inscritos, mas ainda não confirmaram.

Redirecionamento de remoção da lista #

Você também pode configurar uma página personalizada para confirmação de remoção da lista.

Essa página aparece quando a pessoa cancela a inscrição.

Ela pode conter uma mensagem simples, como:

Sua inscrição foi removida com sucesso.

Também pode incluir uma opção para a pessoa voltar ao site ou se inscrever novamente, se tiver cancelado por engano.

Como configurar o formulário para mobile #

Depois de configurar o formulário no desktop, revise a versão mobile.

Para acessar:

1. No Builderall Builder, vá até o canto superior esquerdo.
2. Clique no ícone de celular ao lado do nome da página.
3. Acesse a versão mobile.
4. Clique no formulário.
5. Ajuste a largura máxima para tablet e mobile.
6. Ajuste os espaçamentos laterais, superiores e inferiores.
7. Confira se todos os campos estão visíveis.
8. Confira se o botão está fácil de clicar.

No mobile, o formulário precisa ser simples, legível e confortável.

Evite campos muito pequenos, botões apertados e formulários com muitas colunas. Na maioria dos casos, uma coluna funciona melhor no celular.

Como ajustar espaçamentos no mobile #

Se o formulário estiver colado em outros elementos da página, ajuste os espaçamentos.

Procure a opção de espaçamento lateral e configure:

1. Espaçamento à esquerda.
2. Espaçamento à direita.
3. Espaçamento acima.
4. Espaçamento abaixo.

Isso ajuda o formulário a respirar visualmente e evita que ele fique grudado no texto, imagem ou botão anterior.

Como salvar e publicar #

Depois de fazer todos os ajustes:

1. Volte para a versão desktop.
2. Clique em Salvar.
3. Confirme que deseja salvar e publicar o site.
4. Acesse a página publicada.
5. Faça um teste real preenchendo o formulário.

Nunca finalize a configuração sem testar.

O teste confirma se:

1. O formulário aparece corretamente.
2. Os campos estão funcionando.
3. O botão envia os dados.
4. O contato entra na lista correta.
5. O redirecionamento está certo.
6. A página mobile está funcionando bem.

Estrutura ideal para um bom formulário #

Um formulário eficiente deve ter uma estrutura simples.

Use esta estrutura como referência:

1. Título claro #

Explique o que a pessoa vai receber ou fazer.

Exemplo:

Receba o guia gratuito no seu email.

2. Texto curto de apoio #

Explique rapidamente o benefício.

Exemplo:

Preencha seus dados abaixo para acessar o material e receber nossas próximas orientações.

3. Campos essenciais #

Peça apenas o necessário.

Para a maioria das capturas, nome e email são suficientes.

Se for usar WhatsApp ou mensagens instantâneas, adicione telefone e código do país.

4. Botão com ação clara #

O botão deve dizer o resultado da ação.

Exemplo:

Quero receber o guia.

5. Redirecionamento correto #

Depois do envio, leve a pessoa para uma página que explique o próximo passo.

6. Teste final #

Sempre teste antes de divulgar a página.

Boas práticas para campos do formulário #

Peça poucos dados. Quanto mais campos, maior a chance de a pessoa desistir.

Use nomes simples nos campos. Nome, Email e Telefone são mais claros do que Fname, Email Address ou Phone Number.

Se pedir telefone, deixe claro por que ele é necessário.

Se o formulário for para uma oferta, evento ou conteúdo gratuito, mantenha o preenchimento rápido.

Se for um formulário de qualificação, você pode usar mais campos, mas organize bem a estrutura.

Boas práticas para o botão #

O botão precisa ser específico.

Em vez de usar Enviar, prefira:

1. Quero participar.
2. Receber acesso.
3. Baixar agora.
4. Confirmar inscrição.
5. Quero meu material.

O texto do botão deve combinar com a promessa da página.

Se a página promete um ebook, o botão pode ser Baixar ebook agora.

Se promete inscrição em um evento, o botão pode ser Garantir minha vaga.

Boas práticas para redirecionamento #

Não deixe o visitante sem resposta após preencher o formulário.

Depois do envio, ele precisa saber exatamente o que aconteceu.

Use uma página de obrigado para confirmar a ação.

Exemplos de mensagens:

Sua inscrição foi concluída com sucesso.

Seu material está pronto. Clique no botão abaixo para acessar.

Sua inscrição está quase pronta. Confirme pelo email que acabamos de enviar.

A melhor página de destino depende da estratégia da lista.

Se for single opt in, a pessoa pode ir direto para a página de obrigado ou entrega.

Se for double opt in, a pessoa deve ir para uma página explicando que precisa confirmar pelo email.

Checklist antes de publicar #

Antes de divulgar a página, confira:

1. O formulário está conectado à lista correta.
2. A lista está salva e configurada no MailingBoss.
3. O email de remetente está selecionado.
4. Os campos estão com nomes claros.
5. O botão não está com texto genérico.
6. O design está legível.
7. O formulário está correto no desktop.
8. O formulário está correto no mobile.
9. O redirecionamento está configurado.
10. O teste real enviou o contato para a lista correta.
11. A página foi salva e publicada.

Solução de problemas #

A lista não aparece no Builderall Builder #

Solução:

1. Confirme se a lista foi criada e salva no MailingBoss.
2. Volte para o Builderall Builder.
3. Clique no botão de atualizar listas, com duas setas circulares.
4. Selecione a lista novamente.
5. Salve o formulário.

Os campos novos não aparecem no formulário #

Solução:

1. Volte ao MailingBoss.
2. Abra a lista.
3. Acesse Forms.
4. Confirme se os campos foram adicionados na coluna central.
5. Clique em Update ou Salvar.
6. Volte ao Builderall Builder.
7. Atualize as listas.
8. Selecione novamente a lista.
9. Salve e publique a página.

O campo aparece com nome errado #

Solução:

Edite o nome do campo dentro do MailingBoss, na área Forms da lista.

Depois salve a alteração, volte ao Builderall Builder, atualize a lista e salve o formulário novamente.

O botão aparece como My Button #

Solução:

Clique no formulário, acesse as configurações do botão e altere o texto na opção de título ou texto.

Depois salve e publique.

O formulário não redireciona para a página certa #

Solução:

1. Clique no formulário.
2. Acesse Definir links.
3. Verifique qual página está configurada.
4. Selecione a página correta ou insira a URL completa.
5. Salve.
6. Publique a página.
7. Faça um novo teste real.

A pessoa preencheu, mas não entrou como confirmada na lista #

Possível causa:

A lista pode estar configurada como double opt in.

Solução:

Peça para a pessoa verificar o email e clicar no link de confirmação.

Também configure uma página de inscrição pendente explicando esse processo logo após o envio do formulário.

O formulário fica ruim no celular #

Solução:

1. Acesse a versão mobile no Builderall Builder.
2. Clique no formulário.
3. Ajuste a largura máxima para mobile.
4. Remova colunas excessivas.
5. Ajuste os espaçamentos laterais.
6. Confira se o botão está fácil de clicar.
7. Salve e publique.

O formulário está recebendo spam #

Solução:

Ative o reCAPTCHA versão 2 do Google no formulário.

Isso ajuda a bloquear envios automáticos feitos por robôs.

O visitante não entende o que acontece depois de preencher #

Solução:

Configure uma página de obrigado ou confirmação.

Essa página deve explicar claramente o próximo passo.

Exemplo:

Sua inscrição foi recebida. Agora verifique seu email para confirmar o cadastro.

Ou:

Seu acesso foi liberado. Clique abaixo para acessar o material.

FAQ #

Preciso criar uma lista antes de usar o formulário? #

Sim. O formulário precisa estar conectado a uma lista do MailingBoss. Sem uma lista, ele não terá onde armazenar os contatos capturados.

Posso criar a lista durante a configuração do formulário? #

Sim. Se ainda não houver uma lista, você pode criar uma nova lista no MailingBoss e depois voltar ao Builderall Builder para selecioná-la.

Onde edito os campos do formulário? #

Os campos são editados dentro do MailingBoss, na área Forms da lista.

Depois de alterar os campos, volte ao Builderall Builder, atualize as listas e salve o formulário.

Onde edito o design do formulário? #

O design é editado dentro do Builderall Builder, clicando no próprio elemento do formulário.

Ali você pode alterar botão, cores, bordas, largura, altura, espaçamentos e responsividade.

Posso coletar telefone no formulário? #

Sim. Para isso, a lista precisa estar configurada para coletar código do país e telefone. Essa opção é ativada na criação ou configuração da lista no MailingBoss.

Posso usar o formulário em uma página mobile? #

Sim. Depois de configurar no desktop, acesse a versão mobile do Builderall Builder e ajuste largura, espaçamentos e organização dos campos.

O que é single opt in? #

Single opt in significa que a pessoa entra na lista imediatamente após preencher o formulário.

Nesse caso, configure uma página de confirmação de inscrição ou página de obrigado.

O que é double opt in? #

Double opt in significa que a pessoa precisa confirmar a inscrição pelo email.

Nesse caso, configure uma página de inscrição pendente explicando que ela precisa acessar o email e clicar no link de confirmação.

Preciso usar reCAPTCHA? #

Não é obrigatório em todos os casos, mas é recomendado quando o formulário é público ou quando você quer reduzir spam.

Posso enviar a pessoa para uma URL externa depois do cadastro? #

Sim. Na opção Definir links, você pode selecionar uma página do próprio site ou inserir uma URL completa.

Preciso testar o formulário antes de divulgar? #

Sim. Sempre faça um teste real antes de divulgar a página. Isso evita problemas com lista errada, campos ausentes, botão sem ação ou redirecionamento incorreto.