Publicações de Segunda - Fluxos de usuário

Chegamos em um ponto no nosso produto onde temos a habilidade de usar nosso produto para gerar novas features, e o fluxo de usuário é uma delas.

O user flow é uma maneira de conectar fluxos com ações de usuário, como após salvar uma molécula, ou criar um botão de ação em uma molécula para que o usuário a utilize quando precisar.

 Cadastro de User Flow que cria um botão na molécula para que usuário o execute quando desejar.

Cadastro de User Flow que cria um botão na molécula para que usuário o execute quando desejar.

 Visualização de molécula apresenta o user flow cadastrado anteriormente no menu lateral.

Visualização de molécula apresenta o user flow cadastrado anteriormente no menu lateral.

Através deste mecanismo é possível criar experiência de automação mais fluidas e responsivas ao usuário.

No lado do fluxo nós recomendamos que se use o método Auth.become recebendo o token de usuário que é enviado junto aos headers. Desta forma você mantem seu endpoint de fluxo seguro.

Para começar a usar é só criar a molécula abaixo!

{
  "metatoms": [
    {
      "id": "titulo",
      "metatomType": "Text",
      "label": "Título",
      "required": true,
      "order": 0,
      "columns": 3,
      "renderType": "text",
      "validation": null
    },
    {
      "id": "icone",
      "metatomType": "Text",
      "label": "Ícone",
      "required": true,
      "order": 1,
      "columns": 1,
      "renderType": "text",
      "validation": null
    },
    {
      "id": "moleculoidID",
      "metatomType": "Text",
      "label": "ID do moleculoid",
      "required": true,
      "order": 2,
      "columns": 2,
      "renderType": "text",
      "validation": null
    },
    {
      "id": "evento",
      "metatomType": "Choice",
      "label": "Evento",
      "required": true,
      "order": 3,
      "columns": 2,
      "options": [
        {
          "label": "Antes de salvar",
          "value": "beforeSave"
        },
        {
          "label": "Depois de salvar",
          "value": "afterSave"
        },
        {
          "label": "Ação do usuário",
          "value": "userAction"
        }
      ],
      "multiple": false,
      "renderType": "select"
    },
    {
      "id": "link",
      "metatomType": "Url",
      "label": "Fluxo",
      "required": true,
      "order": 4,
      "columns": 4,
      "renderType": "url",
      "validation": null,
      "multiple": false
    }
  ],
  "icon": "triangle-up",
  "label": "User Flows",
  "name": "user_flow",
  "view": "Table"
}