Skip to Content

Personnalisation & Branding

La section Branding de la Console Auris contrôle l’identité visuelle de tous les composants visibles par les utilisateurs et gérés par Auris : la page de login hébergée, les e-mails transactionnels et (optionnellement) le domaine depuis lequel ils sont servis. La personnalisation s’applique par tenant : chaque application enregistrée dans ton tenant hérite du même branding.

Paramètres de Branding

La page Branding de la Console contient un panneau d’aperçu en direct sur la droite qui se met à jour en temps réel pendant que tu fais des modifications. Tu vois ainsi l’effet de chaque réglage avant d’enregistrer.

Nom de l’Entreprise

Le nom de l’entreprise est affiché dans :

  • Le titre de la page de login hébergée (Se connecter à [Nom de l'Entreprise])
  • Les objets et les footers des e-mails transactionnels
  • Le titre de l’onglet du navigateur pour les pages de login hébergées

Saisis le nom de ton entreprise ou de ton produit exactement comme tu veux qu’il apparaisse aux utilisateurs.

Téléverse une image de logo qui apparaît dans l’en-tête de la page de login hébergée et dans l’en-tête des e-mails sortants.

Formats supportés : PNG, SVG, WebP, JPEG

Spécifications recommandées :

UsageTaille recommandéeTaille maximale du fichier
En-tête login hébergé200 × 60 pixels ou proportionnel500 Ko
En-tête e-mail600 × 200 pixels ou proportionnel500 Ko

Les fichiers SVG s’adaptent sans perte de qualité à toutes les tailles et sont à privilégier pour les logos avec du texte.

Après le téléversement, le logo apparaît immédiatement dans l’aperçu en direct. Clique sur Supprimer le logo pour revenir à l’affichage du nom de l’entreprise en texte.

Couleur Primaire

La couleur primaire est appliquée à :

  • Les boutons de call-to-action (Se connecter, Continuer, Envoyer)
  • Le texte des liens sur la page de login
  • Les indicateurs de progression et les états de chargement
  • Les anneaux de focus sur les éléments interactifs

Clique sur l’échantillon de couleur pour ouvrir le sélecteur. Tu peux choisir une couleur visuellement, saisir une valeur hexadécimale (#1a73e8) ou choisir dans la palette de presets.

Palette de presets : la Console propose un ensemble de 12 couleurs prédéfinies représentant des couleurs de marque courantes. Cliquer sur un preset remplit le champ hexadécimal et met à jour l’aperçu.

Assure-toi que ta couleur primaire offre un contraste suffisant sur fond blanc pour respecter les normes d’accessibilité WCAG 2.1 AA (ratio de contraste minimal de 4.5:1 pour le texte normal). La Console affiche un avertissement de contraste si la couleur choisie n’atteint pas ce seuil.

Couleur d’Arrière-plan

La couleur d’arrière-plan est appliquée à la zone extérieure de la page de login (visible sur grands écrans autour de la carte de login).

Pour un rendu professionnel, utilise une couleur qui complète ta couleur primaire. Choix courants :

  • Une teinte très claire de la couleur primaire (par exemple #f0f4ff pour un primaire bleu)
  • Un quasi-blanc neutre (#f8f9fa)
  • La couleur secondaire/neutre de ta marque

Favicon

Téléverse un fichier .ico, .png ou .svg comme icône d’onglet du navigateur pour les pages de login hébergées. Taille recommandée : 32 × 32 pixels. La favicon apparaît dans les onglets, les favoris et l’historique du navigateur.

E-mails Transactionnels

Auris envoie des e-mails transactionnels pour treize types d’événements — vérification, réinitialisation de mot de passe, invitation, code MFA, magic link, alerte de connexion, bienvenue, mot de passe modifié, compte verrouillé, connexion suspecte, e-mail modifié, licence émise et approbation de connexion CIBA. Voir Modèles d’E-mail pour le catalogue complet et les variables par type.

Branding du Tenant sur les E-mails par Défaut

Tant que tu n’as pas enregistré de modèle personnalisé, Auris rend les modèles intégrés avec le branding de ton tenant : ton nom d’entreprise, ton logo (avec repli sur le nom en texte quand aucun logo n’est défini) et ta couleur primaire. Un modèle personnalisé remplace tout le HTML : le branding qu’il contient est entièrement sous ton contrôle.

Deux interrupteurs dans Console → Paramètres → E-mail contrôlent le footer des e-mails par défaut :

  • E-mails white-label — supprime l’attribution “Powered by Altovar” ; le footer n’affiche que ta propre ligne de copyright. Les tenants white-label sans couleur primaire personnalisée reçoivent une couleur d’accent neutre à la place du défaut de la plateforme, pour qu’aucun branding de la plateforme ne transparaisse dans tes e-mails.
  • Masquer le footer — omet entièrement le bandeau du footer.

Modifier un Modèle

  1. Va dans Console → Paramètres → Modèles d’E-mail
  2. Clique sur le modèle pour ouvrir l’éditeur et choisis un mode : éditeur de thème, builder visuel ou éditeur de code
  3. Modifie l’Objet et le corps — les deux supportent les variables avec la syntaxe {{variable}}
  4. Clique sur Envoyer un test pour envoyer le modèle en cours, rendu avec des données d’exemple, à ta propre adresse e-mail d’administrateur (objet préfixé [TEST])
  5. Clique sur Enregistrer pour appliquer les modifications ; Réinitialiser ramène la langue en cours au modèle intégré

Variables des Modèles

Les variables utilisent la syntaxe {{variable}} et sont remplacées à l’envoi par les valeurs réelles — par exemple {{link}}, {{email}}, {{expiresIn}}. Chaque type de modèle a son propre jeu de variables, et les variables de date {{year}}, {{month}}, {{day}}, {{date}} sont toujours disponibles. La notation pointée n’est pas supportée. Les blocs conditionnels ({{#if variable}}...{{/if}}) conservent le contenu seulement quand la variable a une valeur.

Ne supprime pas le lien ou le code d’action principal d’un modèle ({{link}}, {{code}}, {{approveUrl}}, …). Le supprimer rend l’e-mail inutilisable.

Domaines Personnalisés

Par défaut, les pages de login hébergées d’Auris sont servies depuis le domaine de la plateforme Auris. Les domaines personnalisés te permettent d’offrir l’authentification en white-label sous ton propre domaine — par exemple auth.tondomaine.com au lieu du défaut de la plateforme.

Quand un domaine personnalisé est actif, toutes les pages de login hébergées, les liens des e-mails et le document OIDC Discovery référencent ton domaine. Du point de vue de l’utilisateur, tout le flux d’authentification semble opéré par toi.

Configurer un Domaine Personnalisé

Ajoute ton domaine

  1. Va dans Console → Paramètres → Domaines Personnalisés
  2. Clique sur Ajouter un domaine
  3. Saisis le sous-domaine complet que tu veux utiliser (par exemple auth.tondomaine.com)
  4. Clique sur Ajouter

Configure ton DNS

Après l’ajout du domaine, Auris génère les instructions de vérification DNS. Tu dois ajouter un enregistrement CNAME chez ton fournisseur DNS pointant ton sous-domaine vers la plateforme Auris :

Type :   CNAME
Nom :    auth         (ou le sous-domaine indiqué, sans le domaine racine)
Valeur : [hostname-plateforme-auris]
TTL :    300

Le hostname cible exact est affiché dans la Console après l’ajout du domaine. La propagation DNS prend en général 5–30 minutes mais peut aller jusqu’à 48 heures dans certains cas.

Vérifie la propriété du domaine

Une fois tes enregistrements DNS propagés :

  1. Retourne dans Paramètres → Domaines Personnalisés
  2. Clique sur Vérifier à côté de ton domaine
  3. Auris effectue une résolution DNS pour confirmer que l’enregistrement CNAME est en place

Le statut passe de En attente à Actif dès que la vérification réussit. Le provisionnement du certificat SSL/TLS est automatique via Let’s Encrypt.

Définis-le comme domaine principal

Une fois le domaine vérifié et actif, clique sur Définir comme principal pour en faire le domaine utilisé pour toutes les pages de login hébergées et les liens des e-mails.

Tu peux enregistrer plusieurs domaines (par exemple pour différents environnements) mais un seul peut être principal à la fois.

Remarque : les certificats SSL sont émis automatiquement via Let’s Encrypt après la vérification DNS. Le renouvellement est automatique. Tu n’as pas besoin de téléverser ni de gérer de certificats SSL.

Statuts de Vérification du Domaine

StatutSignification
En attenteDomaine ajouté mais enregistrements DNS pas encore vérifiés
VérificationRésolution DNS en cours
ActifDNS vérifié, SSL émis, domaine prêt
ÉchecRésolution DNS échouée — vérifie ton enregistrement CNAME et réessaie
SuppriméDomaine retiré de la Console

Appliquer le Branding à des Applications Spécifiques

Par défaut, toutes les applications de ton tenant partagent le même branding. Pour les tenants multi-produits où différentes applications ont des exigences de branding différentes, tu peux surcharger le branding au niveau de l’application.

Le branding au niveau de l’application se configure dans l’onglet Paramètres de l’application, dans la section Applications de la Console. Surcharges disponibles :

  • Couleur primaire
  • URL du logo
  • Nom d’affichage de l’application (montré sur la page de login hébergée)

Quand un utilisateur est redirigé vers la page de login hébergée d’une application spécifique (via le paramètre client_id), Auris applique les surcharges de branding de l’application par-dessus les défauts du tenant.

Le branding de l’application s’étend aussi aux e-mails : quand un e-mail par défaut (non personnalisé) est déclenché par une application spécifique — par exemple un magic link demandé depuis la page de login de cette application — l’e-mail est rendu avec le nom, le logo et la couleur de l’application au lieu de ceux du tenant. Le chrome du footer (white-label, footer masqué) reste toujours celui du tenant propriétaire de l’application.

Guides Associés

Architecture