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 IBM Verify consola de administración como administrador. Para obtener más información, consulte «Acceder a IBM Verify ».
  • Un flujo de usuario en un estado borrador o publicado. Consulte «Crear un flujo de usuario ».

Procedimiento

  1. Selecciona «Experiencia del usuario » > «Registro de usuarios ».
  2. Selecciona un flujo de usuario en el panel de control de registro de usuarios para abrir el formulario en la pestaña «Flujo ».
  3. Personaliza el flujo de usuario para tu Verify entidad.
    • 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. Utiliza el Cuadro de diálogo de flujo de usuario icono para arrastrar el elemento a otra ubicación dentro de la sección. Elimina el elemento haciendo clic en 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 cuentan con menús desplegables con opciones, mientras que otros pueden incluir texto o el lenguaje de marcado Markdown para mostrarse en el formulario. Los campos varían en función del tipo de elemento seleccionado.
    Algunos elementos pueden utilizar la sustitución de atributos, que captura el valor del atributo introducido por el usuario y lo utiliza la siguiente vez y en todas las ocasiones posteriores en que se llame al atributo. Por ejemplo, al utilizar el bloque de código « {{name}} », el archivo puede recuperar el valor introducido por el usuario en un paso anterior. El atributo «input» del usuario sustituye el bloque de código por el nombre que el usuario haya proporcionado cada vez que se llame a « {{name}} ».
    Nota: La sustitución de atributos no funcionará si los elementos de formulario necesarios para la sustitución no se han añadido 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 Verify elementos están disponibles en el menú desplegable del elemento «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. Se pueden configurar mensajes de error personalizados para informar al usuario de los posibles problemas con la contraseña introducida.
    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 la sección «Gestión de los contratos 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. Este 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, consulta la sección «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, consulta la sección «Gestión de la imagen de marca ».

  4. Seleccione la pestaña Configuración de la página de flujo de usuario para cambiar el Nombre, la Ruta URL, el Tema, la Verificación humana o la Redirección dinámica para el flujo de usuario. Para obtener más información sobre «Theme», consulta la sección «Gestión de la imagen de marca ».
  5. Opcional: en la pestaña «Configuración», marca la casilla «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úrate de que sea compatible con las directrices de seguridad de tu empresa.
    Nota: En la parte superior de los flujos existentes en los que falte el elemento «nombre de usuario» aparecerá un mensaje indicando que hay que rellenar esos campos para poder traducirlos. Para ver el elemento que falta, haz clic en «Mostrar elemento ».
    1. Haz clic en «Guardar configuración ».
    2. Selecciona el elemento «Dirección de correo electrónico ».
    3. En el editor de elementos del formulario, selecciona un atributo de usuario.
    4. Activa el nombre de usuario de la cuenta.
    5. El editor de cuentas de Form genera campos de texto rellenados que indican si un nombre de usuario está disponible o no. Hay campos de texto correspondientes para indicar si se ha buscado un nombre de usuario, si dicho nombre está disponible o si ya está en uso. Si deseas personalizarlo aún más, puedes editar el texto de los cuadros de texto.
  6. Desplázate hasta el final de la página y selecciona «Guardar cambios ».
  7. Selecciona la pestaña «Traducciones» de la página del flujo de usuario para cambiar el idioma principal en el que está configurado el perfil.
    1. Opcional: Descarga primero la plantilla de traducción principal y, a continuación, edítala con el idioma que desees.
    2. Haz clic en «Añadir traducciones ».
    3. Selecciona el idioma que desees en el menú desplegable.
    4. En la sección «Subir traducción », haz clic en «Plantilla de traducción principal» para descargar un .csv archivo con la plantilla de traducción principal.
    5. Una vez que hayas editado la primary_tranlation.csv plantilla con el idioma que hayas seleccionado en el menú desplegable, haz clic en «Subir archivo» y selecciona el .csv archivo que acabas de editar.
    6. Opcional: marca la casilla del idioma que has subido para eliminarlo.
    7. Haz clic en «Guardar ».
      Nota: Marca la casilla del idioma que has subido para eliminarlo.
  8. En el panel derecho, selecciona «Publicar cambios» para que el proceso de registro de usuarios esté disponible para tus 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 », selecciona «work_number ».
    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.