Personalização de um formulário de usuário

Editar online

Altere um formulário de usuário para adaptá-lo à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. Personalize um IBM® Verify formulário de usuário com o editor de elementos do 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 perfil de usuário no estado de rascunho ou publicado. Consulte Criar um perfil de usuário.

Procedimento

  1. Selecione Experiência do usuário > Formulários do usuário.
  2. Selecione um formulário de usuário no painel Formulários de usuário para abrir o formulário na guia Formulários de usuário.
  3. Personalize o formulário do usuário para o seu Verify locatário.
    • Se o formulário do usuário estiver publicado, selecione “Editar como rascunho” no painel direito da página “Formulários do usuário”.
    • Se o formulário estiver no modo “Rascunho”, a página será aberta e estará disponível 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 ` {{name}} ` for chamado.
    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 .

    Observação: O editor de elementos do formulário não estará disponível a menos que a opção “Incluir configuração da coleção de atributos” esteja selecionada para o formulário do usuário que você está personalizando.
    Conta de Senha
    Um campo de senha. Esse campo é usado no formulário padrão do usuário para solicitar que o usuário crie uma senha durante o cadastro. É possível definir mensagens de erro personalizadas para informar o usuário sobre possíveis problemas com a senha digitada.
    Acordo
    O elemento "acordo" é utilizado para adicionar um contrato de licença de usuário final (EULA) ao formulário do usuário. O elemento está incluído no formulário padrão do usuário. 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, em seguida, defina as opções e os valores para criar as opções do 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. Esse campo é utilizado no formulário padrão do usuário para enviar um e-mail de resposta ao usuário nas ações pós-registro.
    Ofuscação
    Um campo ofuscado. Esse campo é utilizado no formulário padrão do usuário para solicitar informações confidenciais durante o cadastro.
    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, em seguida, defina as opções e os valores para criar as opções do campo de botão de opçã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.

    Na Etapa 2 da página “Formulários do usuário ”, você pode adicionar um texto adicional a ser exibido ao usuário após ele salvar o formulário. Selecione o botão +Adicionar elemento de formulário. O elemento de bloco de texto está disponível para inserir texto ou Markdown quando necessário.
  4. Selecione a guia “Configurações” na página de formulários do usuário para alterar a configuração do formulário, o gerenciamento de sessões, o tema ou a verificação manual do formulário do usuário.
  5. Role até o final da página e selecione “Salvar configurações ”.
  6. Selecione a guia “Traduções” na página de formulários do usuário para alterar o idioma principal em que o formulário 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.
      Observação: só .csv é possível fazer o upload de arquivos.
    6. Opcional: marque a caixa de seleção do idioma que você enviou para excluí-lo.
    7. Clique em Salvar.
  7. No painel direito, selecione “Publicar alterações” para disponibilizar o formulário aos 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 formulário de usuário publicado, também pode clicar em “Exibir versão atual” para visualizar o formulário de usuário publicado no momento e, em seguida, voltar ao rascunho, se necessário. O link “Excluir formulário” remove o formulário do usuário.

exemplo

Para adicionar um número de telefone a um formulário de login:
  1. Abra o formulário do usuário no modo de edição.
  2. Na primeira seção da página do formulário do usuário, selecione o botão +Adicionar elemento do 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 configurações” no painel central da página do formulário 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

  • Disponibilize o formulário de usuário URL aos seus novos usuários para facilitar o acesso ao seu IBM Verify tenant.
  • Acesse o painel de formulários de usuário para ver seu novo formulário de usuário.