Searching for

Criação e instalação

Os Web forms são formulários dinâmicos que podem ser adicionados às suas páginas web ou produto. Todo o visual do formulário é editável diretamente no sistema, e quando finalizado, um código Javascript é gerado para que você possa facilmente instalar o formulário em sua página. Outra opção é selecioná-lo diretamente no menu de componentes do construtor de páginas drag-and-drop.

Criando um formulário de captação de leads

Para criar um novo formulário para aquisição de leads:

  1. Navegue até o menu Settings > Form > Web form
  2. Clique no Botão de Adicionar Botão de Adicionar para criar um novo Web form
  3. Dê um nome do seu novo formulário
  4. Clique no botão Create para finalizar a criação

Settings > Form > Web form

Alterando as configurações do formulário

Settings > Form > Web form > Settings

Depois de criado, você será levado até a visão geral do seu formulário, na aba Settings, onde as seguintes informações estarão disponíveis:

  • Name: nome do seu formulário, que pode ser alterado normalmente;
  • Insert on list: adicione o contato em uma lista já criada após o preenchimento;
  • Start an automation: adicione o contato a um fluxo de automação após o preenchimento ;
  • Email account: escolha por qual conta de envio de e-mail a confirmação de cadastro será enviada;
  • Confirmation email template: selecione um modelo de e-mail para envio de confirmação;
  • Success email template: selecione um modelo de e-mail para enviar o e-mail de sucesso;
  • On success: selecione qual ação será feita após o cadastro - Message ou Redirect;
  • Success Message : mensagem de sucesso caso selecione a opção Message;
  • Success URL Redirect : endereço onde o contato será redirecionado, caso selecione a opção Redirect;
  • Prevent fake submit: selecione a Caixa de Seleção Caixa de Seleção para adicionar uma verificação de SPAM ao formulário;

Criando um formulário de contato

O Contact form, conhecido como formulário de contato, é um formulário onde o usuário preenche, além de suas informações de contato, uma mensagem para sua empresa, notificando um usuário do sistema para atendê-lo. Este formulário é utilizado pelos visitantes do website para realizar contato com a empresa, como tirar dúvidas sobre os serviços ou produtos oferecidos, ou também para solicitar ajuda da equipe de suporte

  1. Navegue até o menu Settings > Form > Contact form
  2. Clique no Botão de Adicionar Botão de Adicionar para criar um novo Web form
  3. Dê um nome do seu novo formulário
  4. Clique no botão Create para finalizar a criação

Alterando as configurações do formulário

Depois de criado, você será levado até a visão geral do seu formulário, na aba Settings, onde as seguintes informações estarão disponíveis:

  • Name: nome do seu formulário, que pode ser alterado normalmente.
  • Insert on list: adicione o contato em uma lista já criada após o preenchimento;
  • Start an automation: adicione o contato à um fluxo de automação após o preenchimento ;
  • Prevent fake submit: selecione a caixa de seleção Caixa de Seleção para adicionar uma verificação de SPAM ao formulário;
  • On success: selecione qual ação será feita após o cadastro - Message ou Redirect;
  • Success Message: mensagem de sucesso caso selecione a opção Message;
  • Success URL Redirect: endereço onde o contato será redirecionado, caso selecione a opção Redirect;
  • Default queue: fila de atendimento à qual o contato do visitante será adicionado;
  • Subject: linha de assunto que expresse a razão do contato. Conta com as seguintes opções:
  • User input: o usuário deve preencher a razão do contato;
  • Preset: o usuário escolhe uma opção predefinida (clique em Edit presets para editar a lista de opções);
  • Fixed: o assunto do formulário terá um texto predefinido. Digite o texto desejado na caixa Fixed subject.

Para utilizar o formulário de contato, você antes precisa criar uma fila de atendimento no menu Settings > Conversations > Queues. Saiba mais sobre esse recurso na nossa central de ajuda.

Editar campos do seu formulário

  1. Navegue até o menu Settings > Form > Web form ou Contact Form
  2. Escolha o formulário desejado na lista
  3. No menu principal, clique na aba Design

Settings > Form > Web form / Contact Form > Form

Você será direcionado à página de edição do formulário, onde será possível ver três itens principais:

  • À esquerda da página, os campos que podem ser adicionados ao formulário;
  • No centro da página, uma prévia do visual do formulário;
  • À direita da página, as opções visuais do formulário selecionado;

Alterando os campos do formulário

Settings > Form > Web form / Contact Form > Edit Form

À esquerda da página, você terá uma seleção de todos os Fields, campos que podem ser adicionados ao formulário selecionado. É possível escolher tanto campos padrão do sistema quanto Custom Fields criados por você.

Você tem a opção de criar um novo Custom Field diretamente na página de edição do webform. Basta expandir a lista de campos personalizados Contact ou Company, e clicar no botão Add field. </aside>

Adicionar campos

Para adicionar um novo campo ao seu formulário, escolha o campo expandindo as opções Contact, Company ou Custom Fields, e então clique e arraste o campo escolhido até o formulário, na posição desejada.

Configurar campos

A configuração e alteração do visual dos campos escolhidos para seu formulário é realizada no menu à direita da tela, na opção Fields. Após expandir a lista suspensa, você terá uma visão de todos os campos já adicionados ao formulário.

Clicando em um dos campos, você terá acesso a seis opções de configuração:

  • Hidden: indica se o campo ficará visível ou invisível quando o formulário for carregado;
  • Required: definir se o preenchimento do campo é obrigatório para o envio dos dados;
  • Label: o nome exibido acima do campo do formulário;
  • Placeholder: o texto padrão exibido enquanto o campo estiver vazio;
  • Validation: adicionar um método de validação no campo escolhido, como Email ou URL para evitar spam;
  • Max Lenght: o máximo de caracteres que podem ser digitados no campo;

Caso o campo adicionado por você seja do tipo Dropdown (lista suspensa), você terá acesso a configurações diferentes:

  • First Option: a primeira opção que será exibida no campo, semelhante à opção Placeholder;
  • Default Option: definir uma opção padrão que é selecionada no carregamento do formulário;

Remover campos

Caso queria remover um campo que foi adicionado ao seu formulário, clique no Ícone de Lixeira Ícone de Lixeira para excluí-lo.

Se você remover um campo com opções já configuradas, estas alterações serão perdidas.

Próximos passos