Effectuer une personnalisation neutre dans votre locataire externe

S’applique à : Locataires de main-d’œuvre Locataires externes (en savoir plus)

Après avoir créé un locataire externe, vous pouvez personnaliser l’expérience utilisateur final. Créez une apparence personnalisée pour les utilisateurs qui se connectent à vos applications en configurant les paramètres de personnalisation de l’entreprise pour votre locataire. Avec ces paramètres, vous pouvez ajouter vos propres images d’arrière-plan, couleurs, logos d’entreprise et texte pour personnaliser les expériences de connexion dans vos applications.
Vous pouvez également créer des flux utilisateur programmatiquement à l’aide de l’API Graph de marque de l’entreprise.

Conseil

Pour essayer cette fonctionnalité, accédez à la démonstration Woodgrove Groceries et démarrez le cas d’usage « Marque de société ».

Conditions préalables

• Si vous n’avez pas encore créé votre propre client externe Microsoft Entra, créez-en un maintenant.
• Inscrire une application.
• Créer un flux utilisateur
• Passez en revue les exigences de taille de fichier pour chaque image que vous souhaitez ajouter. Vous devrez peut-être utiliser un éditeur de photos pour créer les images de taille appropriée. Le type d’image préféré pour toutes les images est PNG, mais JPG est accepté.

Éléments de marque

Par défaut, Microsoft offre une marque neutre pour votre locataire qui peut être personnalisée pour répondre aux exigences spécifiques de votre entreprise. Cette personnalisation par défaut n’inclut aucune marque Microsoft préexistante. Si la personnalisation de la marque de l’entreprise ne se charge pas, la page de connexion revient automatiquement à cette marque neutre. En outre, chaque propriété de personnalisation peut être ajoutée manuellement à la page de connexion personnalisée.

Vous pouvez personnaliser cette personnalisation neutre avec une image ou une couleur d’arrière-plan personnalisée, favicon, disposition, en-tête et pied de page. Vous pouvez également personnaliser le formulaire de connexion et ajouter du texte personnalisé à différentes instances ou charger un CSS personnalisé. L’image suivante affiche la personnalisation par défaut neutre du locataire. Vous trouverez les éléments de personnalisation numérotés et leurs descriptions correspondantes après l’image.

1. Arrière-plan neutre.
2. Favicon.
3. Logo de bannière.
4. Pied de page en tant qu’élément de mise en page.
5. Liens hypertexte de pied de page, tels que les cookies de confidentialité &, les conditions d’utilisation.

Comment personnaliser l’expérience de connexion par défaut

Avant de personnaliser les paramètres, la personnalisation par défaut neutre s’affiche dans vos pages de connexion, d’inscription et de déconnexion. Vous pouvez personnaliser cette expérience par défaut avec une image ou une couleur d’arrière-plan personnalisée, favicon, disposition, en-tête et pied de page. Vous pouvez également charger un CSS personnalisé.

1. Connectez-vous au centre d’administration Microsoft Entra en tant qu’Administrateur de la personnalisation organisationnelle au minimum.

2. Si vous avez accès à plusieurs tenants, utilisez l’icône Paramètres dans le menu supérieur pour basculer vers le tenant externe que vous avez créé précédemment à partir du menu des répertoires + abonnements .

3. Accédez à Marque de l'entreprise en utilisant la barre de recherche ou en naviguant vers Accueil>Vue d’ensemble du locataire>Personnaliser la marque.

   

4. Sous l’onglet Connexion par défaut, sélectionnez Modifier.

   

Pour personnaliser l’arrière-plan et la mise en page de connexion

1. Sous l’onglet De base, modifiez l’un des éléments d’arrière-plan.

   • Favicon : icône qui s’affiche sous l’onglet navigateur web.

   • image d’arrière-plan : image volumineuse qui s’affiche sur la page de connexion. Si vous chargez une image, elle est mise à l’échelle et rognée pour remplir la fenêtre du navigateur.

   • couleur d’arrière-plan de page : couleur qui remplace l’image d’arrière-plan chaque fois que l’image ne peut pas être chargée, par exemple en raison d’une latence de connexion.

   Capture d’écran

2. Sélectionnez Suivant : Mise en page si vous souhaitez continuer à personnaliser ou Vérifier + enregistrer si vous souhaitez enregistrer vos modifications.

3. Sous l’onglet Disposition, sélectionnez l’emplacement des éléments de page web sur la page de connexion.

   • Modèle : choisissez si l’arrière-plan s'affiche en plein écran ou partiel.

   • Entête – Afficher ou masquer l’entête.

   • pied de page : afficher ou masquer le pied de page.

   • css personnalisé : chargez votre propre fichier CSS pour remplacer le style Microsoft par défaut par votre propre style pour : couleur, police, taille du texte, position des éléments et affichages pour différents appareils et tailles d’écran.

   Capture d’écran de l’onglet de mise en page de l'identité de l’entreprise.

4. Sélectionnez Suivant : En-tête si vous souhaitez continuer la personnalisation ou Vérifier + enregistrer si vous souhaitez enregistrer vos modifications.

Pour personnaliser le logo, le lien de confidentialité et les conditions d’utilisation

1. Sous l’onglet En-tête, sélectionnez le logo à afficher dans l’en-tête de la page de connexion.

   

2. Sélectionnez Suivant : Pied de page si vous souhaitez continuer à personnaliser ou Vérifier + enregistrer si vous souhaitez enregistrer vos modifications.

3. Sous l’onglet Pied de page , vous pouvez personnaliser les URL et le texte du lien pour les liens hypertexte de confidentialité et de conditions d’utilisation qui s’affichent dans le pied de page de la page de connexion.

   • Confidentialité & Cookies – Cochez la case à côté de Confidentialité & Cookies pour afficher ce lien hypertexte dans le pied de page. Le lien de confidentialité par défaut de Microsoft s’affiche, sauf si vous entrez votre propre lien hypertexte Afficher le texte et l’URL.

   • Conditions d’Utilisation : cochez la case en regard des Conditions d’Utilisation pour afficher ce lien hypertexte dans le pied de page. Les conditions d’utilisation Microsoft s’affichent, sauf si vous entrez votre propre lien hypertexte Afficher le texte et l’URL.

   capture d’écran de l’onglet de pied de page de la marque de l’entreprise.

4. Sélectionnez Suivant : formulaire de connexion si vous souhaitez continuer à personnaliser ou Vérifier + enregistrer si vous souhaitez enregistrer vos modifications.

Pour personnaliser le formulaire de connexion

1. Sous l’onglet formulaire de connexion, configurez les éléments du formulaire de connexion :

   • logo de bannière : s'affiche sur la page de connexion et dans le panneau d'accès de l'utilisateur.

   • logo carré (thème clair) : représente les comptes d’utilisateur de votre organisation.

   • logo carré (thème foncé) : si le logo carré de thème clair s’affiche mal sur les arrière-plans sombres, vous pouvez charger un logo à utiliser à sa place lorsque des arrière-plans sombres sont utilisés.

   

2. Faites défiler jusqu’à la moitié inférieure de la page et configurez d’autres éléments du formulaire de connexion :

   • texte d’indicateur de nom d’utilisateur : texte d’indicateur qui s’affiche dans le champ d’entrée du nom d’utilisateur sur la page de connexion (non recommandé si les utilisateurs invités se connectent à votre application).

   • texte de la page de connexion : apparaît en bas des pages de connexion et d’inscription. Lignes directrices:

     • 1 024 caractères maximum
     • N’incluez pas d’informations sensibles
     • Utilisez cette syntaxe pour mettre en forme le texte :
       • Lien hypertexte : [text](link)
       • Gras : **text** or __text__
       • Italique : *text* or _text_
       • Souligner : ++text++

Pour personnaliser la réinitialisation de mot de passe en libre-service

1. Faites défiler jusqu’à la section Réinitialisation de mot de passe en libre-service pour configurer les options d’affichage, de masquage ou de personnalisation du lien de réinitialisation de mot de passe en libre-service sur la page de connexion.

   • Afficher la réinitialisation du mot de passe en libre-service : cochez cette case pour afficher le lien de réinitialisation du mot de passe en libre-service.
   • URL commune : entrez une URL de réinitialisation de mot de passe à utiliser à la place du lien Microsoft par défaut.
   • Texte d'affichage de la collection de comptes : entrez le texte du lien à afficher à la place du texte par défaut de Microsoft « Impossible d’accéder à votre compte ».
   • Texte d'affichage de collecte de mot de passe – Entrez le texte du lien à afficher à la place du texte par défaut « Mot de passe oublié » de Microsoft.

   

2. Sélectionnez Suivant : Texte si vous souhaitez continuer la personnalisation ou Vérifier + enregistrer si vous souhaitez enregistrer vos modifications.

Pour personnaliser les attributs utilisateur

Pour votre locataire, vous pouvez avoir des exigences différentes pour les informations que vous souhaitez collecter lors de l’inscription et de la connexion. Le locataire est fourni avec un ensemble intégré d'informations stockées dans des attributs, tels que le prénom, le nom de famille, la ville et le code postal. Vous pouvez créer des attributs personnalisés dans votre locataire à l’aide de l’API Microsoft Graph ou dans le portail sous l’onglet Texte dans Personnalisation de l’entreprise.

1. Sous l’onglet Texte, sélectionnez Ajouter un texte personnalisé.

2. Sélectionnez l’une des options suivantes :

   • Sélectionnez Attributs pour remplacer les valeurs par défaut.
   • Sélectionnez la collection d’attributs pour ajouter une nouvelle option d'attribut que vous aimeriez collecter pendant le processus d'inscription.
   • Sélectionnez Se connecter pour ajouter du texte personnalisé pour la page de connexion.
   • Sélectionnez Se connecter pour ajouter du texte personnalisé à la page de connexion.
   • Sélectionnez Sign-in/up one time code (SISU OTC) pour ajouter un titre personnalisé.

   capture d’écran

3. Sélectionnez Suivant : Passez en revue pour passer en revue toutes vos modifications. Sélectionnez ensuite Enregistrer si vous souhaitez enregistrer vos modifications ou précédent si vous souhaitez continuer à personnaliser.

Important

Dans le tenant externe, nous avons deux options pour ajouter du texte personnalisé à l’expérience d’inscription et de connexion. La fonction est disponible sous chaque flux utilisateur pendant la personnalisation de la langue, ainsi que sous Personnalisation de l’entreprise. Même si nous disposons de deux façons de personnaliser des chaînes (via la personnalisation de l’entreprise et via des flux utilisateur), les deux méthodes modifient le même fichier JSON. La modification la plus récente apportée via des flux d’utilisateurs ou via la personnalisation de l’entreprise remplacera toujours celle précédente.

Personnaliser l’expérience de déconnexion

Vous n’avez pas besoin de personnaliser l’expérience de déconnexion pour votre locataire externe. Si vous avez personnalisé votre marque pour l’expérience de connexion, l’expérience de déconnexion correspondra automatiquement à l’expérience de connexion. Si vous n’avez pas personnalisé l’expérience de connexion, l’expérience de déconnexion correspondra au branding neutre par défaut de votre client externe.

Comment personnaliser le nom du locataire

Vous pouvez personnaliser le nom de votre locataire dans le Centre d’administration Microsoft Entra pour remplacer le logo de bannière Microsoft dans l’expérience de connexion par défaut neutre. Le nouveau nom de locataire apparaît également dans l’e-mail de vérification envoyé à l’utilisateur.

1. Connectez-vous au centre d’administration Microsoft Entra en tant qu’Administrateur de la personnalisation organisationnelle au minimum.

2. Si vous avez accès à plusieurs tenants, utilisez l'icône Paramètres dans le menu supérieur pour basculer vers le tenant externe que vous avez créé précédemment à partir du menu Répertoires + abonnements.

3. Dans la barre de recherche, tapez et sélectionnez Propriétés du Locataire.

4. Modifiez le champ Nom.

   

5. Sélectionnez Enregistrer.

Personnalisez votre image de marque avec l’API Microsoft Graph

Vous pouvez utiliser l’API Microsoft Graph pour personnaliser quelques éléments par programmation. Par exemple, vous pouvez utiliser l’API pour charger une image d’arrière-plan personnalisée, modifier la couleur de la page de connexion et ajouter un logo personnalisé. Pour plus d'informations, consultez l'article sur la mise à jour de la personnalisation par défaut .

Contenu connexe

Dans cet article, nous avons appris à personnaliser l’apparence de l’expérience de connexion et d’inscription du client. Pour en savoir plus sur la personnalisation de la langue du locataire, consultez l’article Personnalisation du langage. Pour comprendre les différences de personnalisation des locataires de personnel, consultez l’article Comment personnaliser l’apparence pour votre personnel.