Como criar um formulário de inscrição multicanal
Com o criador de formulários da SendPulse, você pode criar um formulário de inscrição e incorporá-lo ao seu site ou blog para expandir sua base de assinantes. Campos de entrada, caixas de seleção, botões de opção, menus suspensos, elementos de mídia e outros recursos ajudarão você a projetar um formulário altamente eficaz.
Principais benefícios do criador de formulários de inscrição:
- Adicione qualquer elemento ao seu formulário apenas arrastando e soltando;
- Personalize totalmente os elementos, ajustando cores, estilos, tamanhos e outras propriedades;
- Não é necessário conhecimento técnico ou HTML para criar um formulário atrativo e eficiente.
Neste artigo, vamos mostrar como criar um formulário de inscrição multicanal usando o criador de formulários da SendPulse.
Como criar um formulário de inscrição
Um formulário de inscrição inclui diversos elementos, como campos de texto, caixas de seleção, listas e botões, além de espaçadores para organizar a disposição dos elementos.
Acesse E-mail > Formulários de inscrição e clique em Criar formulário de inscrição.
Escolha um tipo de formulário
Selecione o tipo de formulário ideal para o seu objetivo. As opções variam conforme a disposição dos elementos e a forma como o formulário aparece na página.
| Incorporado | Adiciona o formulário em um local fixo do seu site. |
| Pop-up | Exibe um formulário pop-up após um determinado tempo de permanência no site. |
| Flutuante | Exibe um formulário fixo na tela, visível enquanto o usuário rola a página. |
| Fixo | Fixa um formulário no cabeçalho, na barra lateral ou no rodapé do site. |
Você também pode escolher um modelo pronto e editá-lo no criador de formulários. Caso precise adicionar scripts e estilos personalizados via um editor externo, selecione a opção Obter código HTML sem estilos.
Selecione uma lista de endereçamento
Escolha a lista de endereçamento onde os dados dos assinantes coletados serão armazenados. Você pode selecionar listas já existentes, criar novas ou até mesmo vincular múltiplas listas.
Clique em Ir para o criador para continuar.
Adicionando elementos ao formulário de inscrição
No criador de formulários, os elementos disponíveis ficam no menu lateral esquerdo, enquanto o modelo do seu formulário aparece no centro da tela.
No canto superior esquerdo, você pode usar o ícone de adição rápida para inserir campos comuns rapidamente.
Na direita, você pode configurar qualquer elemento selecionado na aba Elemento e ajustar o design do seu formulário na aba Design.
Campo de entrada
Este elemento adiciona um campo de entrada ao seu formulário de inscrição.
Configure seu campo de entrada da seguinte forma:
| Etiqueta do campo de entrada | Insira um nome para o campo. |
| Texto de espaço reservado | Digite um texto de exemplo para indicar o tipo de dado esperado no campo de entrada. |
| Vincular a variável | Selecione uma variável do usuário no menu suspenso. Os dados coletados dos assinantes serão armazenados na variável selecionada. |
| Definir como obrigatório | Habilite essa opção para impedir que os usuários enviem o formulário sem preencher o campo. |
Caixa de seleção
Esse elemento permite que os usuários selecionem múltiplas opções de uma lista. Por exemplo, um usuário pode selecionar os tipos de conteúdo que deseja receber, como notícias, descontos, concursos ou convites para eventos.
Configure sua caixa de seleção da seguinte forma:
| Etiqueta da caixa de seleção | Insira um nome para a caixa de seleção. |
| Vincular a variável | Selecione uma variável do usuário no menu suspenso. Os dados coletados dos assinantes serão armazenados na variável selecionada. |
| Marcar como obrigatório | Habilite essa opção para impedir que os usuários enviem o formulário sem marcar a caixa de seleção. |
Se um usuário selecionar sua caixa de seleção, o sistema registrará sim, caso contrário, registrará não na variável escolhida. Os dados coletados serão armazenados na variável vinculada à sua caixa de seleção. Certifique-se de criar essa variável previamente na sua lista de endereçamento.
Botões de opção
Esse elemento permite que os usuários escolham entre várias opções.
Configure seus botões de opção da seguinte forma:
| Etiqueta do grupo de botões de opção | Insira um nome para o grupo de botões de opção. |
| Vincular a variável | Selecione uma variável do usuário no menu suspenso. Os dados coletados serão armazenados na variável selecionada. |
| Lista de opções | Adicione as opções e seus valores, que serão salvos na variável selecionada. |
Lista suspensa
Esse elemento permite que os usuários escolham entre várias opções e funciona como uma versão mais compacta dos botões de opção.
Configure sua lista suspensa da seguinte forma:
| Etiqueta da lista suspensa | Insira um nome para a lista suspensa. |
| Vincular a variável | Selecione uma variável do usuário no menu suspenso. Os dados coletados serão armazenados na variável selecionada. |
| Lista de opções | Adicione as opções e seus valores, que serão salvos na variável selecionada. |
Mensageiros
Esse elemento adiciona botões de redes sociais ao seu formulário de inscrição. Clique em Adicionar um botão, selecione uma plataforma de rede social e insira o link do seu perfil. Defina o alinhamento do botão: centralizado, à direita ou à esquerda.
Com os botões do Facebook Messenger e Telegram, você pode selecionar um chatbot para o qual os usuários serão inscritos ao enviar o formulário. Escolha um chatbot e o fluxo que será ativado no momento da inscrição.
Texto
Esse elemento adiciona um bloco de texto ao seu formulário de inscrição. Na aba Elemento, você pode escolher a fonte, ajustar o espaçamento entre linhas com a configuração Altura da linha e formatar o texto da seguinte forma:
| Estilo do texto | Selecione um estilo de texto: negrito ou itálico. |
| Cor do texto | Escolha uma cor para o texto. |
| Inserir/editar link | Adicione um hiperlink ao texto selecionado ou digite um texto com hiperlink.
Adicione um texto que aparecerá ao passar o cursor sobre o link e defina se o link deve ser aberto na mesma aba ou em uma nova aba. |
| Alinhamento | Defina o alinhamento do texto: centralizado, à esquerda ou à direita. |
| Tamanho da fonte | Escolha o tamanho do texto. |
| Código | Acesse o código-fonte do seu elemento de texto. |
| Orientação do texto | Defina a direção do texto: da direita para a esquerda ou da esquerda para a direita. |
Imagem
Esse elemento adiciona imagens ao seu formulário de inscrição. Na aba Elemento, defina o alinhamento: centralizado, à direita ou à esquerda.
Espaçador
Esse elemento adiciona espaçamento entre as seções do seu formulário de inscrição. Na aba Elemento, defina a altura do espaçador.
Personalize seu formulário de inscrição
Você pode ajustar seu formulário configurando o plano de fundo, arredondamento dos cantos, largura, entre outros elementos.
Personalize o estilo do seu formulário de inscrição da seguinte forma:
| Orientação dos campos | Organize seu formulário na orientação vertical ou horizontal. |
| Largura total | Ative essa opção para estender o plano de fundo do formulário por toda a largura da página. |
| Largura | Defina a largura do formulário entre 200 e 960 pixels. |
| Plano de fundo do formulário | Escolha uma cor de fundo e defina a transparência para harmonizar com seu site. |
| Imagem de fundo | Ative essa opção para definir uma imagem de fundo. A imagem deve ter no máximo 496x600 pixels e 102 KB. |
| Borda do formulário | Defina a espessura e a cor da borda do formulário. |
| Espalamento interno | Configure o espaço entre o conteúdo do elemento e sua borda. |
| Cantos arredondados | Defina o grau de arredondamento dos cantos. |
| Fonte | Escolha uma fonte universal para o texto do seu formulário. |
| Plano de fundo | Defina a cor e a transparência do plano de fundo.
Aplicável apenas para formulários pop-up. |
| Efeito de exibição | Escolha uma animação para exibir o formulário: balançar, expandir/retrair, fade, deslizar (superior/direita/inferior/esquerda) ou girar.
Aplicável apenas para formulários pop-up. |
Em Campos de entrada e rótulos, personalize os elementos do seu formulário de inscrição.
| Tamanho do campo | Selecione o tamanho dos campos e elementos: pequeno, médio ou grande. |
| Plano de fundo do campo | Escolha a cor de fundo do campo. |
| Bordas | Defina a espessura e a cor da borda do campo. |
| Cantos arredondados | Defina o grau de arredondamento dos cantos. |
| Posição dos rótulos | Selecione a posição do nome do campo: acima do campo, à esquerda do campo, como dica dentro do campo.
Você também pode definir o tamanho e a cor da fonte dos rótulos e torná-los negrito ou itálico. |
| Exibir o logo da SendPulse | Ative essa opção para exibir o logotipo da SendPulse no seu formulário de inscrição. |
| Alinhamento | Selecione o alinhamento do logotipo da SendPulse: esquerda, centro ou direita. |
Configurar opções do formulário
Clique em Opções do formulário para acessar as configurações avançadas do formulário de inscrição.
Dados do formulário e tipo
Nesta seção, configure a transferência de dados e selecione um tipo de formulário:
| Nome do formulário | Digite um nome para o formulário de inscrição. |
| Lista de endereçamento | Selecione as listas de endereçamento onde os dados coletados dos assinantes serão armazenados. |
| Adicionar assinantes ao CRM | Ative essa opção para transferir automaticamente os dados dos assinantes para sua lista de contatos no CRM. |
| Definir tag(s) | Adicione tags ao seu formulário de inscrição para facilitar sua localização na lista. |
| Domínios do formulário | Adicione o domínio do seu site. Certifique-se de incluir também seu subdomínio. Por exemplo, se seu site estiver hospedado em www.exemplo.com, inclua "www" no nome do domínio.
Fornecer um domínio incorreto impedirá os usuários de se inscreverem pelo seu formulário. |
| Este formulário está em conformidade com a GDPR | Ative essa opção para adicionar variáveis de consentimento para processamento de dados e usá-las no formulário. |
| Idioma dos erros e notificações | Selecione o idioma das mensagens de erro e notificações. |
| Tipo de formulário | Selecione um tipo de formulário: Incorporado, Pop-up ou Flutuante. |
| Condição de exibição | Defina como o formulário aparecerá no seu site. Ele pode ser exibido após um atraso quando um usuário acessa a página.
A opção Ocultar no celular permite que o formulário não seja exibido para usuários de dispositivos móveis. |
| Exibir novamente | Defina o intervalo de exibição para alguns dias, evitando que o formulário seja mostrado novamente para usuários que o fecharam sem se inscrever. |
| Exibir em páginas | Exiba seu formulário de inscrição em todas as páginas do site ou exclua páginas específicas. |
Notificação de inscrição
Uma notificação de inscrição será exibida assim que um usuário preencher e enviar seu formulário de inscrição.
Você pode editar sua notificação de inscrição da seguinte forma:
| Estilo do texto | Selecione um estilo de texto: negrito ou itálico. |
| Cor do texto | Selecione uma cor para o texto. |
| Inserir/Editar link | Adicione um hiperlink ao texto selecionado ou digite um texto com hiperlink.
Adicione um texto que será exibido ao passar o cursor sobre o link e decida se ele deve ser aberto na mesma aba ou em uma nova aba. |
| Alinhamento | Defina o alinhamento do texto: centro, esquerda ou direita. |
| Tamanho da fonte | Selecione um tamanho para o texto. |
| Código | Acesse o código-fonte do seu elemento de texto. |
| Orientação do texto | Defina a direção do texto: da direita para a esquerda ou da esquerda para a direita. |
Configurações de confirmação
Se você ativar a opção Habilitar dupla confirmação, os usuários receberão um e-mail solicitando a confirmação da inscrição. Você pode editar o endereço de e-mail do remetente, a linha de assunto e o corpo do e-mail usando o editor abaixo.
Ao configurar e-mails de confirmação de inscrição, utilize um endereço de e-mail com um domínio corporativo. Isso ajudará a evitar filtros de spam e tornará o remetente mais reconhecível para os destinatários.
Você também pode personalizar os e-mails de confirmação de inscrição. Para isso, insira variáveis no texto do e-mail usando %name% ou {{name}} Certifique-se de criar essas variáveis na sua lista de endereçamento e vinculá-las aos campos do formulário de inscrição.
Página de confirmação
Selecione uma opção: Exibir a página padrão de agradecimento ou Redirecionar para minha própria página de agradecimento. Se você selecionar a segunda opção, adicione o link do seu site.
Para criar uma página personalizada de confirmação de inscrição, vá para Formulários de inscrição > Páginas de confirmação de inscrição > Nova página de confirmação de inscrição.
Análises e estatísticas
Nesta seção, você pode habilitar o rastreamento de inscrições no Google Analytics e coletar tags.
Incorporar o código do formulário de inscrição
Para adicionar o formulário de inscrição ao seu site, você pode precisar do código correspondente. Para obter o código do formulário, clique no botão de opções à direita de Salvar e selecione Salvar e obter código.
Para permitir que os usuários enviem o formulário, seu site deve incluir o cabeçalho Referer, que indica a origem da solicitação.
Adicione o código dentro das tags <body> no seu site.
Se o seu site for baseado em WordPress, você pode adicionar o formulário de inscrição usando o plugin da SendPulse. Como alternativa, você pode incorporar o código do formulário usando o Google Tag Manager.
Visualizar sua lista de assinantes coletados
Você pode visualizar os dados coletados dos assinantes organizados por data de inscrição ou por variável associada ao nome do formulário. Se você estiver usando a dupla confirmação e um usuário não confirmar sua inscrição por e-mail, ele não será adicionado à sua lista de endereçamento e você não poderá rastreá-lo.
Validar os dados dos assinantes com reCAPTCHA
O Captcha ajuda a proteger sua lista de endereçamento contra inscrições falsas, evitando que seus e-mails sejam marcados como spam. Se o número de inscrições diárias ultrapassar 100, o reCAPTCHA será ativado. Após a verificação, os usuários serão redirecionados para a página anterior dentro de 10 segundos.
Última Atualização: 24.02.2025
ou