Personalización de la experiencia de inicio de sesión de la aplicación con temas de personalización de marca

Puede crear experiencias de autenticación únicas para las aplicaciones del inquilino. Cada aplicación puede tener su propio tema que puede personalizar con una imagen o color de fondo, favicon, diseño, encabezado y pie de página. Esta personalización anula cualquier configuración realizada en la marca predeterminada. Si no realiza ningún cambio en los elementos, se muestran los elementos predeterminados.

En este artículo se describe cómo puede crear varios temas de personalización de marca para diferentes aplicaciones del inquilino.

Prerrequisitos

• En el caso de los inquilinos externos, no hay un requisito de licencia. Para los clientes de Microsoft Entra ID, debe tener una licencia Microsoft Entra ID P1 o P2.
• Tenga al menos el rol Administrador de Branding Organizacional.
• Tenga al menos el rol Administrador de aplicaciones para las aplicaciones a las que desea aplicar un tema.
• Una aplicación registrada a nombre de su inquilino. Si aún no ha registrado una aplicación, consulte Registro de una aplicación.
• Revise los requisitos de tamaño de archivo para cada imagen que quiera agregar. Use un editor de fotos si es necesario para crear imágenes con formato y tamaño correcto: PNG, JPG o JPEG con tamaño de imagen 245x36px y tamaño máximo de archivo 10KB.

Propiedades del tema de marca

Al crear un tema de personalización de marca, estas son algunas de las propiedades que puede personalizar.

Cómo funcionan los temas de personalización de marca

Los temas de marca se basan en la marca neutral y la marca predeterminada.

• Tema de marca: personalizaciones del branding predeterminado donde puede tener varios temas.
• Marca predeterminada (marca de empresa): personalizaciones de la marca neutral para un arrendatario.
• Personalización de marca neutra : personalización de marca inicial para un inquilino.

Estos son algunos aspectos importantes para saber cómo funcionan los temas de personalización de marca.

• Los temas de personalización de marca se pueden aplicar a aplicaciones específicas, mientras que la personalización de marca predeterminada se aplica a todo el inquilino.
• La marca predeterminada se utiliza como respaldo para cualquier propiedad no definida en el tema de branding.
• El branding neutro se utiliza para cualquier propiedad no definida en el branding predeterminado.

Límites y restricciones

Estos son algunos de los límites y restricciones de los temas de personalización de marca.

• Puede crear hasta 5 temas de personalización de marca por inquilino.
• La funcionalidad de vista previa activa ofrece vistas previas del estilo y los cambios de diseño y solo muestra la página Iniciar sesión. La vista previa en vivo no incluye sobrescrituras de texto personalizadas.
• No puede usar el nombre Tema predeterminado para el nombre del tema de personalización de marca. Este nombre está reservado.
• Actualmente, los cambios de texto personalizados solo se limitan a la página de inicio de sesión.
• Si no actualiza la propiedad del logotipo del banner, se muestra el logotipo de Microsoft en lugar del nombre del arrendatario (marca neutral).

Crear un tema nuevo

1. Inicie sesión en el Centro de administración de Microsoft Entra como Administrador de personalización de marca organizativa y Administrador de aplicaciones.

2. Vaya a ID de Entra>Personalización de branding.

3. En la página Personalización de marca de empresa, seleccione Temas de personalización de marca y, a continuación, seleccione la pestaña Temas .

   

4. Seleccione Crear nuevo tema.

5. En la pestaña Aspectos básicos , escriba un nombre para el tema.

   

6. Para seleccionar las aplicaciones que usarán este tema, en Aplicar tema a, seleccione Agregar aplicaciones. (O puede agregar aplicaciones más adelante).

7. 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 de diseño : elija si el panel de inicio de sesión está alineado centralmente en la página o alineado a la derecha.
   • Encabezado : para mostrar una imagen en un encabezado de página, active la casilla y busque la imagen que desea mostrar. Requisitos: PNG transparente, JPG o JPEG con tamaño de imagen 245x36px y tamaño máximo de archivo 10 KB.
   • Pie de página: para mostrar un pie de página que incluya vínculos a sus declaraciones de privacidad y/o términos de uso publicados, active la casilla adecuada, escriba el texto del vínculo y agregue la dirección URL del contenido.

   

8. Seleccione el botón Vista previa para ver los cambios en el diseño.

   

9. En la pestaña Estilo , modifique cualquiera de los elementos de fondo.

   • Color de fondo : el color que reemplaza la imagen de fondo siempre que no se pueda cargar la imagen, por ejemplo debido a la latencia de conexión.
   • 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.
   • Favicon: el icono que se muestra en la pestaña del explorador web.
   • Logotipo del banner : se muestra en la página de inicio de sesión y en el panel de acceso del usuario.
   • Logotipo cuadrado (tema claro): representa las cuentas de usuario del inquilino.
   • logotipo cuadrado (tema oscuro): si el logotipo de cuadrado de tema claro se muestra mal en fondos oscuros, puede cargar un logotipo que se usará en su lugar cuando se usen fondos oscuros.
   • css personalizado: cargue su propio archivo CSS para reemplazar el estilo predeterminado de Microsoft por su propio estilo para: color, fuente, tamaño de texto, posición de elementos y pantallas para diferentes dispositivos y tamaños de pantalla. Para obtener más información, consulte la guía de referencia de plantillas CSS.

   

10. Seleccione el botón Vista previa para ver los cambios de estilo.

    

11. En la pestaña Texto personalizado , seleccione el vínculo Predeterminado para una de las páginas, como la página De inicio de sesión.

    • Inicio de sesión : página donde los usuarios escriben sus credenciales para iniciar sesión.
    • Registro : página donde los usuarios crean una nueva cuenta.
    • Colección de atributos : página en la que los usuarios proporcionan información adicional durante la edición de perfiles o registro.
    • Código único : página en la que los usuarios escriben un código de una sola vez enviado a su correo electrónico o teléfono para su comprobación.

    

12. Personalice el texto de la página seleccionada y, a continuación, seleccione Agregar.

    El conjunto de texto personalizado para un tema podría afectar a la experiencia de usuario localizada, ya que no se localizarán. Para garantizar la localización completa de todo el texto, establezca texto personalizado para cada idioma del tema.

    

    En la página Iniciar sesión, puede personalizar el texto del cuadro de mensaje de visualización. Este texto aparece en la parte inferior de la página de inicio de sesión de Microsoft Entra ID y en la experiencia de unirse a Microsoft Entra ID en Windows. Use este texto para transmitir instrucciones o sugerencias. Cualquier persona puede ver la página de inicio de sesión, por lo que no ponga información confidencial aquí. Tiene un máximo de 1024 caracteres. Use la siguiente sintaxis para dar formato al texto, incluidos negrita, cursiva, subrayado y enlace clicable.

    • Negrita: **text** o __text__
    • Cursiva: *text* o _text_
    • Subrayado: ++text++
    • Hipervínculo: [text](link)

13. En la pestaña Revisar , revise la configuración.

14. Seleccione Crear para crear el tema.

Aplicación de un tema a las aplicaciones

En esta sección, aplicará un tema a las aplicaciones de su inquilino.

1. En la página Temas de marca, seleccione la pestaña Temas.

2. Seleccione un tema que creó para abrir la información general.

3. En Aspectos básicos, seleccione el icono de edición de lápiz.

   

4. En Aplicar tema a, seleccione Editar para editar la lista de aplicaciones.

   

5. Busque o navegue hasta tu aplicación. Active la casilla y, a continuación, elija Seleccionar.

   

Editar un tema

En esta sección, editará un tema.

1. En la página Temas de marca, seleccione la pestaña Temas.

2. Seleccione un tema que creó para abrir la información general.

3. Seleccione el icono de edición de lápiz de las partes que desea editar.

Agregar un idioma a un tema

En esta sección, agregará un idioma a un tema.

1. En la página Temas de marca, seleccione la pestaña Temas.

2. Seleccione un tema que creó para abrir la información general.

3. En la pestaña Idiomas , seleccione Agregar un idioma para personalizar el idioma del tema.

   Los pasos para personalizar el lenguaje son similares a la personalización del tema de personalización de marca.

   

4. En la pestaña Aspectos básicos , seleccione un idioma.

   

   Se admiten los siguientes idiomas:

   • Árabe (Arabia Saudí)
   • Vasco (España)
   • Búlgaro (Bulgaria)
   • Catalán (Catalán)
   • Chino (China)
   • Chino (RAE de Hong Kong)
   • Croata (Croacia)
   • Checo (Chequia)
   • Danés (Dinamarca)
   • Neerlandés (Países Bajos)
   • Inglés (Estados Unidos)
   • Estoniano (Estonia)
   • Finés (Finlandia)
   • Francés (Francia)
   • Gallego (Galicia)
   • Alemán (Alemania)
   • Griego (Grecia)
   • Hebreo (Israel)
   • Húngaro (Hungría)
   • Italiano (Italia)
   • Japonés (Japón)
   • Kazajo (Kazajistán)
   • Coreano (Corea)
   • Letón (Letonia)
   • Lituano (Lituania)
   • Bokmål noruego (Noruega)
   • Polaco (Polonia)
   • Portugués (Brasil)
   • Portugués (Portugal)
   • Rumano (Rumanía)
   • Ruso (Rusia)
   • Serbio (latín, Serbia)
   • Eslovaco (Eslovaquia)
   • Esloveno (Eslovenia)
   • Español (España)
   • Sueco (Suecia)
   • Tailandés (Tailandia)
   • Idioma turco (Turquía)
   • Ucraniano (Ucrania)

5. Personalice los elementos en las pestañas Diseño, Estilo y Texto personalizado .

6. En la pestaña Revisar , seleccione Agregar para agregar el idioma.

Contenido relacionado

• Configura la marca de tu empresa
• Personalización de marca neutra en un inquilino externo