Customizando um fluxo do usuário

Editar online

Mude um fluxo de usuário de registro de login para customizar o formulário às suas necessidades. Os campos existentes podem ser modificados e movidos para outros locais dentro de um formulário. Novos elementos de formulário podem ser incluídos. A validação dos dados do usuário pode ser definida. Customize um fluxo do usuário do IBM® Verify com o Editor de elemento de formulário.

Antes de começar

  • Deve-se ter permissão administrativa para concluir esta tarefa.
  • Faça login no console de administração IBM Verify como um Administrador. Para obter mais informações, consulte Acessando IBM Verify.
  • Um fluxo do usuário em um estado rascunho ou publicado. Consulte Criar um fluxo de usuários.

Procedimento

  1. Selecione Experiência do usuário > Registro do usuário.
  2. Selecione um fluxo de usuário a partir do painel Registro do Usuário para abrir o formulário na guia Flow .
  3. Customize o fluxo do usuário para o seu inquilino Verify .
    • Se o fluxo do usuário for Publicado, selecione Editar como um rascunho no painel direito da página de fluxo do usuário.
    • Se o fluxo estiver em Rascunho, a página será aberta para edições.
    No painel do meio da página, selecione qualquer elemento para mudá-lo. Use o Diálogo de fluxo de usuário ícone para arrastar o elemento para outro local dentro da seção. Exclua o elemento usando o Excluir ícone.
    Customize o elemento com o Editor de elemento de formulário no painel direito da página. Alguns dos elementos têm menus suspensos com opções e outros elementos podem incluir texto ou linguagem de marcação Markdown para exibição no formulário. Dependendo do tipo de elemento selecionado, os campos variam.
    Alguns elementos podem utilizar a substituição de atributos, que capta o valor de atributo do usuário e o utiliza o próximo e os tempos subsequentes que o atributo é chamado. Por exemplo, ao usar bloco de código {{name}}, o arquivo pode recuperar a entrada de atributo do usuário a partir de uma etapa anterior. A entrada de atributo do usuário substitui o bloco de código com o nome que o usuário forneceu toda vez que {{name}} for chamado.
    Nota: A substituição de atributos não pode funcionar se Elementos do Formulário para os substitutos não forem adicionados em uma etapa anterior.

    O botão +Incluir elemento de formulário está disponível nas duas primeiras seções do formulário para incluir um elemento no formulário.

    Use o Editor de elemento de formulário para definir o tipo de elemento. Os elementos do Verify a seguir estão disponíveis no menu suspenso Elemento de formulário .
    Conta de Senha
    Um campo de senha. O campo é usado no fluxo de usuário padrão para pedir ao usuário que crie uma senha durante o registro. Mensagens de erro customizadas podem ser configuradas para informar o usuário sobre os problemas potenciais com a senha de entrada.
    Acordo
    O elemento de acordo é usado para incluir um acordo de EULA ao formulário de registro do usuário. O elemento é incluído no fluxo de usuário padrão. Para obter mais informações, consulte Gerenciamento de contratos de licença de usuário final.
    Caixa de Opções
    Um campo de caixa de seleção. Selecione um atributo de usuário para definir a seleção para o usuário.
    Menu suspenso
    Um campo suspenso. Selecione um atributo de usuário e então defina as opções e os valores para criar as seleções no menu suspenso. Substitua o texto nos campos Rótulo de opção pelo que é exibido no menu suspenso.
    E-mail
    Um campo de e-mail. O campo é usado no fluxo de usuário padrão para enviar um e-mail de volta para o usuário em Ações de pós-registro.
    Ofuscação
    Um campo obscurecido. O campo é usado no fluxo de usuário padrão para solicitar ao usuário informações confidenciais durante o registro
    Senha
    Um campo de senha. O campo é usado no fluxo de usuário padrão para pedir ao usuário que crie uma senha durante o registro.
    Telefone
    Um campo de número de telefone. O campo pode ser customizado com atributos para casa, trabalho, celular e outros valores.
    Botão de Rádio
    Um campo de botão de rádio. Selecione um atributo de usuário e então defina as opções e os valores para criar as seleções para o campo de botão de rádio.
    Botão de login social
    Um botão de login social para uso com um provedor de identidade social. O campo pode ser customizado com texto de botão.
    Bloco de texto
    Um campo de bloco de texto. O campo pode incluir texto ou Linguagem de marcações de markdown para exibir no formulário.
    Campo de entrada de texto
    Um campo de entrada de texto para entrada de dados do usuário.

    Com base no tipo de elemento e no atributo de usuário selecionado, campos diferentes estão disponíveis para customização adicional. For exemplo, as opções Rótulo de campo, Texto auxiliar, Texto do sinalizador, Campo obrigatório, Validação de campo e Nomes de classe estão disponíveis em alguns dos atributos de elemento. Para obter mais informações sobre atributos, consulte Gerenciando atributos.

    Se a opção Validação de campo for selecionada em um atributo de elemento, use uma expressão regular (regex) para correspondência de padrão e valide a entrada do usuário em um elemento Data, E-mail, Senha, Telefone ou Campo de entrada de texto. A expressão regular não pode incluir delimitadores ou sinalizadores. Por exemplo, para entrada com dígitos de 8 a 12, digite a expressão regular como ^\d{8,12}$ em vez de /^\d{8,12}$/gm (em que os dois caracteres de barra / são delimitadores e g e m são sinalizações). Para obter mais informações sobre a expressão regular, consulte Expressão regular.

    Para a opção Nomes de classe, é possível definir classes HTML para uso com um arquivo CSS de tema customizado. Para visualizar o estilo customizado, selecione Salvar mudanças e, em seguida, clique em Obter link de visualização. Para obter mais informações, consulte Gerenciamento de branding.

  4. Selecione a guia Settings (Configurações ) da página de fluxo do usuário para alterar o Name (Nome ), URL path (Caminho URL, Theme (Tema ), Human verification (Verificação humana) ou Dynamic redirect (Redirecionamento dinâmico ) do fluxo do usuário. Para obter mais informações sobre o tema, consulte Gerenciamento de branding.
  5. Opcional: na guia Configurações, marque a caixa de seleção Verificar disponibilidade do nome de usuário para verificar se o nome de usuário está disponível antes que o usuário continue com o fluxo de registro.
    Nota: Antes de usar esta opção, certifite-se de que ele é compatível com as diretrizes de segurança da sua empresa.
    Nota: Uma mensagem será exibida na parte superior dos fluxos existentes com o elemento de nome de usuário ausente para completar esses campos para traduzi-los. Para visualizar o elemento ausente, clique em Mostrar elemento.
    1. Clique em Salvar configurações.
    2. Selecione o elemento Endereço de e-mail.
    3. No editor de elementos de formulário, selecione um atributo de usuário.
    4. Ativar Nome de usuário da conta
    5. O editor de conta de formulário gera caixas de texto preenchidas que indicam se um nome de usuário está disponível para uso ou não. Há caixas de texto correspondentes para indicar uma pesquisa de nome de usuário, se um nome de usuário está disponível ou se um nome de usuário já está em uso. Para personalização adicional, você pode editar o texto nas caixas de texto.
  6. Scroll até o final da página e selecione Salvar alterações.
  7. Selecione a guia Traduções da página de fluxo do usuário para alterar o idioma principal no qual o perfil está construído.
    1. Opcional: baixe primeiro o modelo de tradução principal e, em seguida, edite-o com o idioma desejado.
    2. Clique em Incluir Traduções.
    3. Selecione o Idioma desejado no campo suspenso.
    4. Na seção Carregar tradução , clique em modelo de conversão principal; para fazer o download de um arquivo .csv do modelo de conversão primário
    5. Depois de editar o modelo primary_tranlation.csv com o idioma selecionado no campo suspenso, clique em Fazer upload do arquivo e selecione o arquivo .csv que você editou.
    6. Opcional: marque a caixa de seleção do idioma que você carregou para excluí-lo.
    7. Clique em Salvar.
      Nota: selecione a caixa de seleção do idioma transferido por upload para excluí-lo.
  8. Na área de janela direita, selecione Publicar mudanças para disponibilizar o fluxo de registro do usuário para seus usuários.
    Note que é possível clicar em Obter link de visualização para visualizar o formulário antes da publicação. Se você estiver trabalhando com um rascunho de um fluxo de usuário publicado, também será possível clicar em Visualizar versão atual para exibir o fluxo de usuário publicado atual e, em seguida, voltar para o rascunho, se necessário. Use o link Copiar fluxo para criar uma cópia duplicada do fluxo com um número incremental incluído no nome do fluxo. O link Excluir fluxo remove o fluxo de registro.

exemplo

Para incluir um número de telefone em um fluxo de usuário de registro de login:
  1. Abra o fluxo do usuário no modo de edição.
  2. Na primeira seção da página de fluxo do usuário, selecione o botão +Incluir elemento de formulário para criar um novo elemento.
  3. Use o Editor de elemento de formulário para customizar o elemento.
    1. No campo Elemento de formulário, selecione Telefone no menu suspenso.
    2. No campo Atributo do usuário, selecione work_number.
    3. No campo Rótulo de campo, mude o texto para Número de telefone de trabalho.
    4. No campo Texto auxiliar, digite o texto Inclua seu número de telefone.
  4. Selecione Salvar fluxo no painel do meio da página de fluxo do usuário.
  5. Clique em Obter link de visualização para visualizar o formulário com o novo campo de número de telefone.

O quê fazer em seguida

  • Torne a URL de fluxo do usuário disponível para os seus novos usuários para um acesso de login mais fácil para seu locatário do IBM Verify.
  • Acesse o painel Registro do usuário para ver o seu novo fluxo.