Os formulários personalizados permitem criar os seus próprios formulários com várias etapas e utilizá-los em vez dos recursos integrados Lead Collection ou Human Contact Form. Escolha os campos, a mensagem de agradecimento e o botão de envio, vinculando depois o formulário à secção onde pretende que este seja apresentado.
Onde encontrar os formulários
Selecione o seu chatbot e navegue até Settings > Forms (Definições > Formulários). Esta página lista os seus formulários personalizados guardados. Quando ainda não tiver criado nenhum, a mensagem "No custom forms yet" é apresentada juntamente com o botão Create your first form (Criar o seu primeiro formulário). Os formulários personalizados estão disponíveis como uma funcionalidade premium - surge um aviso para atualizar o plano se o seu plano atual não os incluir.
Criar um formulário
Clique em New form (Novo formulário) - ou em Create your first form quando a lista ainda estiver vazia - para abrir o construtor de formulários.
Construir o formulário
O construtor dispõe de tudo o que necessita para definir o formulário num único ecrã, com uma pré-visualização em tempo real à direita. No caso de uma pizzaria, por exemplo, pode recolher os dados de contacto na primeira etapa e as preferências do pedido na segunda.
- Form name (Nome do formulário) - um nome interno para poder identificar o formulário nos menus pendentes mais tarde.
- 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 respetiva cor.
- Separadores Build (Construção) 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, atribua um título opcional à etapa e, em seguida, clique num botão de tipo de campo para adicionar esse campo. Um formulário suporta até 10 etapas, 50 campos no total e 3 campos de File upload (Carregamento de ficheiro). Os campos de seleção suportam até 100 opções cada.
- Name (Nome) - um campo de linha única para o nome do visitante.
- Email - recolhe um endereço de e-mail, validado como tal.
- 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 várias linhas de maiores dimensões para respostas mais extensas.
- Checkbox (Caixa de verificação) - uma caixa de seleção única, por exemplo, para aceitar termos.
- Dropdown (Menu pendente) - um menu onde o visitante seleciona uma opção de uma lista.
- Single choice (Opção única) - um conjunto de opções onde o visitante seleciona rigorosamente 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 marcar um campo como Required (Obrigatório), definir a sua Width (Largura) para que os campos fiquem lado a lado e arrastar os campos para reordená-los. Os campos Dropdown, Single choice e Multiple choice também recebem uma lista de opções, uma por linha.
Adicionar etapas
Para formulários mais extensos, divida os campos por etapas em vez de os manter num único ecrã longo. Clique em Add step (Adicionar etapa) e, em seguida, adicione campos a essa etapa. Arrastar os campos permite reordená-los dentro de uma etapa. Cada etapa funciona como um cartão próprio com um título opcional.
Os visitantes veem cada etapa como um ecrã separado no chat e avançam 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 inclui várias etapas, o construtor também permite configurar o texto, o ícone e a cor para os 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 onde estão no formulário.
Campos de carregamento de ficheiro
Um campo File upload permite que o visitante anexe 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 são permitidos. - Max size (Tamanho máximo) - o tamanho máximo do ficheiro em MB, até 10 MB.
Os carregamentos são validados no momento do envio: a extensão tem de constar da lista permitida, o ficheiro deve respeitar 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 pronto, clique em Save (Guardar). O formulário passa a constar da sua lista em Settings > Forms.
Utilizar um formulário personalizado
Um formulário personalizado guardado não é apresentado aos visitantes de forma autónoma. É necessário vinculá-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.
Ative primeiro a secção pretendida. A secção Lead Collection lista os formulários que contêm um campo Name e um campo Email ou Phone number. A secção Human Contact Form lista os formulários que contêm um campo Email; o seu primeiro campo Long answer fornece a mensagem de suporte. Consulte Recolha de leads e Formulário de contacto com o suporte humano para obter informações sobre acionadores e definições de notificação.
Também pode disponibilizar um formulário de forma independente através de Settings > Actions > Add action for custom form (Definições > Ações > Adicionar ação para formulário personalizado). Configure o momento em que a IA deve apresentá-lo; guardar o formulário por si só não ativa uma ação.
Como surge para o visitante
Recolher um pedido estruturado
Crie um formulário e associe-o a uma funcionalidade ou ação suportada. Os valores de exemplo vêm pré-preenchidos; a demonstração não envia um pedido real nem confirma uma reserva.
Visitante: Gostaria de solicitar uma mesa para sexta-feira.
Reproduza o exemplo ou leia-o abaixo. Não são utilizados dados reais de clientes.Um pedido relevante aciona o formulário configurado.
A reprodução pausa quando este exemplo sai do ecrã. Isto é uma simulação, não um chat em direto. Os controlos do widget dentro da reprodução não são interativos.Ler o exemplo completo
- Um pedido relevante aciona o formulário configurado.
Visitante: Gostaria de solicitar uma mesa para sexta-feira.
- Primeiro, o visitante preenche os seus dados de contacto.
Nome: Anna Weber; Email: anna@example.com
- Seguinte avança para as preferências do pedido; Voltar regressa aos dados de contacto.
Hora de preferência: Sexta-feira, 19:00; Número de pessoas: 4
- Valores de exemplo recolhidos pelo formulário.
Nome: Anna Weber; Email: anna@example.com; Hora de preferência: Sexta-feira, 19:00; Número de pessoas: 4
- Um pedido recebido não é uma reserva confirmada.
Assistente: O seu pedido foi recebido. A equipa confirmará a disponibilidade.
O formulário surge dentro da janela de chat. A animação apresenta um pedido de mesa com dados de contacto, seguido pelas preferências do pedido. As capturas de ecrã estáticas abaixo mostram um pedido separado de encomenda de pizza: o visitante preenche primeiro Your details (Os seus dados) e, em seguida, avança para o passo seguinte.
Ver a captura de ecrã estática
O passo 2, Order preferences (Preferências do pedido), apresenta um menu pendente Preferred pizza (Pizza preferida) e Additional notes (Notas adicionais). O visitante pode retroceder através de Back (Voltar) ou enviar através de Send request (Enviar pedido). Estas são as etiquetas dos botões configuradas para este exemplo; o seu formulário utiliza as etiquetas que definir no construtor. Após o envio, a mensagem de agradecimento configurada surge no chat. Este exemplo não inclui um campo de carregamento de ficheiros.
Ver a captura de ecrã estática
Ver os envios no separador Leads
Quando um visitante submete um formulário personalizado que está vinculado a Lead Collection ou ao Human Contact Form, o envio é guardado como um lead. Abra o separador Leads do bot para o rever.
A par dos campos predefinidos Name, Email, Phone, Collected date e Entry point, a coluna Form data (Dados do formulário) mostra o envio completo: a etiqueta de cada campo seguida do valor introduzido pelo visitante, numa linha por campo. No caso de um campo File upload, é apresentado o nome do ficheiro carregado; tanto o e-mail de notificação de lead como a exportação CSV (o botão Export [Exportar] no separador Leads) incluem uma ligação para descarregar o próprio ficheiro.
A partir de cada lead, pode também aceder diretamente à Conversation (Conversa) completa para consultar o diálogo do chat associado a esse envio.
Teste o acionador selecionado em Overview (Visão geral), conclua todas as etapas e envie o formulário. Confirme a mensagem de agradecimento e verifique o envio guardado. Se as notificações estiverem ativadas, teste a entrega de notificações utilizando um endereço sob o seu controlo. Os formulários associados a ações autónomas são registados na conversa; não assuma que cada envio autónomo cria um lead.