Image de marque (commerce électronique de détail)

Comment configurer les éléments Auth0 pour qu’ils représentent votre marque et l’expérience utilisateur souhaitée.

Auth0 peut être personnalisé en fonction des exigences de votre organisation en matière de marque et des attentes des utilisateurs. L’image de marque d’Auth0 offre une expérience utilisateur cohérente à vos clients et leur permet d’avoir l’esprit tranquille en sachant qu’ils utilisent un produit d’un fournisseur fiable et sécurisé.

Auth0 prend en charge l’internationalisation (I18N) et la localisation (L10N), deux aspects importants si vous travaillez sur l’image de marque pour une clientèle internationale. Les éléments collatéraux prêts à l’emploi, tels que le gadget logiciel Auth0 Lock UI sont déjà activés pour la prise en charge de plusieurs langues, avec une extensibilité intégrée permettant d’ajouter d’autres langues si ce dont vous avez besoin n’existe pas encore.

​

Meilleure pratique

Presque toutes les applications ont besoin d’une internationalisation et/ou d’une localisation sous une forme ou une autre. Auth0 facilite l’ajout, mais il faut en tenir compte dès le départ : l’adaptation de la localisation, par exemple, peut être un processus douloureux s’il est fait trop tard.

Lorsque vous réfléchissez aux articles que vous souhaitez promouvoir, ainsi qu’à la meilleure façon de les promouvoir, vous devez tenir compte d’un certain nombre d’éléments :

• Devez-vous donner une image de marque à votre page de connexion?
• Devez-vous localiser votre page de connexion?
• Comment pouvez-vous personnaliser les courriels de manière à ce qu’ils ne soient pas uniquement liés à la marque, mais qu’ils varient en fonction des préférences de l’utilisateur?
• Comment les utilisateurs sauront-ils qu’ils sont toujours sur votre domaine lorsqu’ils verront votre page de connexion?
• Que devez-vous faire pour renforcer la sécurité du navigateur (par ex. implémentation de la validation étendue)?
• Où voulez-vous diriger les utilisateurs en cas d’erreur?

Auth0 offre une grande flexibilité lorsqu’il s’agit de personnaliser et de configurer les pages Auth0 telles que la connexion universelle et la Réinitialisation du mot passe. Vous pouvez donc à peu près configurer l’aspect et la convivialité de l’expérience utilisateur dont vous avez besoin. Pour de nombreuses personnes, l’expérience prête à l’emploi, avec peut-être quelques modifications, est tout ce dont elles ont besoin. Cependant, pour d’autres, la valeur de leur marque et la notoriété de leur marque nécessitent une personnalisation plus poussée. Cette flexibilité s’étend non seulement aux pages Auth0, mais, grâce à l’extensibilité, elle peut également s’appliquer aux modèles de courriel. La fonctionnalité Auth0 de Domaine personnalisé renforce encore la notoriété auprès des consommateurs en offrant aux utilisateurs la confiance et la tranquillité d’esprit en matière de sûreté et de sécurité.

Alors qu’Auth0 fournit des informations par défaut en cas d’erreur, les informations prêtes à l’emploi peuvent être quelque peu énigmatiques, car elles ne tiennent pas compte des éléments de contexte que vous êtes seul à pouvoir fournir. Les conseils de personnalisation de la page d’erreur d’Auth0 peuvent toutefois contribuer à atténuer ce problème en vous permettant de fournir des informations plus précises sur le contexte par l’intermédiaire de votre propre organisation d’assistance.

​

Meilleure pratique Pour fournir des ressources utiles aux utilisateurs qui rencontrent des problèmes, vous devez également configurer un nom facilement identifiable et un logo, ainsi qu’indiquer l’adresse courriel de support et l’URL de votre organisation. Pour en savoir plus, voir Tableau de bord paramètres du locataire. :::

​

Connexion universelle et pages de connexion

La Connexion universelle est la méthode recommandée pour l’authentification des utilisateurs, et elle est centrée sur l’utilisation de la page de connexion. Vous pouvez personnaliser la page de connexion pour qu’elle corresponde aux exigences de votre organisation en matière d’image de marque.

​

Meilleure pratique

Si vous décidez de personnaliser le script de la page de Connexion universelle, nous vous conseillons vivement d’utiliser le contrôle de version. Pour cela, vous devez déployer le script sur votre locataire Auth0 via l’automatisation de déploiement ou via l’une des stratégies alternatives.

​

Attribution de noms aux domaines personnalisés

Par défaut, l’URL associée à votre locataire comprendra son nom et peut-être un identifiant propre à la région. Par exemple, les locataires basés aux États-Unis ont une URL similaire à https://example.auth0.com  tandis que ceux basés en Europe ont une URL de type https://example.eu.auth0.com. Un Domaine personnalisé permet d’offrir à vos utilisateurs une expérience cohérente en utilisant un nom qui correspond à la marque de votre organisation.

Un seul nom de domaine personnalisé peut être appliqué par locataire Auth0. Si vous devez absolument avoir une image de marque avec un nom de domaine indépendant, vous aurez besoin d’une architecture où plusieurs locataires Auth0 sont déployés en production.

En outre, la fonctionnalité de Domaine personnalisé vous offre un contrôle total sur le processus de gestion des certificats. Par défaut, Auth0 fournit des certificats SSL standardisés, mais si vous configurez un domaine personnalisé, vous pouvez utiliser des certificats de validation étendue (EV) SSL ou similaires pour fournir des indices visuels, basés sur le navigateur, qui offrent à vos visiteurs une tranquillité d’esprit supplémentaire.

En général, nous constatons que les clients ont plus de succès lorsqu’ils utilisent un domaine centralisé pour l’authentification - c’est particulièrement le cas si l’entreprise offre plusieurs produits ou marques de service. En utilisant un domaine centralisé, vous pouvez fournir aux utilisateurs finaux une expérience utilisateur cohérente tout en minimisant la nécessité de maintenir plusieurs locataires de production dans Auth0.

​

Personnalisation des modèles de courriel

Auth0 utilise largement le courriel pour fournir des notifications aux utilisateurs et pour exécuter les fonctionnalités nécessaires à la gestion sécurisée des identités (par exemple, la vérification du courriel, la récupération de compte et les protections contre la force brute), et Auth0 fournit un certain nombre de modèles à cet effet.

Avant de personnaliser vos modèles de courriels, veuillez configurer votre Fournisseur de messagerie électronique.

Par défaut, les modèles de courriel utilisés contiennent un texte standard et la marque Auth0. Cependant, vous pouvez configurer presque tous les aspects de ces modèles pour refléter le texte et l’expérience utilisateur que vous souhaitez, et apporter des modifications concernant la langue préférée, les options d’accessibilité, et bien plus encore.

Les modèles de courriel sont personnalisés à l’aide de Liquid syntax. Si vous souhaitez personnaliser vos modèles en fonction des préférences des utilisateurs, vous aurez également accès aux métadonnées situées dans les profils des utilisateurs, ainsi qu’à toutes les métadonnées propres à l’application.

​

Personnalisation de la page de réinitialisation du mot de passe

La page de Réinitialisation du mot de passe est utilisée chaque fois qu’un utilisateur profite de la fonctionnalité de modification du mot de passe et, comme pour la page de connexion, vous pouvez la personnaliser pour refléter les exigences particulières de votre organisation en matière d’image de marque.

​

Personnalisation de la page d’erreur

En cas de problème au cours du flux de production interactif de l’utilisateur (par ex. inscription ou connexion de l’utilisateur), Auth0 affiche des messages d’erreur qui indiquent la nature du problème. Les messages par défaut sont quelque peu énigmatiques, en particulier pour l’utilisateur final, qui risque de ne pas avoir le contexte que vous pouvez seul fournir. Nous vous recommandons donc de personnaliser vos pages d’erreur afin de fournir directement à vos utilisateurs les informations contextuelles manquantes. En outre, la personnalisation de vos pages d’erreur vous permet d’afficher votre image de marque, et non celle d’Auth0, et de fournir des informations utiles à vos utilisateurs sur ce qu’il convient de faire ensuite. Ces informations peuvent inclure un lien vers une FAQ ou la manière de contacter l’équipe d’assistance ou le service d’assistance de votre entreprise.

​

Meilleure pratique Il n’y a pas d’interface utilisateur pour personnaliser les pages d’erreur fournies par Auth0, mais vous pouvez utiliser le [point de terminaison Paramètres du locataire de Management API] (/api/management/v2#!/Tenants/patch_settings) pour les configurer. Autre option : si vous pouvez créer et héberger votre propre page d’erreur, vous pouvez alors demander à Auth0 de diriger les utilisateurs vers cette page au lieu d’utiliser l’option Auth0-hosted (hébergement chez Auth0) :::

​

Personnalisation de la page multifacteur Guardian

Les pages d’authentification multifacteur (MFA) peuvent être personnalisées en ajustant les options d’image de marque de la connexion universelle dans la section Paramètres de la connexion universelle.

Si vous avez besoin d’une personnalisation plus complète, vous pouvez également personnaliser le contenu HTML complet pour refléter les exigences particulières de votre organisation en matière d’expérience utilisateur.

​

Guide de planification de projet

Nous fournissons un guide de planification en format PDF que vous pouvez télécharger; vous pouvez vous y référer pour de plus amples détails concernant nos stratégies recommandées.

B2C IAM Project Planning Guide