Floui Forms

Crie formulários personalizados que permitem a inicialização de fluxos a cada registros.

Introdução

Os formulários na aplicação funcionam como gatilhos para a execução de processos específicos dentro do Fluxo. Com eles, é possível estruturar e disponibilizar a entrada de dados, incluindo textos simples, tabelas, arquivos e elementos de múltipla seleção, diretamente para o fluxo.

A publicação dos formulários pode ser gerenciada dentro do Workspace, podendo ser acessível publicamente por meio de uma URL ou protegida por PINs customizáveis.

Os formulários são uma ferramenta poderosa para alimentar fluxos de maneira estruturada, possibilitando a automação de processos recorrentes.

Gerencie seus formulários

Para acessar a gerencia de formulários, acesse o seu Workspace e visualize o menu lateral, e, em Construção, clique sobre Formulários. Por meio da tela de gerencia de formulários é possível visualizar todos os formulários do Workspace, seus dados básicos e status de publicação, além de acesso a criação, edição e deleção de formulários.

Listagem e gerencia de formulários

Crie novos formulários

Para criar um novo formulário, acesse a tela de gerenciamento de formulários e clique na opção Criar Novo Form, localizada no canto superior direito.

Estrutura do formulário

Um formulário é composto por alguns atributos e configurações, como:

  • Atributos básicos: Título do formulário, status de publicação, grupo.

  • Atributos de estrutura do formulário: Estruturação dos campos do formulário.

  • Atributos de configuração de exibição: Configurações gerais do formulário, como títulos e mensagens exibidos no formulário publicado, configuração de PIN e configurações de envio do formulário.

Atributos básicos do formulário

  • Nome do formulário: Título dado ao formulário para identificação dentro do Workspace. Este nome não é visível na visualização do formulário publicado.

  • Grupo: Permite atribuir o formulário a um grupo customizado, usado para manter a organização dentro do Workspace. Clique aqui para saber mais sobre grupos.

  • Status: Permite publicar o formulário e disponibilizá-lo ou manter o formulário como privado.

Estruturação dos campos do formulário

Nesta seção é possível estruturar os campos que serão disponibilizados no formulário, suas regras de validação e a estrutura visual do formulário.

Cada linha e campo adicionado possuirão as seguintes configurações básicas:

  • Seu tipo de entrada de dados;

  • Código interno, usado para identificar um campo específico do formulário e usado dentro do fluxo para manipulação dos dados recebidos;

  • Label ou legenda do campo que estará visível no formulário;

  • A obrigatoriedade deste campo no envio do formulário;

  • Menu de opções adicionais de acordo com o tipo de campo;

  • Também é possível reordenar a posição dos campos, remover campos ou duplicar campos existentes, junto com as suas configurações.

Os principais tipos de campos disponibilizados no formulário são:

Texto simples

Campo de texto simples, indicado para a inserção de informações curtas. Permite a aplicação de regras de validação, como validação de Data, CEP, CPF/CNPJ, entre outras.

Texto longo

Campo de texto textarea, indicado para a inserção de informações longas. Permite a aplicação de regras de validação, como validação de Data, CEP, CPF/CNPJ, entre outras.

Data

Componente para seleção de data. Na visualização do formulário o formato da data será dinâmica de acordo com a localização. Porém, o dado recebido dentro do fluxo será no formato YYYY-MM-DD.

Data e Hora

Componente para seleção de data e hora. Na visualização do formulário o formato da data será dinâmica de acordo com a localização. Porém, o dado recebido dentro do fluxo será no formato YYYY-MM-DDTHH:SS.

Caixa de checagem (checkbox)

Componente de caixa de seleção. Dentro do fluxo a caixa preenchida corresponde ao valor "1".

Opções de seleção (dropdown)

Componente de seleção única no formato de lista. É possível adicionar opções customizáveis ou realizar a integração com Floui Database.

Opções de seleção (radio)

Componente de seleção com opção única de escolha. É possível adicionar opções customizáveis ou realizar a integração com Floui Database.

Múltipla seleção (checkbox)

Componente de caixa de seleção. Dentro do fluxo, as opções selecionadas serão representadas em forma de lista. É possível adicionar opções personalizadas ou integrá-las com Floui Database.

Múltipla seleção (dropdown)

Componente de lista com múltiplas opções para seleção. Dentro do fluxo as opções selecionadas estarão em forma de lista. É possível adicionar opções customizáveis ou realizar a integração com Floui Database.

Upload de arquivos

Permite realizar o upload de um arquivo de até 50MB para o formulário. Dentro do fluxo este arquivo estará em formato de String DataURI.

Texto oculto

Permite adicionar um campo não visível na estrutura do formulário. Pode ser usado na URL do formulário para fins de tracking. O valor deste campo será recebido dentro do fluxo para manipulação. Exemplo de uso: <formURL>?nome_campo=valor_campo.

Separador/Título

Separa o formulário em uma nova seção e adiciona um título para esta seção.

Tabela

Tabela dinâmica para inserção de dados. No fluxo os dados estarão em formato de lista de objetos, onde cada objeto da lista representa uma linha da tabela.

A chave correspondente a linha é composta pelo código do componente de tabela e o código do campo da tabela. Exemplo: <codTabela_codCampo>.

Configurações gerais de exibição do formulário

Ao acessar a aba Configurações de Exibição, durante a edição do formulário, serão exibidos campos adicionais referentes à apresentação do formulário, como: mensagens, configuração de PIN de autorização e configuração de envio de dados para o fluxo. Seguem os campos disponíveis para configuração:

Configurações de exibição do formulário
  • Título de exibição do formulário: Título geral do formulário.

  • Mensagem de exibição do formulário: Descrição curta exibida logo abaixo do título do formulário.

  • Mensagem de sucesso após envio: Mensagem que será exibida como feedback ao usuário quando os dados forem enviados para o fluxo. Para que esta mensagem apareça, é necessário que a configuração Aguardar por resultado da execução do Flow e exibir ao usuário não esteja selecionada.

  • Exibir botão para novo envio após a conclusão: Exibe um botão para que o usuário possa realizar um novo envio de dados após um envio. Para que este botão apareça, é necessário que a configuração Aguardar por resultado da execução do Flow e exibir ao usuário não esteja selecionada.

  • Aguardar por resultado da execução do Flow e exibir ao usuário: Define se irá aguardar ou não o processamento de dados no fluxo após enviar o formulário. Recomenda-se utilizar o conector Form Result para retornar uma resposta após a execução do fluxo. Clique aqui para saber mais sobre o conector.

  • Exigir autenticação por PIN para acessar o formulário: Permite adicionar uma camada de segurança através de um código PIN para acesso ao formulário. O código é composto por até 6 caracteres.

Publicação e visualização de formulário

Realizadas as parametrizações do formulário com sucesso, é possível publicar e visualizar o formulário. Para publicar um formulário, acesse a edição do formulário desejado e, em Status, altere de Rascunho para Publicado. Em seguida clique em Visualizar para acessar o formulário. Somente formulários publicados podem ser visualizados.

Publicação e visualização de formulário

Importação e exportação de formulário

A funcionalidade Floui Forms permite a exportação e importação da estrutura do formulário em formato JSON. Isto permite que formulários possam ser transferidos entre outros Workspaces e ambientes.

Acesse a criação ou edição de um formulário e clique em uma das opções disponíveis.

Importação e exportação de formulário

Last updated

Was this helpful?