Pular para o conteúdo principal

Montar o formulário

Resumo​

O formulário é a porta de entrada do seu site: quem preenche vira lead no quadro na hora, mesmo se desistir no meio. Esta página mostra o editor — onde você decide o que perguntar, em quantas etapas, com que cara, e o que acontece no fim.

Para criar o formulário, ligar e escolher a coluna do funil, veja Captar leads sozinho. Para colocar no site, veja Formulário no seu site.

Quem mexe aqui

Os formulários fazem parte de todos os planos. O editor é do administrador da empresa: quem não administra vê só o Dia a dia. O botão de ação (e, com ele, o campo de senha) é do plano Enterprise.

Onde fica​

No menu lateral, Captação → Formulários do site. No cartão do formulário, clique em Editar. Abre a tela Editar formulário: as abas no alto, os campos à esquerda e a PRÉVIA à direita, mostrando o formulário como o visitante vê.

As abas são:

AbaO que tem
GeralNome interno (só a equipe vê), Título (aparece no topo do formulário), Apresentação (uma frase dizendo por que vale a pena preencher) e Cor dos botões.
Etapa 1, Etapa 2...Uma aba por etapa, com as perguntas dela. A aba + Etapa cria mais uma.
Depois de enviarO texto do botão de enviar e a mensagem final.

Mudou o que queria? Clique em Salvar. Se faltar alguma coisa, a tela diz o quê antes de salvar — por exemplo, "Peça pelo menos o nome, o WhatsApp ou o e-mail: sem isso ninguém vira lead."

As etapas​

Cada etapa tem um Título da etapa, Instruções (opcional) — aparecem no topo da etapa, antes dos campos — e as PERGUNTAS. Para tirar uma etapa, use Remover etapa.

Pergunte pouco por etapa. Nome e WhatsApp na primeira, e o que é do seu negócio (a data do evento, o serviço que a pessoa procura) na seguinte: quem passou da primeira já virou lead.

O botão da etapa​

Embaixo das perguntas, a seção BOTÃO DA ETAPA traz o texto do botão: Texto do botão de avançar nas etapas do meio (padrão "Continuar") e Texto do botão de envio final na última (por exemplo, "Quero meu orçamento").

Adicionar uma pergunta​

Clique em Adicionar pergunta. O menu tem três grupos:

Campos prontos — Nome, WhatsApp, E-mail, Empresa, Mensagem, CEP, Número do endereço e CPF/CNPJ. Eles vão direto para o campo certo do lead, e o tipo deles é fixo (aparece com um cadeado): um "E-mail" que aceitasse qualquer texto não viraria e-mail válido no lead. Cada campo pronto entra uma vez só.

Pergunta personalizada — a pergunta do seu negócio. Escolha o tipo:

TipoPara quê
Texto curtoUma linha: "Nome da escola".
Texto longoUm parágrafo: "Conte o que você imagina".
Número"Quantos convidados?"
Data"Data do evento".
Lista de opçõesEscolher uma: em Opções, separadas por vírgula, escreva "Aniversário, Evento da escola, Outro".
Telefone, E-mail, CEP, CPF/CNPJ, Número do endereçoCom a máscara e a conferência de cada um. No CPF/CNPJ, em Aceita, escolha Só CPF, Só CNPJ ou CPF ou CNPJ: o dígito é conferido antes de seguir.
Seleção por cardsEscolher um cartão, com imagem (ver abaixo).
SenhaVer abaixo — só com botão de ação.

Itens de exibição — Texto (não pergunta nada, só aparece; com Tamanho Pequeno, Médio ou Grande, Negrito, Sublinhado e a cor) e Linha divisória.

Em cada pergunta você ainda escolhe:

  • Pergunta — o texto que o visitante lê;
  • Obrigatória — sem resposta, a etapa não segue;
  • Largura — Linha inteira ou Ao lado direito (meia linha), para pôr duas perguntas curtas lado a lado;
  • Texto de ajuda embaixo do campo (opcional);
  • Subir, Descer e Remover pergunta.

Embaixo de cada pergunta a tela diz para onde a resposta vai: Vai para o campo "..." do lead ou Fica nos dados extras do lead. As respostas próprias aparecem na ficha do lead, no bloco DE ONDE VEIO.

O WhatsApp com o país

O campo de WhatsApp vem em duas partes no site: o país, já com o Brasil (+55), e o número com DDD. Quem é de fora escolhe o próprio país, e o número chega certo ao seu funil.

Cards de seleção com imagem​

Para quando a escolha fica melhor com foto: o pacote, o tema da festa, o modelo do produto. O visitante toca num cartão, e o valor daquele cartão vai para o lead.

  1. Em Adicionar pergunta, escolha Cards de seleção com imagem. Ele já nasce com um card de exemplo.
  2. Escreva a Pergunta (por exemplo, "Qual pacote combina com você?").
  3. Em Disposição, escolha Lado a lado ou Linha a linha.
  4. Em cada CARD:
    • Adicionar imagem (opcional) — PNG, JPG ou WebP, até 2 MB;
    • as LINHAS DE TEXTO DO CARD — cada linha tem o Texto principal e, se quiser, um Texto secundário (lado direito) (bom para o preço). Até 6 linhas por card;
    • o Valor gravado — o que fica salvo no lead (ou é enviado na integração), por exemplo kids ou premium. Cada card precisa de um valor diferente.
  5. Adicionar card para mais um (até 12), e Subir o card / Descer o card para mudar a ordem.

Campo de senha, com confirmação​

Para formulários que criam uma conta no sistema da sua empresa (um portal, uma área do cliente). A senha nunca vai para o lead e não fica guardada no navegador do visitante: ela só segue no clique do botão de ação, direto para o sistema da sua empresa.

  1. Em Adicionar pergunta, escolha Campo de senha.
  2. Deixe ligado Exigir confirmação de senha: o formulário pede a senha duas vezes e confere se coincidem.
  3. Em Tamanho mínimo, escolha entre 6 e 64 caracteres (o padrão é 8).
Senha sem botão de ação não salva

O campo de senha precisa de um botão de ação na mesma etapa ou numa etapa seguinte — é ele que leva a senha. Sem isso, a tela avisa e não deixa salvar. Como o botão de ação é do plano Enterprise, o campo de senha também é.

O botão de agendar reunião​

O formulário pode oferecer a reunião (ou a visita) na hora: numa etapa que você escolhe, aparece um botão de agendar ao lado do "Continuar" (ou do "Enviar"). Quem quer só deixar o contato segue pelo de sempre; quem quer marcar já escolhe o horário, sem sair do seu site.

Antes, a agenda da empresa precisa estar conectada e você precisa ter pelo menos um tipo de reunião com horário aberto — veja Agendar reuniões.

Abra a etapa em que o botão deve aparecer (normalmente a primeira) e desça até Botão de agendar reunião:

  1. Ligue a chave Botão de agendar reunião. O botão fica em uma etapa só; ligar em outra etapa leva o botão para ela.
  2. Em Texto do botão, escreva o convite — "Agendar uma demonstração", "Marcar minha visita".
  3. Em Posição em relação ao "Continuar"/"Enviar", escolha Acima, Abaixo, À esquerda ou À direita.
  4. Em Qual tipo de reunião o botão abre, escolha um dos seus tipos de reunião. A linha Horários oferecidos confirma o que o visitante vai ver. Ainda não tem nenhum? Use Criar tipo de reunião.
  5. O Título dentro do calendário é opcional. Em branco, fica "Escolha o melhor horário para você".

O que o visitante vê. Ele clica no botão de agendar e:

  1. o formulário confere os campos da etapa e registra o contato na hora — ele vira lead mesmo se desistir de marcar;
  2. o calendário abre dentro da própria página, só com os horários livres; ele escolhe o dia, clica num horário e em Confirmar;
  3. marcou, o formulário segue para a próxima etapa, ou termina, se aquela era a última.

Se fechar o calendário, continua na mesma etapa e pode seguir pelo "Continuar" de sempre.

Ninguém marca em cima de ninguém

O horário sai da lista no instante em que alguém o reserva. Se duas pessoas clicarem no mesmo horário ao mesmo tempo, a segunda recebe "Esse horário acabou de ser reservado. Escolha outro, por favor." e a lista se atualiza sozinha.

Depois de enviar​

A aba Depois de enviar tem o Texto do botão de enviar e os dois finais possíveis:

  • QUEM MARCA A REUNIÃO — Título depois de agendar (padrão "Reunião agendada!") e Mensagem depois de agendar. O final mostra também o dia e a hora, a duração, o botão da videochamada e o aviso de que o convite foi para o e-mail da pessoa.
  • QUEM NÃO MARCA — Título de agradecimento (padrão "Recebemos seu contato!") e Mensagem de agradecimento (padrão "Em breve um especialista vai entrar em contato com você.").

A PRÉVIA · DEPOIS DE ENVIAR mostra os dois: Quem agendou e Quem não agendou.

O botão de ação (plano Enterprise)​

O botão de ação manda o que o visitante preencheu até aquela etapa para a API do sistema da sua empresa — por exemplo, para criar a conta dele no seu portal. É do plano Enterprise, como os webhooks: é preciso alguém técnico do outro lado para receber a chamada. O formulário continua funcionando sem ele.

Cadastrar a integração​

A integração é o endereço que recebe os dados. No editor, use Cadastrar integração (ou Gerenciar integrações) e preencha Nova Integração de Formulário:

  1. Nome da integração — por exemplo, "CRM Externo".
  2. URL da API — precisa começar com https://.
  3. Método HTTP.
  4. Autenticação Básica (opcional) — Usuário e Senha. Sem usuário, a chamada sai sem autenticação. A senha fica guardada cifrada.
  5. Mapeamento de Campos — para cada Campo do Formulário, a Chave no JSON com que ele chega na API (por exemplo, Nome → firstName). Só o que estiver aqui é enviado.
  6. Testar — salva o que está na tela e faz a chamada de verdade, com "teste" em cada campo. A tela diz se funcionou e em quanto tempo.
  7. Salvar Integração.

Pôr o botão na etapa​

  1. Abra a etapa e, em BOTÃO DA ETAPA, clique em Incluir botão de ação (API externa) (ou escolha Botão de ação (enviar para API) em Adicionar pergunta). Cabe um botão de ação por etapa.
  2. Escreva o Texto do botão — "Enviar cadastro", "Confirmar e prosseguir".
  3. Em Qual integração este botão aciona, escolha a integração.
  4. Escolha a Posição em relação ao botão de avançar da etapa.
  5. Se a etapa deve avançar só pelo botão de ação, marque Ocultar botão "Continuar" padrão desta etapa (ou o de envio, na última).
O lead vem primeiro

O clique salva o lead antes, e só então o servidor da Raili chama o seu sistema — o navegador do visitante nunca vê o endereço nem a senha da integração. Dando certo ou não, o visitante segue o formulário; a falha aparece na linha do tempo do lead. Por isso o botão de ação precisa de nome, e-mail ou WhatsApp perguntado até a etapa dele.

E depois​