Personalización de marca neutra en el inquilino externo

Después de crear un inquilino externo puede personalizar la experiencia del usuario final. Cree una apariencia personalizada para los usuarios que inician sesión en las aplicaciones; para ello, configure las opciones de Personalización de marca de la empresa para el inquilino en cuestión. Con esta configuración, puede agregar sus propias imágenes de fondo, colores, logotipos de la empresa y texto a fin de personalizar las experiencias de inicio de sesión en todas las aplicaciones.
También puede crear flujos de usuario mediante programación con la Graph API Personalización de marca de la empresa.

Sugerencia

Para probar esta característica, vaya a la demostración de Woodgrove Groceries e inicie el caso de uso "Marca de empresa".

Requisitos previos

• Si aún no ha creado su propio inquilino externo de Microsoft Entra, cree uno ahora.
• Registrar una aplicación
• Crear flujos de usuario
• Revise los requisitos de tamaño de archivo para cada imagen que quiera agregar. Puede que necesite usar un editor de fotografía para crear imágenes con el tamaño adecuado. El tipo de imagen preferido para todas las imágenes es PNG, pero se acepta JPG.

Elementos de personalización de marca

De forma predeterminada, Microsoft ofrece una personalización de marca neutra para su inquilino que se puede personalizar para satisfacer los requisitos específicos de su empresa. Esta personalización de marca predeterminada no incluye ninguna personalización de marca de Microsoft preexistente. Si la personalización de marca personal de la empresa no se carga, la página de inicio de sesión volverá automáticamente a esta personalización de marca neutra. Además, cada propiedad de personalización de marca personalizada se puede agregar manualmente a la página de inicio de sesión personalizada.

Puede personalizar esta personalización de marca neutra con una imagen o color de fondo, favicono, diseño, encabezado y pie de página. También puede personalizar el formulario de inicio de sesión y agregar texto personalizado a diferentes instancias o cargar CSS personalizado. En la siguiente imagen se muestra la personalización de marca predeterminada neutra del inquilino. Puede encontrar los elementos de personalización de marca numerados y sus descripciones correspondientes después de la imagen.

1. Fondo neutro.
2. Favicono.
3. Logotipo del banner.
4. Pie de página como elemento de diseño de página
5. Hipervínculos de pie de página, como Privacidad y cookies, Términos de uso.

Cómo personalizar la experiencia predeterminada de inicio de sesión

Antes de personalizar cualquier configuración, la personalización de marca predeterminada neutra aparece en las páginas de inicio de sesión, registro y cierre de sesión. Esto se puede personalizar con una imagen o color de fondo personalizadas, favicono, diseño, encabezado y pie de página. También puede cargar un CSS personalizado.

1. Inicie sesión en Centro de administración de Microsoft Entra como mínimo un administrador de personalización de marca organizativa.

2. Si tiene acceso a varios inquilinos, use el icono Configuración en el menú superior para cambiar al inquilino externo que creó anteriormente desde el menú Directorios y suscripciones.

3. Vaya a Personalización de marca de empresa mediante la barra de búsqueda o vaya a Inicio>Información general del inquilino>Personalizar la información de marca.

   

4. En la pestaña Inicio de sesión predeterminado, seleccione Editar.

   

Para personalizar el fondo y el diseño de la página de inicio de sesión

1. En la pestaña Aspectos básicos, modifique cualquiera de los elementos del fondo.

   • Favicono: icono que se muestra en la pestaña del explorador web.

   • Imagen de fondo: imagen grande que se muestra en la página de inicio de sesión. Si carga una imagen, se escala y recorta para rellenar la ventana del explorador.

   • Color de fondo de la página: color que reemplaza la imagen de fondo cuando esta no se puede cargar, por ejemplo, debido a una latencia de la conexión.

   

2. Seleccione Siguiente: Diseño si desea seguir con la personalización, o bien Revisar y guardar si desea guardar los cambios.

3. En la pestaña Diseño, seleccione la ubicación de los elementos de página web en la página de inicio de sesión.

   • Plantilla: elija si el fondo se muestra en pantalla completa o parcial.

   • Encabezado: muestre u oculte el encabezado.

   • Pie de página: muestre u oculte el pie de página.

   • CSS personalizado: cargue un archivo CSS propio para reemplazar el estilo predeterminado de Microsoft por su estilo propio para el color, la fuente, el tamaño de texto, la posición de los elementos y visualizaciones para distintos dispositivos y tamaños de pantalla.

   

4. Seleccione Siguiente: Encabezado si desea seguir con la personalización, o bien Revisar y guardar si desea guardar los cambios.

Para personalizar el logotipo, el vínculo de privacidad y las condiciones de uso

1. En la pestaña Encabezado, seleccione el logotipo que se va a mostrar en el encabezado de la página de inicio de sesión.

   

2. Seleccione Siguiente: Pie de página si desea seguir con la personalización, o bien Revisar y guardar si desea guardar los cambios.

3. En la pestaña Pie de página, puede personalizar las direcciones URL y el texto de vínculo de los hipervínculos de privacidad y condiciones de uso que aparecen en el pie de página de la página de inicio de sesión.

   • Privacidad y cookies: active la casilla que aparece junto a Privacidad y cookies para mostrar este hipervínculo en el pie de página. Se muestra el vínculo de privacidad predeterminado de Microsoft, a menos que escriba su propio hipervínculo Mostrar texto y URL.

   • Términos de uso: active la casilla que aparece junto a Términos de uso para mostrar este hipervínculo en el pie de página. Se muestra el vínculo de condiciones de uso de Microsoft, a menos que escriba su propio hipervínculo Mostrar texto y URL.

   

4. Seleccione Siguiente: Formulario de inicio de sesión si desea seguir con la personalización, o bien Revisar y guardar si desea guardar los cambios.

Para personalizar el formulario de inicio de sesión

1. En la pestaña Formulario de inicio de sesión, configure los elementos del formulario de inicio de sesión:

   • Logotipo de banner: se muestra en la página de inicio de sesión y en el panel de acceso del usuario.

   • Logotipo cuadrado (tema claro): presenta las cuentas de usuario de la organización.

   • Logotipo cuadrado (tema oscuro): si el logotipo cuadrado del tema claro no se ve bien en fondos oscuros, puede cargar un logotipo que se usará en su lugar cuando se utilicen fondos oscuros.

   

2. Desplácese hasta la mitad inferior de la página y configure más elementos del formulario de inicio de sesión:

   • Texto de sugerencia de nombre de usuario: texto de sugerencia que se muestra en el campo de entrada del nombre de usuario en la página de inicio de sesión (no se recomienda si usuarios invitados inician sesión en la aplicación).

   • Texto de la página de inicio de sesión: aparece en la parte inferior de las páginas de inicio de sesión y registro. Directrices:

     • 1 024 caracteres como máximo
     • No incluya información confidencial
     • Use esta sintaxis para dar formato al texto:
       • Hipervínculo: [text](link)
       • Negrita: **text** or __text__
       • Cursiva: *text* or _text_
       • Subrayado: ++text++

Para personalizar el autoservicio de restablecimiento de contraseña

1. Desplácese hasta la sección Autoservicio de restablecimiento de contraseña para configurar opciones para mostrar, ocultar o personalizar el vínculo de autoservicio de restablecimiento de contraseña en la página de inicio de sesión.

   • Mostrar autoservicio de restablecimiento de contraseña: active esta casilla para mostrar el vínculo de autoservicio de contraseña.
   • Dirección URL común: escriba una dirección URL de restablecimiento de contraseña que se va a usar en lugar del vínculo predeterminado de Microsoft.
   • Texto para mostrar de la colección de cuentas: escriba el texto del vínculo que se va a mostrar en lugar del texto predeterminado de Microsoft "¿No puede acceder a la cuenta?".
   • Texto para mostrar de la colección de contraseñas: escriba el texto del vínculo que se va a mostrar en lugar del texto predeterminado de Microsoft "¿Olvidó la contraseña?".

   

2. Seleccione Siguiente: Texto si desea seguir personalizando o Revisar y guardar si desea guardar los cambios.

Para personalizar los atributos de usuario

En el caso del inquilino, puede tener requisitos diferentes para la información que quiere recopilar durante el registro y el inicio de sesión. El inquilino incluye un conjunto integrado de información almacenada en atributos, como el nombre propio, los apellidos, la ciudad y el código postal. Puede crear atributos personalizados en el inquilino mediante Microsoft Graph API o en el portal, en la pestaña Texto de Personalización de marca de la empresa.

1. En la pestaña Texto, seleccione Agregar texto personalizado.

2. Seleccione cualquiera de las opciones:

   • Seleccione Atributos para reemplazar los valores predeterminados.
   • Seleccione Colección de atributos para agregar una opción de atributo nueva que le gustaría recopilar durante el proceso de registro.
   • Seleccione Iniciar sesión para agregar texto personalizado para la página de inicio de sesión.
   • Seleccione Registrarse para agregar texto personalizado para la página de inicio de sesión.
   • Seleccione Código de un solo uso de inicio de sesión o registro (SISU OTC) para agregar un título personalizado.

   

3. Seleccione Siguiente: Revisar para revisar todas las modificaciones. A continuación, seleccione Guardar si desea guardar los cambios o Anterior si desea continuar personalizando.

Importante

En el inquilino externo tenemos dos opciones para agregar texto personalizado a la experiencia de registro e inicio de sesión. La función está disponible en cada flujo de usuario durante la personalización de idioma y también en Personalización de marca de la empresa. Si bien hay dos maneras de personalizar cadenas (a través de Personalización de marca de la empresa y de Flujos de usuario), ambas modifican el mismo archivo JSON. El cambio más reciente hecho a través de los flujos de usuario o de la personalización de marca de la empresa siempre reemplazará al anterior.

Personalizar la experiencia de cierre de sesión

No es necesario personalizar la experiencia de cierre de sesión para el inquilino externo. Si ha personalizado la personalización de marca para la experiencia de inicio de sesión, la experiencia de cierre de sesión coincidirá automáticamente con la experiencia de inicio de sesión. Si no ha personalizado la experiencia de inicio de sesión, la experiencia de cierre de sesión coincidirá con la personalización de marca neutra predeterminada en el inquilino externo.

Cómo personalizar el nombre del inquilino

Puede personalizar el nombre del inquilino en el Centro de administración de Microsoft Entra para reemplazar el logotipo del banner de Microsoft en la experiencia de inicio de sesión predeterminada neutra. El nuevo nombre de inquilino también aparece en el correo electrónico de verificación enviado al usuario.

1. Inicie sesión en Centro de administración de Microsoft Entra como mínimo un administrador de personalización de marca organizativa .

2. Si tiene acceso a varios inquilinos, use el icono Configuración en el menú superior para cambiar al inquilino externo que creó anteriormente desde el menú Directorios y suscripciones.

3. En la barra de búsqueda, escriba y seleccione Propiedades de inquilino.

4. Edite el campo Nombre.

   

5. Seleccione Guardar.

Personalización de la personalización de marca con Microsoft Graph API

Puede usar Microsoft Graph API para personalizar algunos elementos mediante programación. Por ejemplo, puede usar la API para cargar una imagen de fondo personalizada, cambiar el color de la página de inicio de sesión y agregar un logotipo personalizado. Para obtener más información, consulte el artículo Actualización de la personalización de marca predeterminada.

Pasos siguientes

En este artículo hemos aprendido a personalizar la apariencia y la apariencia del inicio de sesión del cliente y la experiencia de inicio de sesión. Para obtener más información sobre cómo personalizar el idioma del inquilino, consulte el artículo Personalización de idioma. Para comprender las diferencias en la personalización de marca de inquilinos, consulte el artículo Personalización de marca para su personal.