O que é o Webchat Form?

É o passo a passo nativo da Botmaker projetado exclusivamente para o canal de WebChat. Ele permite criar pesquisas, agendamentos e formulários de forma estruturada, priorizando a experiência do usuário (UX) por meio de uma interface moderna e precisa.

• Permite liberar o potencial humano, deixando que a tecnologia resolva processos repetitivos e complexos.
• Oferece um serviço mais eficiente e escalável sem perder a qualidade na comunicação.
• Não possui custo adicional por seu uso.

Conceitos-chave e benefícios

• Interações guiadas: Oferece validação em tempo real das informações inseridas pelo usuário.
• Gestão de dados: As informações coletadas são salvas automaticamente em variáveis dentro da plataforma.
• Praticidade: Acesso a modelos pré-definidos (templates) de acordo com diferentes objetivos de negócio.
• Personalização: Adaptação da identidade visual (estilos) para coincidir com a estética do seu site.

Como configurar um Webchat Form

Passo 1: Criar o formulário

• Acesse a seção de Webchat Form no botdesigner.

• Clique em “Criar”.

• Defina um Título e selecione um Estilo visual (baseado nas suas configurações de Webchat).

• Selecione um modelo: Você pode começar com um "Formulário vazio" ou escolher uma das opções pré-criadas:
• • Fazer login.
  • Inscrever-se.
  • Registrar evento.
  • Pesquisa.
  • Obter feedback.
  • Obter suporte.
  • Atualizar preferências.
  • Registrar-se para uma conta.
  • Reservar mesa.
  • Obter cotação.

Passo 2: Personalizar o design e a lógica

Dentro do editor, você poderá ver uma Pré-visualização ao vivo à direita.

• Designer: Permite editar textos, adicionar telas e novos componentes.

• Variáveis: Configura onde a informação de cada campo será armazenada. Tenha em mente que as variáveis mudarão de acordo com o formulário que você estiver criando.

• Edição avançada: Embora seja uma experiência no-code, você pode realizar ajustes manuais dentro do código para mudanças específicas; cada alteração impactará automaticamente a pré-visualização.

• Estilo: Você pode escolher a paleta de cores do formulário com base nos designs de Webchats que já possui criados no projeto.

• Telas: Cada formulário possui diferentes telas conforme o progresso. Você pode modificar cada uma delas.

Para poder utilizar o formulário, você deverá clicar em “Publicar”. Uma vez publicado, poderá retornar ao editor e modificar o que for necessário.

Passo 3: Inserção no Botdesigner

Para ativar o formulário em uma conversa:

• No Botdesigner, selecione o bloco onde deseja solicitar a informação.

• Clique em Adicionar entrada do usuário. Selecione Webchat Form na lista de opções.

• Escolha o formulário que você criou anteriormente. Escreva o texto que o acompanha e o botão que o usuário deve clicar para abri-lo. Você pode adicionar uma imagem para acompanhar o cabeçalho do formulário.

Observação: Automaticamente será criada uma bifurcação que diferenciará se o canal é Webchat ou não. O recurso é suportado apenas por este canal, portanto, você pode derivar o fluxo de outra maneira para os demais.

Perguntas frequentes (FAQ)

Em quais canais pode ser usado?

É suportado unicamente no canal Webchat. Se a sua bot for multicanal, você deve configurar uma bifurcação no fluxo para oferecer uma alternativa em canais como o WhatsApp.

Preciso saber programar para usá-lo?

Não. Os modelos pré-criados oferecem uma experiência 100% no-code. Só é necessário mexer no código se desejar realizar edições de textos ou ajustes que não estejam no designer visual.

Como os dados preenchidos pelo usuário são salvos?

São salvos automaticamente nas variáveis da plataforma que você definiu durante a configuração do formulário.

Posso alterar as cores para que combinem com a minha marca?

Sim. Ao configurar o formulário, você pode escolher o estilo visual com base nos estilos que já criou para seus Webchats na Botmaker.

O que acontece se o usuário fechar o chat no meio do formulário?

A interface foi projetada para priorizar a experiência do usuário e a precisão, mas o salvamento final dos dados costuma ocorrer ao completar as telas definidas.

Lembre-se de visitar nossa Central de Ajuda para obter mais informações.