Os formulários personalizados permitem criar os seus próprios formulários com várias etapas e utilizá-los em vez dos formulários integrados Lead Collection ou Human Contact Form. Pode escolher os campos, a mensagem de agradecimento e o botão de envio, associando depois o formulário à secção onde pretende que seja apresentado.
Onde encontrar os formulários
Aceda a Settings > Forms (Definições > Formulários). Esta página lista os seus formulários personalizados guardados. Quando ainda não tiver criado nenhum, verá a mensagem "No custom forms yet" com o botão Create your first form (Criar o seu primeiro formulário).
Criar um formulário
Clique em New form (Novo formulário) - ou em Create your first form se a lista ainda estiver vazia - para abrir o construtor de formulários.
Construir o formulário
O construtor inclui tudo o que precisa para definir o formulário num único ecrã, com uma pré-visualização em tempo real à direita. Neste artigo, criamos um exemplo de formulário de "Pedido de catering" para uma pizzaria: o passo 1 recolhe os dados de contacto e o passo 2 faz perguntas sobre o evento.
- Form name (Nome do formulário) - um nome interno para identificar o formulário mais tarde nos menus pendentes.
- Thank-you message (Mensagem de agradecimento) - o texto de confirmação apresentado depois de um visitante enviar o formulário.
- Submit button (Botão de envio) - defina o texto do botão, selecione um ícone opcional e escolha a sua cor.
- Separadores Build (Construir) e Custom CSS (CSS personalizado) - construa os campos visualmente ou mude para o Custom CSS para aplicar os seus próprios estilos.
Adicionar campos
No separador Build, introduza um título opcional para o passo e, em seguida, clique no botão do tipo de campo que pretende adicionar. Pode adicionar os campos que forem necessários, combinando qualquer um dos tipos abaixo num único formulário.
- Name (Nome) - um campo de linha única para o nome do visitante.
- Email (E-mail) - recolhe um endereço de e-mail, com validação de formato.
- Phone number (Número de telefone) - recolhe um número de telefone.
- Date (Data) - um seletor de data.
- Time (Hora) - um seletor de hora.
- File upload (Carregamento de ficheiro) - permite ao visitante anexar e carregar um ficheiro (consulte abaixo).
- Short answer (Resposta curta) - um campo de texto livre de linha única.
- Long answer (Resposta longa) - um campo de texto maior, com várias linhas, para respostas mais detalhadas.
- Checkbox (Caixa de seleção) - uma única caixa de verificação, por exemplo para aceitar termos.
- Dropdown (Menu pendente) - um menu onde o visitante seleciona uma opção a partir de uma lista.
- Single choice (Opção única) - um conjunto de opções onde o visitante escolhe exatamente uma.
- Multiple choice (Opção múltipla) - um conjunto de opções onde o visitante pode selecionar várias em simultâneo.
Cada campo tem uma Label (Etiqueta, o que o visitante vê) e um Name (Nome, a chave interna utilizada em exportações e notificações). Pode definir um campo como Required (Obrigatório), ajustar a sua Width (Largura) para que os campos fiquem lado a lado e arrastar campos para reordená-los. Os campos Dropdown, Single choice e Multiple choice requerem também uma lista de opções, uma por linha.
Adicionar etapas
Para formulários mais extensos, divida os campos por etapas em vez de os apresentar num único ecrã longo. Clique em Add step (Adicionar etapa) para criar outra etapa e, em seguida, arraste ou adicione campos para a mesma. Cada etapa constitui o seu próprio cartão com um título opcional.
Os visitantes veem cada etapa como um ecrã separado na conversa e navegam entre elas com os botões Next (Seguinte) e Previous (Anterior), que surgem automaticamente assim que o formulário tiver mais de uma etapa. Quando um formulário tem várias etapas, o construtor também permite configurar o texto, o ícone e a cor dos botões Next e Previous.
Atribua a cada etapa um título curto e orientado para a ação (por exemplo, "Os seus dados" e, depois, "O seu pedido") para que os visitantes saibam sempre em que ponto do formulário se encontram.
Campos de carregamento de ficheiros
Um campo de File upload permite ao visitante anexar um ficheiro ao seu envio. Para cada campo de ficheiro, pode configurar:
- Accepted extensions (Extensões aceites) - uma lista separada por vírgulas, por exemplo
pdf, png, jpg. Apenas os ficheiros com estas extensões serão aceites. - Max size (Tamanho máximo) - o tamanho máximo do ficheiro em MB, até 10 MB.
Os carregamentos são validados no envio: a extensão deve constar da sua lista de extensões permitidas, o ficheiro não pode exceder o limite de tamanho e o seu conteúdo real tem de corresponder ao tipo declarado.
Pré-visualização em tempo real
O painel Live preview (Pré-visualização em tempo real) à direita mostra o formulário exatamente como os visitantes o verão, atualizando-se à medida que adiciona campos, cria etapas e altera o estilo.
Quando o formulário estiver concluído, clique em Save (Guardar). O formulário passa a figurar na sua lista em Settings > Forms.
Utilizar um formulário personalizado
Um formulário personalizado guardado não aparece aos visitantes automaticamente. Deve associá-lo a uma secção:
- Settings > Lead Collection - abra o menu pendente Form shown to the visitor (Formulário apresentado ao visitante) e selecione o seu formulário personalizado em vez do formulário integrado.
- Settings > Human Contact Form - abra o menu pendente Form shown to the visitor e selecione o seu formulário personalizado em vez do formulário integrado.
O visitante verá então o seu formulário personalizado sempre que essa secção for acionada.
Aspeto para o visitante
O formulário é apresentado dentro da janela de chat. Eis o exemplo do formulário de "Pedido de catering" associado ao Lead Collection: o visitante vê a etapa 1 com os campos de contacto e avança através do botão Next.
A etapa 2 apresenta os campos do evento, incluindo o Dropdown, a Long answer e o campo de File upload. O visitante pode retroceder com Previous ou enviar o formulário com Submit (Submeter). Após o envio, a mensagem de agradecimento definida no construtor é apresentada no chat.
Consultar envios no separador Leads
Quando um visitante envia um formulário personalizado que está associado ao Lead Collection ou ao Human Contact Form, a submissão é guardada como um lead. Aceda ao separador Leads do bot para a analisar.
A par dos dados predefinidos de Name, Email, Phone, Collected date e Entry point, a coluna Form data apresenta o envio completo: a etiqueta de cada campo seguida do valor introduzido pelo visitante, numa linha por campo. Para um campo de File upload, é indicado o nome do ficheiro carregado; tanto o e-mail de notificação de lead como a exportação em CSV (através do botão Export [Exportar] no separador Leads) incluem uma ligação direta para transferir o ficheiro.
A partir de cada lead, pode também clicar para abrir a Conversation (Conversa) completa e consultar o histórico do chat associado ao envio.