Skip to Content

Identidad de Marca y Personalización

La sección Marca de la Consola de Auris controla la identidad visual de todos los componentes orientados al usuario gestionados por Auris: la página de inicio de sesión alojada, las plantillas de email y (opcionalmente) el dominio desde el que se sirven. La personalización se aplica por tenant, por lo que todas las aplicaciones registradas en tu tenant heredan la misma marca.

Configuración de Marca

La página de Marca en la Consola contiene un panel de vista previa en directo en el lado derecho que se actualiza en tiempo real a medida que realizas cambios. Esto te permite ver el efecto de cada ajuste antes de guardar.

Nombre de la Empresa

El nombre de la empresa se muestra en:

  • El título de la página de inicio de sesión alojada (Iniciar sesión en [Nombre de la Empresa])
  • Las líneas de asunto y los pies de página de las plantillas de email
  • El título de la pestaña del navegador para las páginas de inicio de sesión alojadas

Introduce el nombre de tu empresa o producto exactamente como deseas que aparezca para los usuarios.

Sube una imagen de logo que aparecerá en el encabezado de la página de inicio de sesión alojada y en el encabezado de todas las plantillas de email salientes.

Formatos admitidos: PNG, SVG, WebP, JPEG

Especificaciones recomendadas:

UsoTamaño RecomendadoTamaño Máximo de Archivo
Encabezado de inicio de sesión alojado200 × 60 píxeles o proporcional500 KB
Encabezado de email600 × 200 píxeles o proporcional500 KB

Los archivos SVG se escalan sin pérdida de calidad en cualquier tamaño y se prefieren para logos con texto.

Tras la subida, el logo aparece en la vista previa en directo de inmediato. Haz clic en Eliminar Logo para volver a mostrar el nombre de la empresa como texto.

Color Principal

El color principal se aplica a:

  • Botones de acción principal (Iniciar Sesión, Continuar, Enviar)
  • Texto de enlaces en la página de inicio de sesión
  • Indicadores de progreso y estados de carga
  • Anillos de enfoque en elementos interactivos

Haz clic en la muestra de color para abrir el selector de color. Puedes seleccionar un color visualmente, introducir un valor hexadecimal (#1a73e8) o elegir de la paleta predefinida.

Paleta predefinida: La consola ofrece un conjunto de 12 colores predefinidos que representan colores de marca habituales. Al hacer clic en un color predefinido se rellena el campo hexadecimal y se actualiza la vista previa.

Asegúrate de que tu color principal tenga suficiente contraste respecto a un fondo blanco para cumplir los estándares de accesibilidad WCAG 2.1 AA (relación de contraste mínima de 4,5:1 para texto normal). La Consola muestra una advertencia de contraste si el color seleccionado no cumple este umbral.

Color de Fondo

El color de fondo se aplica al área de fondo exterior de la página de inicio de sesión (visible en pantallas grandes como el área que rodea la tarjeta de inicio de sesión).

Para un aspecto profesional, usa un color que complemente tu color principal. Las opciones habituales son:

  • Un tinte muy claro del color principal (por ejemplo, #f0f4ff para un color principal azul)
  • Un blanco neutro casi puro (#f8f9fa)
  • El color secundario/neutro de tu marca

Favicon

Sube un archivo .ico, .png o .svg para usar como icono de pestaña del navegador en las páginas de inicio de sesión alojadas. Tamaño recomendado: 32 × 32 píxeles. El favicon se muestra en las pestañas del navegador, marcadores e historial del navegador.

Correos Transaccionales

Auris envía correos transaccionales para trece tipos de eventos — verificación, restablecimiento de contraseña, invitación, código MFA, magic link, alerta de acceso, bienvenida, contraseña cambiada, cuenta bloqueada, acceso sospechoso, email cambiado, licencia emitida y aprobación de acceso CIBA. Mira Plantillas de Correo para el catálogo completo y las variables por tipo.

Marca del Tenant en los Correos Predeterminados

Mientras no guardes una plantilla personalizada, Auris renderiza las plantillas integradas con la marca de tu tenant: tu nombre de empresa, tu logo (con reserva al nombre en texto cuando no hay logo) y tu color principal. Una plantilla personalizada reemplaza todo el HTML, así que la marca dentro de ella queda totalmente bajo tu control.

White-Label y Pie de Página

Dos interruptores en Consola → Configuración → Email controlan el pie de los correos predeterminados:

  • Emails white-label — elimina la atribución “Powered by Altovar”; el pie muestra solo tu propia línea de copyright. Los tenants white-label sin color principal personalizado reciben un color de acento neutro en lugar del predeterminado de la plataforma, para que ninguna marca de la plataforma se filtre en tus correos.
  • Ocultar pie de página — omite por completo la banda del pie.

Editar una Plantilla

  1. Ve a Consola → Configuración → Plantillas de Email
  2. Haz clic en la plantilla para abrir el editor y elige un modo: editor de tema, builder visual o editor de código
  3. Edita el Asunto y el cuerpo — ambos admiten variables con la sintaxis {{variable}}
  4. Haz clic en Enviar prueba para enviar la plantilla actual, renderizada con datos de ejemplo, a tu propia dirección de email de administrador (asunto con prefijo [TEST])
  5. Haz clic en Guardar para aplicar los cambios; Restablecer predeterminado devuelve el idioma actual a la plantilla integrada

Variables de Plantilla

Las variables usan la sintaxis {{variable}} y se sustituyen en el envío por los valores reales — por ejemplo {{link}}, {{email}}, {{expiresIn}}. Cada tipo de plantilla tiene su propio conjunto de variables, y las variables de fecha {{year}}, {{month}}, {{day}}, {{date}} están siempre disponibles. La notación con punto no está soportada. Los bloques condicionales ({{#if variable}}...{{/if}}) conservan el contenido solo cuando la variable tiene valor.

No elimines el enlace o el código de acción principal de ninguna plantilla ({{link}}, {{code}}, {{approveUrl}}, …). Eliminarlo hace que el correo no sea funcional.

Dominios Personalizados

Por defecto, las páginas de inicio de sesión alojadas de Auris se sirven desde el dominio de la plataforma Auris. Los dominios personalizados te permiten poner la autenticación bajo tu propia marca y dominio — por ejemplo, auth.yourdomain.com en lugar del dominio predeterminado de la plataforma.

Cuando un dominio personalizado está activo, todas las páginas de inicio de sesión alojadas, los enlaces de email y el documento de Descubrimiento OIDC hacen referencia a tu dominio personalizado. Desde la perspectiva del usuario, todo el flujo de autenticación parece estar operado por ti.

Configurar un Dominio Personalizado

Añadir tu dominio

  1. Ve a Consola → Configuración → Dominios Personalizados
  2. Haz clic en Añadir Dominio
  3. Introduce el subdominio completo que deseas usar (por ejemplo, auth.yourdomain.com)
  4. Haz clic en Añadir

Configurar tu DNS

Tras añadir el dominio, Auris genera instrucciones de verificación DNS. Debes añadir un registro CNAME en tu proveedor DNS apuntando tu subdominio al host de la plataforma Auris:

Tipo:   CNAME
Nombre: auth         (o el subdominio que especificaste, sin el dominio raíz)
Valor:  [auris-platform-hostname]
TTL:    300

El nombre de host de destino exacto se muestra en la Consola después de añadir el dominio. La propagación DNS normalmente tarda entre 5 y 30 minutos, pero en algunos casos puede tardar hasta 48 horas.

Verificar la propiedad del dominio

Una vez que tus registros DNS se hayan propagado:

  1. Vuelve a Configuración → Dominios Personalizados
  2. Haz clic en Verificar junto a tu dominio
  3. Auris realiza una búsqueda DNS para confirmar que el registro CNAME está en su lugar

El estado cambia de Pendiente a Activo una vez que la verificación es exitosa. El aprovisionamiento del certificado SSL/TLS ocurre automáticamente usando Let’s Encrypt.

Establecer como dominio principal

Tras verificar y activar el dominio, haz clic en Establecer como Principal para convertirlo en el dominio usado para todas las páginas de inicio de sesión alojadas y los enlaces de email.

Puedes registrar múltiples dominios (por ejemplo, para distintos entornos), pero solo uno puede ser el principal a la vez.

Nota: Los certificados SSL se aprovisionan automáticamente mediante Let’s Encrypt una vez que la verificación DNS es exitosa. La renovación del certificado se gestiona automáticamente. No necesitas subir ni gestionar certificados SSL.

Estados de Verificación del Dominio

EstadoSignificado
PendienteDominio añadido pero los registros DNS aún no han sido verificados
VerificandoBúsqueda DNS en progreso
ActivoDNS verificado, SSL aprovisionado, el dominio está listo
FallidoLa búsqueda DNS falló — verifica tu registro CNAME e inténtalo de nuevo
EliminadoEl dominio fue eliminado de la Consola

Aplicar Marca a Aplicaciones Específicas

Por defecto, todas las aplicaciones de tu tenant comparten la misma marca. Para tenants con múltiples productos donde diferentes aplicaciones tienen distintos requisitos de marca, puedes anular la marca a nivel de aplicación.

La marca a nivel de aplicación se configura en la pestaña Configuración de la aplicación en la sección Aplicaciones de la Consola. Anulaciones disponibles:

  • Color principal
  • URL del logo
  • Nombre de visualización de la aplicación (mostrado en la página de inicio de sesión alojada)

Cuando un usuario es redirigido a la página de inicio de sesión alojada para una aplicación específica (mediante el parámetro client_id), Auris aplica las anulaciones de marca a nivel de aplicación sobre los valores predeterminados a nivel de tenant.

La marca de la aplicación se extiende también a los correos: cuando un correo predeterminado (no personalizado) es activado por una aplicación específica — por ejemplo un magic link solicitado desde la página de acceso de esa aplicación — el correo se renderiza con el nombre, el logo y el color de la aplicación en lugar de los del tenant. El chrome del pie (white-label, pie oculto) sigue siendo siempre el del tenant propietario de la aplicación.

Guías Relacionadas

Arquitectura