Personalização de um fluxo de 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 IBM Verify de administração como 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 no painel de controle de cadastro de usuários para abrir o formulário na guia Fluxo.
  3. Personalize o fluxo do usuário para o seu Verify locatário.
    • 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 Caixa de diálogo do fluxo do 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 possuem menus suspensos com opções, enquanto outros podem incluir texto ou a 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 captura o valor do atributo fornecido pelo usuário e o utiliza na próxima vez e nas vezes seguintes em que o atributo for chamado. Por exemplo, ao usar o bloco de código {{name}}, o arquivo pode recuperar o atributo inserido pelo usuário em uma etapa anterior. A entrada do atributo do usuário substitui o bloco de código pelo nome fornecido pelo usuário sempre que a função ` {{name}} ` for chamada.
    Observação: a substituição de atributos não funcionará se os elementos do formulário necessários para as substituições não tiverem sido 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. É possível definir mensagens de erro personalizadas para informar o usuário sobre possíveis problemas com a senha digitada.
    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 ofuscado. Esse campo é utilizado no fluxo padrão do usuário para solicitar informações confidenciais ao usuário durante o cadastro.
    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 Gerenciamento de 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 da identidade visual ”.

  4. Selecione a guia Configurações da página de fluxo do usuário para alterar o Nome, o Caminho URL, o Tema, a Verificação humana ou o Redirecionamento dinâmico do fluxo do usuário. Para obter mais informações sobre o Tema, consulte “Gerenciamento da identidade visual ”.
  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 processo de cadastro.
    Observação: antes de usar esta opção, certifique-se de que ela esteja em conformidade com as diretrizes de segurança da sua empresa.
    Observação: aparecerá uma mensagem na parte superior dos fluxos existentes em que o elemento “nome de usuário” esteja faltando, solicitando que esses campos sejam preenchidos para que possam ser traduzidos. 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 do formulário, selecione um atributo de usuário.
    4. Ativar o nome de usuário da conta.
    5. O editor de formulários gera campos de texto preenchidos que indicam se um nome de usuário está disponível para uso ou não. Existem campos de texto correspondentes para indicar se uma pesquisa por nome de usuário foi realizada, se o nome de usuário está disponível ou se já está em uso. Para personalizar ainda mais, você pode editar o texto nas caixas de texto.
  6. Role até o final da página e selecione “Salvar alterações ”.
  7. Selecione a guia “Traduções” na página do fluxo do usuário para alterar o idioma principal no qual o perfil foi criado.
    1. Opcional: baixe primeiro o modelo de tradução principal e, em seguida, edite-o com o idioma desejado.
    2. Clique em “Adicionar traduções ”.
    3. Selecione o idioma desejado no menu suspenso.
    4. Na seção “Carregar tradução”, clique em “modelo de tradução principal” para baixar um .csv arquivo do modelo de tradução principal.
    5. Depois de editar o primary_tranlation.csv modelo com o idioma que você selecionou no menu suspenso, clique em “Carregar arquivo” e selecione o .csv arquivo que você editou.
    6. Opcional: marque a caixa de seleção do idioma que você enviou para excluí-lo.
    7. Clique em Salvar.
      Observação: marque a caixa de seleção do idioma que você enviou para excluí-lo.
  8. No painel direito, selecione “Publicar alterações” para disponibilizar o fluxo de registro de usuários aos 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.