Personalización de un flujo de usuario

Editar en línea

Cambie un flujo de usuario de registro de inicio de sesión para adaptar el formulario a sus necesidades. Los campos existentes se pueden modificar y mover a otras ubicaciones dentro de un formulario. Se pueden añadir nuevos elementos de formulario. Se puede definir la validación de datos de usuario. Personalice un flujo de usuario de IBM® Verify con el Editor de elementos de formulario.

Antes de empezar

  • Debe tener permiso administrativo para realizar esta tarea.
  • Inicie sesión en la consola de administración de IBM Verify como administrador. Para obtener más información, consulte Acceso a IBM Verify.
  • Un flujo de usuario en un estado borrador o publicado. Consulte Crear un flujo de usuarios.

Procedimiento

  1. Seleccione Experiencia del usuario > Registro de usuario.
  2. Seleccione un flujo de usuario en el panel de control Registro de usuario para abrir el formulario en la pestaña Flujo .
  3. Personalice el flujo de usuario para el arrendatario de Verify .
    • Si el flujo de usuario está Publicado, seleccione Editar como borrador en el panel derecho de la página de flujo de usuario.
    • Si el flujo está en estado de Borrador, la página se abre para editarla.
    En el panel central de la página, seleccione cualquier elemento para cambiarlo. Utilice el Diálogo de flujo de usuario icono para arrastrar el elemento a otra ubicación dentro de la sección. Elimine el elemento utilizando el Suprimir icono.
    Personalice el elemento con el Editor de elementos de formulario en el panel derecho de la página. Algunos de los elementos tienen menús desplegables con opciones y otros elementos pueden incluir texto o lenguaje de marcado Markdown para mostrar en el formulario. En función del tipo de elemento seleccionado, los campos varían.
    Algunos elementos pueden utilizar la sustitución de atributos, que captura el valor de atributo del usuario y lo utiliza las siguientes y posteriores veces que se llama al atributo. Por ejemplo, utilizando el bloque de código {{name}}, el archivo puede recuperar la entrada de atributo del usuario de un paso anterior. La entrada de atributo del usuario sustituye el bloque de código por el nombre que el usuario ha proporcionado cada vez que se llama a {{name}} .
    Nota: La sustitución de atributos no puede funcionar si no se añaden Elementos de formulario para las sustituciones en un paso anterior.

    El botón + Añadir elemento de formulario está disponible en las dos primeras secciones del formulario para añadir un elemento al formulario.

    Utilice el Editor de elementos de formulario para definir el tipo de elemento. Los siguientes elementos Verify están disponibles en el menú desplegable Elemento de formulario .
    Contraseña de cuenta
    Un campo de contraseña. El campo se utiliza en el flujo de usuario predeterminado para solicitar al usuario que cree una contraseña durante el registro. Los mensajes de error personalizados se pueden establecer para informar al usuario de los problemas potenciales con la contraseña de entrada.
    Acuerdo
    El elemento de acuerdo se utiliza para añadir un acuerdo EULA al formulario de registro de usuario. El elemento se incluye en el flujo de usuario predeterminado. Para obtener más información, consulte Gestión de los acuerdos de licencia de usuario final.
    Casilla de verificación
    Un campo de recuadro de selección. Seleccione un atributo de usuario para definir la selección del usuario.
    Desplegable
    Un campo desplegable. Seleccione un atributo de usuario y, a continuación, defina las opciones y valores para crear las selecciones en el menú desplegable. Sustituya el texto en los campos Etiqueta de opción por lo que se visualiza en el menú desplegable.
    Correo electrónico
    Un campo de correo electrónico. El campo se utiliza en el flujo de usuario predeterminado para enviar un correo electrónico al usuario en Acciones posteriores al registro.
    Ofuscación
    Un campo ofuscado. El campo se utiliza en el flujo de usuario predeterminado para solicitar al usuario información confidencial durante el registro.
    Contraseña
    Un campo de contraseña. El campo se utiliza en el flujo de usuario predeterminado para solicitar al usuario que cree una contraseña durante el registro.
    Teléfono
    Un campo de número de teléfono. El campo se puede personalizar con atributos para domicilio, trabajo, móvil y otros valores.
    Botón de selección
    Un campo de botón de selección. Seleccione un atributo de usuario y, a continuación, defina las opciones y los valores para crear las selecciones para el campo de botón de selección.
    Botón de inicio de sesión en redes sociales
    Un botón de inicio de sesión social para utilizarlo con un proveedor de identidad social. El campo se puede personalizar con texto de botón.
    Bloque de texto
    Un campo de bloque de texto. El campo puede incluir texto o Lenguaje de marcación de Markdown para mostrar en el formulario.
    Campo de entrada de texto
    Un campo de entrada de texto para la entrada de datos de usuario.

    Según el tipo de elemento y el atributo de usuario seleccionado, hay distintos campos disponibles para una mayor personalización. Por ejemplo, las opciones Etiqueta de campo, Texto del ayudante, Texto marcador, Campo obligatorio, Validación de campo y Nombres de clase están disponibles en algunos de los atributos de elemento. Para obtener más información sobre los atributos, consulte Gestión de atributos.

    Si la opción Validación de campo está seleccionada en un atributo de elemento, utilice una expresión regular (regex) para la coincidencia de patrón y valide la entrada de usuario en un elemento Fecha, Correo electrónico, Contraseña, Teléfonoo Campo de entrada de texto. La expresión regular no puede incluir delimitadores ni distintivos. Por ejemplo, para la entrada con 8-12 dígitos, especifique el regex como ^\d{8,12}$ en lugar de /^\d{8,12}$/gm (donde los dos caracteres de barra inclinada / son delimitadores y g y m son distintivos). Para obtener más información sobre las expresiones regulares, consulte Expresión regular.

    Para la opción Nombres de clase, puede definir clases HTML para utilizarlas con un archivo CSS de tema personalizado. Para ver el estilo personalizado, seleccione Guardar cambios y, a continuación, pulse Obtener enlace de vista previa. Para obtener más información, consulte Gestión de la marca.

  4. Seleccione la pestaña Configuración de la página del flujo de usuarios para cambiar el Nombre, la Ruta URL, el Tema, la Verificación humana o la Redirección dinámica del flujo de usuarios. Para obtener más información sobre el tema, consulte Administración de la marca.
  5. Opcional: en la pestaña Configuración, haz clic en la casilla de verificación Comprobar disponibilidad del nombre de usuario para verificar que el nombre de usuario está disponible antes de que el usuario continúe con el proceso de registro.
    Nota: Antes de utilizar esta opción, asegúrese de que es compatible con las directrices de seguridad de la empresa.
    Nota: Aparecerá un mensaje en la parte superior de los flujos existentes en los que falte el elemento nombre de usuario para completar estos campos para traducirlos. Para ver el elemento que falta, haga clic en Mostrar elemento.
    1. Haz clic en Guardar configuración.
    2. Seleccione el elemento Dirección de correo electrónico.
    3. En el Editor de elementos de formulario seleccione un atributo de usuario.
    4. Activar Nombre de usuario de la cuenta.
    5. El Editor de cuentas de formulario genera cuadros de texto poblados que indican si un nombre de usuario está disponible para su uso o no. Hay cuadros de texto correspondientes para anotar una búsqueda de nombre de usuario, si un nombre de usuario está disponible, o si un nombre de usuario ya está en uso. Para una mayor personalización, puede editar el texto de los cuadros de texto.
  6. Desplácese hasta el final de la página y seleccione Guardar cambios.
  7. Seleccione la pestaña Traducciones de la página de flujo de usuario para cambiar el idioma primario en el que está incorporado el perfil.
    1. Opcional: Descargue primero la plantilla de traducción principal y, a continuación, edítela con el idioma que desee.
    2. Pulse Añadir traducciones.
    3. Seleccione el Idioma que desee en el campo desplegable.
    4. En la sección Cargar traducción , pulse plantilla de traducción primaria para descargar un archivo .csv de la plantilla de traducción primaria.
    5. Después de editar la plantilla primary_tranlation.csv con el idioma que ha seleccionado en el campo desplegable, pulse Cargar archivo y seleccione el archivo .csv que ha editado.
    6. Opcional: Selecciona la casilla del idioma que has subido para eliminarlo.
    7. Pulse Guardar.
      Nota: Seleccione el recuadro de selección del idioma que ha cargado para suprimirlo.
  8. En el panel derecho, seleccione Publicar cambios para que el flujo de registro de usuario esté disponible para los usuarios.
    Tenga en cuenta que puede pulsar el enlace Obtener vista previa para ver el formulario antes de publicar. Si está trabajando con un borrador de un flujo de usuario publicado, también puede pulsar Ver versión actual para visualizar el flujo de usuario publicado actual y, a continuación, volver al borrador, si es necesario. Utilice el enlace Copiar flujo para crear una copia duplicada del flujo con un número incremental añadido al nombre de flujo. El enlace Suprimir flujo elimina el flujo de registro.

Ejemplo

Para añadir un número de teléfono a un flujo de usuario de registro de inicio de sesión:
  1. Abra el flujo de usuario en modalidad de edición.
  2. En la primera sección de la página de flujo de usuario, seleccione el botón +Añadir elemento de formulario para crear un nuevo elemento.
  3. Utilice el Editor de elementos de formulario para personalizar el elemento.
    1. En el campo Elemento de formulario, seleccione Teléfono en el menú desplegable.
    2. En el campo Atributo de usuario , seleccione número_trabajo.
    3. En el campo Etiqueta de campo, cambie el texto a Número de teléfono de trabajo.
    4. En el campo Texto de ayudante, especifique el texto Añada su número de teléfono.
  4. Seleccione Guardar flujo en el panel central de la página de flujo de usuario.
  5. Pulse el enlace Obtener vista previa para ver el formulario con el nuevo campo de número de teléfono.

Qué hacer a continuación

  • Haga que el URL de flujo de usuario esté disponible para los nuevos usuarios para facilitar el acceso de inicio de sesión al arrendatario de IBM Verify.
  • Vaya al panel de control Registro de usuario para ver el nuevo flujo.