Personnaliser votre page de connexion

Lorsque les utilisateurs finaux tentent d'accéder à vos applications, ils sont redirigés vers une page de connexion hébergée par Okta. Vous pouvez personnaliser cette page de connexion afin d'offrir une expérience utilisateur fluide et en adéquation avec votre marque. Vous pouvez appliquer votre thème, modifier les étiquettes et les URL, mais aussi modifier les paramètres de visibilité.

Avant de commencer

  • Vous devez être un super administrateur ou un administrateur d'organisation, ou disposer d'un rôle avec des permissions de personnalisation.
  • Définissez un thème pour votre org.
  • Le navigateur doit présenter une hauteur d'au moins 750 pixels pour afficher correctement la page de connexion.
  • Si vous prévoyez d'utiliser l'éditeur de code, vous devez d'abord associer la marque à un domaine personnalisé. Voir Personnaliser le domaine et l'adresse e-mail.
  • Si vous avez utilisé les éditeurs de code pour la page de connexion, mais que vous souhaitez utiliser une personnalisation sur mesure, basculez le bouton Éditeur de code. Les personnalisations effectuées à l'aide des éditeurs de code remplacent la personnalisation de ces pages.

Appliquer votre thème

  1. Dans Admin console, allez à PersonnalisationsMarques.

  2. Sélectionnez une marque.
  3. Accédez à l'onglet Pages, puis cliquez sur Modifier ou Configurer pour la Page de connexion.
  4. Facultatif pour les utilisateurs multimarques. Dans l'onglet Conception de la page, choisissez un style dans le panneau Style de base.
  5. Facultatif. Si votre org utilise une page de connexion personnalisée et que vous maîtrisez le langage HTML, vous pouvez effectuer des personnalisations plus avancées à l'aide de l'éditeur de code. Voir Créer un style pour la page de connexion.
  6. Cliquez sur Enregistrer et publier.

Modifier les étiquettes et les paramètres

  1. Dans l'Admin Console, accédez à PersonnalisationsMarques.

  2. Sélectionnez une marque.
  3. Accédez à l'onglet Pages. Dans la section Page de connexion, cliquez sur Modifier ou Configurer.
  4. Dans l'onglet Libellés, cliquez sur Modifier pour le type d'étiquette que vous souhaitez modifier.
  5. Saisissez de nouvelles valeurs pour les en-têtes, les étiquettes et les liens que vous souhaitez personnaliser.

    Par exemple, si vous autorisez les utilisateurs à se connecter à l'aide d'un identifiant, vous pouvez modifier l'étiquette Nom d'utilisateur pour décrire les identifiants qu'ils peuvent utiliser.

  6. Pour personnaliser la possibilité pour les utilisateurs d'afficher leur mot de passe au cours de la saisie, modifiez la Bascule de visibilité du mot de passe.
  7. Pour ajouter un lien personnalisé qui s'affiche sur la page authenticator du Sign-In Widget, saisissez les valeurs souhaitées dans les champs Texte du lien personnalisé et URL de lien personnalisée. Les liens par défaut apparaissent dans la langue d'affichage des utilisateurs finaux ou dans la langue du navigateur, mais Okta ne localise pas les liens personnalisés. Si votre lien personnalisé n'est pas dans la langue d'affichage ou du navigateur des utilisateurs finaux, la page de connexion comportera du texte dans plusieurs langues.
  8. Pour personnaliser le lien de la page Vérification d'authenticator, saisissez de nouvelles valeurs dans les champs Page du facteur d'authentification et Lien personnalisé. Remarque : cette fonctionnalité est disponible en accès anticipé.

  9. Pour modifier le texte Rester connecté, saisissez de nouvelles valeurs dans les champs Titre, Sous-titre, Bouton Accepterou Bouton Rejeter. Remarque : cette fonctionnalité est disponible en accès anticipé.
  10. Pour personnaliser les messages relatifs aux périodes de grâce d'inscription aux authentificateurs, saisissez de nouvelles chaînes de texte dans les champs Description bientôt requise, Texte du lien personnalisé bientôt requis et URL de lien personnalisée bientôt requise. Remarque : cette fonctionnalité est disponible en accès anticipé.
  11. Pour utiliser le Sign-In Widget de troisième génération, ouvrez l'onglet Paramètres et cliquez sur le bouton à bascule Utiliser la troisième génération pour l'activer. Voir Sign-In Widget (troisième génération).
  12. Pour conserver une version spécifique du Sign-In Widget de troisième génération, ouvrez l'onglet Paramètres et sélectionnez le numéro de version dans la liste déroulante Version. Voir Sign-In Widget (troisième génération).
  13. Pour définir si l'identifiant de l'utilisateur s'affiche sur les pages d'authentification et d'enrôlement, ouvrez l'onglet Paramètres et cliquez sur le bouton à bascule Identifiant de l'utilisateur du Sign-In Widget.
  14. Cliquez sur Enregistrer comme brouillon. Des points jaunes s'affichent à côté de l'étiquette de l'onglet, des boutons de contrôle en haut de l'écran et des en-têtes de section qui contiennent des modifications. Ils n'apparaissent plus s après la publication des modifications.
  15. Cliquez sur Publier.
Remarque

Les personnalisations effectuées dans le Sign-In Widget de deuxième génération n'apparaissent pas si vous passez au Sign-In Widget de troisième génération. Pour les recréer, consultez Créer un style pour le Sign-In Widget (troisième génération).

Rubriques liées

Personnaliser le domaine et l'adresse e-mail

Créer un style pour le Sign-In Widget hébergé par Okta

Appliquer votre thème aux notifications par e-mail Okta

FAQ : Comment le blocage des cookies tiers peut potentiellement affecter votre environnement Okta