Guia do usuário
HelpdeskSobre o Floui
  • Conhecendo o Floui
    • Conceito
    • Introdução ao fluxo
    • Glossário
  • Conectores
    • Estrutura do conector
    • Categorias
      • Triggers
        • ⚡Manual Trigger
        • ⚡Flow Trigger
        • ⚡CRON
        • ⚡HTTP In
        • ⚡Form
        • ⚡Subscriber (Pub/Sub)
        • ⚡Queue Consumer V2
        • ⚡Quando um cartão for movido
      • Conectores essenciais
        • Function Javascript
        • Switch
        • Loop / ForEach
        • Condition
        • REST API
        • HTTP Request
        • HTTP Out
        • Range
        • Random
        • Delay
        • Junção
        • Template
        • Comentário
        • Regex
        • Máscara
      • Manipulação de dados
        • In Memory Storage
        • Lista
        • Message Change
        • Transformar valores
        • Transformar valores
        • CSV
        • Ler XLS/XLSX
        • Criar QRcode
        • XML
        • ZIP File
        • Base64
        • MD5
        • Criptografar mensagem PGP
        • Descriptografar mensagem PGP
        • Template
        • JSON
        • JSONata Expression
        • JSONPath Expression
        • JSON Schema validation
        • Oracle
          • Oracle DB Query
        • SQLite 3
          • SQLite3 Exec
          • SQLite3 Query
        • MySQL
          • MySQL Query
        • Data e hora
          • Somar ou Subtrair
          • Criar ou Formatar
          • Comparar valores
      • Manipulação de arquivos
        • File Writer
        • File List
        • File Reader
        • File Remove
        • Externos
          • Upload para FTP
          • Download de FTP
          • Listar arquivos no FTP
          • Remove via FTP
          • SSH Command
          • SCP Download
      • Filas e eventos
        • Subflow Call
        • Subflow Input
        • Subflow Output
        • Publisher (Pub/Sub)
        • Queue Publisher V2
        • Flow Call
        • Flow Output
      • Monitoramento
        • Logger
        • Debugger
      • Serviços do Floui
        • Floui Forms
          • Form Result
        • Floui Database
          • Criar registro
          • Listar registros
          • Consultar por ID
          • Remover registro
          • Atualizar registro
          • Limpar tabela
          • Consultar por campo
          • Salvar registro
        • Floui Datasource
          • Consultar dados
      • Serviços externos
        • Adobe Commerce
          • Empresa
            • Criar empresa
            • Consultar empresa
            • Atualizar empresa
            • Listar empresas
          • Cliente
            • Criar cliente
            • Consultar cliente
            • Atualizar cliente
            • Listar clientes
            • Remover cliente
          • Pedido
            • ⚡Pedido criado
            • ⚡Pedido atualizado
            • Consultar pedido
            • Listar pedidos
          • Cancelamento
            • Cancelar pedido
          • Envio
            • Criar envio para pedido
            • Consultar envio
            • Listar envios
          • Fatura
            • Consultar fatura
            • Listar faturas
            • Criar fatura para pedido
          • Estorno
            • Criar estorno para pedido
          • Produto
            • Criar produto
            • Listar produtos
            • Consultar produto
            • Atualizar produto
            • Associar produto filho
            • Desassociar produto filho
            • Inserir mídia no produto
            • Criar preço especial (Commerce)
            • Remover preço especial (Commerce)
            • Consultar preços especiais (Commerce)
            • Atualizar preço de custo (Commerce)
            • Atualizar preço de custo em lote (Commerce)
            • Remover preço de custo (Commerce)
            • Consultar preços de custo (Commerce)
            • Atualizar tabela de preço do produto (Tier prices)
          • Estoque
            • Consultar item de estoque (MSI)
            • Lista itens de estoque (MSI)
            • Atualiza um item de estoque (MSI)
            • Atualiza lote de itens de estoque (MSI)
          • Carrinho
            • Consultar carrinhos de compras
            • ⚡Item adicionado ao carrinho
          • Exibir mensagem de sessão
        • AWS S3
          • Listar arquivos
          • Ler arquivos
          • Upload de arquivo para AWS S3
          • Remover arquivos
        • Bling ERP (Bling API V3)
          • Pedido de venda
            • Atualizar status de pedido de venda
            • Consultar um pedido de venda
            • Listar pedidos de venda
            • Criar pedido de venda
          • Pedido de compra
            • Listar pedidos de compra
            • Consultar um pedido de compra
          • Produtos
            • Consultar produto
            • Listar produtos
          • Contatos
            • Criar contato
            • Atualizar contato
            • Consultar contato
            • Listar contatos
          • Módulos
            • Listar situações do módulo
            • Listar módulos
          • Notas fiscais
            • Consulta Nota Fiscal
            • Listar Notas Fiscais
        • Google
          • Google Forms
            • Ler respostas do formulário
            • Ler resposta específica
          • Google Sheets
            • Ler planilha
            • Escrever na planilha
            • Adicionar ao final da planilha
          • Google Analytics (GA4)
            • Gerar relatório
        • Groq
          • Transcrição de áudio
          • Chat Completion
        • Linx Microvix B2C
          • Produto
            • Consultar produto
            • Consultar custos de produto
            • Listar custos de produtos
            • Listar detalhes de produtos
            • Consultar detalhes do produto
            • Listar produtos
              • Listar grade 1
              • Listar grade 2
            • Listar marcas
            • Listar linhas
            • Listar setores
            • Listar marcas
            • Listar classificações
          • Cliente
            • Inserir cliente
            • Listar clientes
          • Pedido
            • Inserir pedido
            • Listar pedidos
            • Listar notas fiscais de um pedido
            • Cancelar pedido
            • Atualizar status do pedido
            • Inserir item do pedido
          • Endereço
            • Listar endereços de entrega
            • Inserir endereço de entrega
        • OpenAI
          • Transcrição de áudio
          • Chat Completion
          • Gerador de imagem
        • Passbolt
          • Consultar segredos de um recurso
          • Listar recursos
        • Sankhya
          • Parceiro
            • Consultar parceiros
          • Pedido
            • Inserir pedido
            • Consultar pedidos
          • Produto
            • Consultar produtos
            • Consultar detalhes do produto
            • Consultar estoque
          • Cliente
            • Inserir cliente
            • Consultar clientes
            • Consultar alterações
          • Endereço
            • Inserir endereço
            • Inserir bairro
            • Inserir cidade
            • Inserir região
            • Consultar endereços
            • Consultar bairros
            • Consultar cidades
            • Consultar regiões
        • Slack Notification
        • SMTP
          • Enviar e-mail com SMTP
        • Trello
          • ⚡Quando cartão for movido
          • Listar cartões
          • Criar novo cartão
          • Consultar cartão
          • Buscar por cartões
          • Atualizar campo customizado
          • Mover cartão
          • Adicionar comentário
          • Arquivar cartão
          • Desarquivar cartão
          • Remover cartão
        • Twilio
          • Enviar mensagem Whatsapp
          • Enviar SMS
        • ViaCEP
          • Consulta CEP com ViaCEP
        • Wake Commerce
          • Tabela de preço
            • Inserir uma lista de produtos na tabela de preço
            • Atualizar um produto na tabela de preço
            • Remover um produto da tabela de preço
          • Produto
            • Criar produto
            • Atualizar produto
            • Consulta produto
            • Listar produtos
            • Listar produtos relacionados
            • Atualizar preço do produto
            • Vincular categorias em um produto
            • Adicionar imagens ao produto
            • Adicionar uma nova informação ao produto
            • Atualizar uma informação do produto
          • Pedido
            • Consulta pedido
            • Listar pedidos não integrados
            • Inserir rastreamento e status do pedido
            • Atualizar rastreamento completo
            • Atualizar pedido como completo
            • Atualiza a situação do status do pedido
            • Consulta rastreamento e nota fiscal do pedido
            • Remover vinculo produto/categoria
          • Categoria
            • Criar categoria
            • Consulta categoria
            • Remover vinculo categoria/produto
          • Estoque
            • Atualizar estoque
          • Fabricante
            • Consultar fabricante
            • Criar fabricante
          • Usuário
            • Consultar usuário
            • Vincular usuário ao parceiro
            • Remover o vinculo entre o usuário e o parceiro
            • Buscar a lista de vínculos entre usuário e parceiro
            • Listar usuários
            • Criar usuário
            • Atualizar um usuário pelo e-mail
            • Listar endereços do usuário
            • Atualizar endereço do usuário pelo email
        • Wake Experience
          • Gerar token
          • Inserir pessoas em massa (csv)
  • Ferramentas
    • Construção
      • Versionamento de fluxos
      • Floui Datasources
      • Floui Forms
      • Floui Filas Internas
      • Floui Conectores Personalizados
    • Armazenamento
      • Floui Database
      • Floui Storage
    • Monitoramento
      • Floui Dashboards
      • Execução em tempo real
      • Histórico de execuções
      • Logs de monitoramento
      • Regras de alerta
  • Configurações
    • Variáveis globais
    • Contas de serviço
      • Autorizar conta Bling ERP
    • Grupos
  • Painel da conta
    • Logs de auditoria
  • Funcionalidades
    • Mustache
  • Artigos
    • Criando usuários no Floui
    • Bibliotecas disponíveis
    • Templates
    • Tutoriais
      • Criando seu primeiro Flow
      • Leitura de arquivo CSV
      • Disparos de e-mail após um novo registro no formulário
      • Acesso a APIs abordando o padrão REST
Powered by GitBook
On this page
  • Introdução
  • Gerencie seus formulários
  • Crie novos formulários
  • Estrutura do formulário
  • Atributos básicos do formulário
  • Estruturação dos campos do formulário
  • Configurações gerais de exibição do formulário
  • Publicação e visualização de formulário
  • Importação e exportação de formulário

Was this helpful?

  1. Ferramentas
  2. Construção

Floui Forms

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

PreviousFloui DatasourcesNextFloui Filas Internas

Last updated 2 months ago

Was this helpful?

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.

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.

  • 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:

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:

  • 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.

  • 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.

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.

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

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. para saber mais sobre o conector.

Clique aqui
Clique aqui

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)

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

Múltipla seleção (checkbox)

Múltipla seleção (dropdown)

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>.

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

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

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 .

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
Floui Database
Floui Database
Floui Database
Listagem e gerencia de formulários
Configurações de exibição do formulário
Publicação e visualização de formulário
Importação e exportação de formulário