Cómo configurar elementos de Auth0 para que reflejen su marca y la experiencia de usuario que desea ofrecer.
Auth0 se puede personalizar con una apariencia acorde con los requisitos de marca de su organización y las expectativas de los usuarios. Aplicar su marca a los recursos de Auth0 proporciona una experiencia de usuario coherente para sus clientes y les da la tranquilidad de saber que están usando un producto de un proveedor confiable y seguro.Auth0 ofrece compatibilidad con la internacionalización (I18N) y la localización (L10N), ambas importantes si trabaja en la marca para una clientela internacional. Los recursos predeterminados, como el widget de interfaz de usuario Auth0 Lock y , vienen habilitados de forma predeterminada para admitir varios idiomas, con extensibilidad integrada para agregar más idiomas si lo que necesita aún no existe.
Casi todas las aplicaciones necesitan internacionalización y/o localización de una forma u otra. Auth0 facilita su incorporación, pero debe tenerla en cuenta desde el principio: adaptar la localización más adelante, por ejemplo, puede ser un proceso complicado si se deja para demasiado tarde.
Al considerar qué elementos quiere personalizar con su marca, así como la mejor forma de hacerlo, hay varios aspectos que querrá revisar:
¿Necesita aplicar su marca a la página de inicio de sesión?
¿Necesita localizar la página de inicio de sesión?
Si comparte un inquilino de Auth0 entre organizaciones de clientes, ¿debería agregar una marca específica de la organización a la experiencia de inicio de sesión?
¿Cómo puede personalizar los correos electrónicos para que no solo reflejen su marca, sino que también varíen según las preferencias del usuario?
¿Cómo sabrán los usuarios que siguen estando en su dominio cuando vean su página de inicio de sesión?
¿Qué debe hacer para proporcionar seguridad adicional en el navegador (por ejemplo, implementar validación extendida)?
¿Adónde quiere dirigir a los usuarios en caso de error?
Auth0 ofrece una enorme flexibilidad a la hora de personalizar y configurar páginas de Auth0 como Universal Login y Restablecimiento de contraseña. Así, puede configurar prácticamente cualquier apariencia y experiencia de usuario que necesite. Para muchos, la experiencia predeterminada, quizá con algunos pequeños ajustes, es todo lo que necesitan. Sin embargo, para otros, el valor de su marca y su reconocimiento requieren una personalización más amplia. Esta flexibilidad no solo se extiende a las páginas de Auth0, sino que, mediante extensibilidad, también puede aplicarse a las plantillas de correo electrónico. La funcionalidad de dominio personalizado de Auth0 mejora aún más el reconocimiento por parte de los consumidores al aportar a los usuarios confianza y tranquilidad en materia de protección y seguridad.Si comparte un inquilino de Auth0 entre varias organizaciones de clientes, proporcionando a cada organización su propio dominio de usuarios y administrando sus credenciales, deberá considerar cómo sabrá cada usuario qué credenciales debe usar y cómo confiará en que las está introduciendo en un lugar protegido y seguro. Consulte Marca del inicio de sesión por organización para obtener más detalles.Si bien Auth0 proporciona información predeterminada para situaciones de error, esa información puede resultar algo críptica, ya que carece del contexto que solo usted puede aportar. No obstante, la guía de personalización de la página de error de Auth0 puede ayudar a mitigar esto, ya que le permite proporcionar información más específica para cada contexto a través de su propio equipo de soporte.
Para ofrecer recursos útiles a los usuarios que tengan problemas, también debe configurar un nombre descriptivo y un logotipo, así como proporcionar la dirección de correo electrónico y la URL de soporte de su organización. Para saber cómo hacerlo, consulte Configuración del Tenant en el Dashboard.
Universal Login es el método recomendado para autenticar usuarios y se basa en la página de inicio de sesión. Puede personalizar la página de inicio de sesión para cumplir con los requisitos de marca de su organización.
Para personalizar las páginas de Universal Login, puede modificar sus temas de página, así como crear plantillas de página dinámicas.Si decide implementar Classic Login y personalizar el script de la página de inicio de sesión, le recomendamos encarecidamente que use control de versiones. Para ello, debe implementar el script en su inquilino de Auth0 mediante la automatización de implementación o una de las estrategias alternativas.
Personalización de la marca del inicio de sesión por organización
La necesidad de realizar una personalización especial en la página de Universal Login depende de cómo planee gestionar la organización de sus clientes. Antes de leer esta sección, asegúrese de haber leído la sección de Universal Login y de entender cómo va a abordar las organizaciones revisando Arquitectura de múltiples organizaciones.Si los usuarios de su organización van a estar completamente aislados entre sí, es importante dejar claro en la página de Universal Login a qué organización corresponde la página de inicio de sesión. La forma más sencilla de hacerlo es usar la función Organizations, que le permite almacenar el logotipo, el color principal y el color de fondo que se usarán para personalizar la marca en la página de Universal Login una vez que se haya identificado la organización, ya sea pasando org_id desde la aplicación o haciendo que el usuario introduzca su organización en la pantalla de organización.
De forma predeterminada, la URL asociada a tu inquilino incluirá su nombre y, posiblemente, un identificador específico de la región. Por ejemplo, los inquilinos ubicados en EE. UU. tienen una URL similar a https://example.us.auth0.com, mientras que los ubicados en Europa tienen una con el formato https://example.eu.auth0.com. Un dominio personalizado te permite ofrecer a tus usuarios una experiencia coherente mediante un nombre alineado con la marca de tu organización.
Solo se puede aplicar un nombre de dominio personalizado por Tenant de Auth0, así que, si necesitas una marca independiente para cada nombre de dominio, necesitarás una arquitectura en la que se implementen varios Tenants de Auth0 en producción.
Además, la funcionalidad de te ofrece control total sobre el proceso de gestión de certificados. De forma predeterminada, Auth0 proporciona certificados SSL estándar, pero si configuras un dominio personalizado, puedes usar certificados SSL de validación extendida (EV) o similares para mostrar en el navegador indicadores visuales que den a tus visitantes una mayor tranquilidad.En general, vemos que los clientes obtienen mejores resultados cuando usan un dominio centralizado para la autenticación; esto es especialmente cierto si la empresa ofrece varios productos o marcas de servicio. Al usar un dominio centralizado, puedes ofrecer a los usuarios finales una experiencia coherente y, al mismo tiempo, minimizar la necesidad de mantener varios inquilinos de producción en Auth0.
Si las organizaciones de tus clientes estarán aisladas entre sí y necesitas que se presente a los usuarios una página de inicio de sesión para cada organización mediante una URL de dominio personalizado, tu única opción es crear un inquilino independiente para cada organización.
Personalización de plantillas de correo electrónico
Auth0 utiliza ampliamente el correo electrónico tanto para enviar notificaciones a los usuarios como para habilitar la funcionalidad necesaria para una gestión segura de identidades (por ejemplo, la verificación del correo electrónico, la recuperación de cuentas y la protección contra ataques de fuerza bruta), y ofrece varias plantillas para ello.
De forma predeterminada, las plantillas de correo electrónico incluyen texto estándar y la marca de Auth0. Sin embargo, puede configurar casi todos los aspectos de estas plantillas para que reflejen el texto y la experiencia de usuario que desea, y modificar elementos como el idioma preferido, las opciones de accesibilidad, entre otros.Las plantillas de correo electrónico se personalizan mediante la sintaxis Liquid. Si le interesa personalizar sus plantillas en función de las preferencias del usuario, también tendrá acceso a los metadatos ubicados en los perfiles de los usuarios, así como a cualquier metadato específico de la aplicación.
Personalización de la página de restablecimiento de contraseña
La página Restablecimiento de contraseña se usa cada vez que un usuario utiliza la funcionalidad de cambio de contraseña y, al igual que la página de inicio de sesión, puede personalizarla para reflejar los requisitos específicos de marca de su organización.Si los usuarios de su organización van a estar aislados entre sí (es decir, cada organización tiene su propia conexión de base de datos de Auth0) y está personalizando por organización la marca de las páginas de Universal Login, también es importante aplicar esa marca a elementos como la página de restablecimiento de contraseña, para que los usuarios sepan para qué organización se está realizando el cambio de contraseña. Esto puede hacerse de un par de maneras:
Cree JavaScript en la página Restablecimiento de contraseña que pueda cargar recursos desde una CDN en función del parámetro connection, que indica de qué organización proviene el usuario.
Cree un inquilino independiente para una organización y use Universal Login para personalizar lo que se requiere para esa organización.
Si se producen problemas durante un flujo interactivo del usuario (por ejemplo, el registro o el inicio de sesión), Auth0 proporciona mensajes de error que indican cuál es el problema a nivel interno. Los mensajes predeterminados son algo crípticos, especialmente para el usuario final, ya que probablemente carezcan del contexto que solo usted puede proporcionar. Por ello, recomendamos personalizar sus páginas de error para ofrecer directamente a sus usuarios la información contextual que falta. Además, personalizar sus páginas de error le permite mostrar su marca, y no la de Auth0, así como brindar a sus usuarios información útil sobre qué deben hacer a continuación. Esta información puede incluir un enlace a una sección de preguntas frecuentes o indicar cómo ponerse en contacto con el equipo de soporte o el servicio de asistencia de su empresa.
De forma predeterminada, no hay una interfaz de usuario para personalizar las páginas de error proporcionadas por Auth0, pero puede usar el endpoint Tenant Settings de la Management API para configurarlas. Como alternativa, si puede crear y alojar su propia página de error, puede hacer que Auth0 redirija a los usuarios a esa página en lugar de usar la opción alojada por Auth0.
Personalización de la página multifactor de Guardian
Las páginas de se pueden personalizar ajustando las opciones de marca de Universal Login en la sección Configuración de Universal Login.Si necesita una mayor personalización, también puede personalizar el contenido HTML completo para reflejar los requisitos específicos de experiencia de usuario (UX) de su organización.
Ofrecemos una guía de planificación en formato PDF que puede descargar y consultar para obtener más información sobre nuestras estrategias recomendadas.Guía de planificación del proyecto de B2B IAM
Autenticar
Administrar usuarios
Personalizar
Auth0 AI
Plataforma