> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Découvrez l’extension Account Link, qui permet d’inviter les utilisateurs ayant deux comptes associés à la même adresse courriel à les lier.

# Extension Account Link

L’extension Account Link invite les utilisateurs qui auraient créé un deuxième compte par erreur à lier ce nouveau compte à leur ancien lors de leur première connexion. L’utilisateur peut choisir soit de lier les deux comptes, soit de les garder séparés si la création du deuxième compte était intentionnelle.

<div id="how-does-the-extension-work">
  ## Comment fonctionne l’extension?
</div>

L’extension se déclenche après l’authentification lorsque l’adresse courriel de l’utilisateur qui s’est authentifié correspond à l’adresse courriel d’un compte d’utilisateur existant rattaché à un autre <Tooltip tip="Fournisseur d’identité (IdP) : service qui stocke et gère les identités numériques." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=identity+provider">fournisseur d’identité</Tooltip>.

Par exemple, si un utilisateur ouvre une session avec son compte Facebook en utilisant l’adresse courriel `john@acme.com`, puis s’authentifie plus tard avec Google en utilisant la même adresse courriel, une page semblable à la suivante s’affichera :

<Frame>
  <img src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5K3KBOkhyP1SbAVaYg1yxD/618568208eca3cd15000d716ae9a1e00/account-linking-extension.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=deb2c930383073729cf3fa9eb22fbe5b" alt="Dashboard - Extensions - Account Link - Exemple d’extension" width="1502" height="1021" data-path="docs/images/cdy7uua7fh8z/5K3KBOkhyP1SbAVaYg1yxD/618568208eca3cd15000d716ae9a1e00/account-linking-extension.png" />
</Frame>

L’extension ne lie pas automatiquement les utilisateurs qui ont la même adresse courriel, même si ces adresses sont vérifiées, car des adresses courriel vérifiées ne suffisent pas à prouver que l’utilisateur peut actuellement s’authentifier aux deux comptes.

Si l’utilisateur sélectionne **Continue**, il sera redirigé vers Facebook pour s’authentifier. Si l’utilisateur a déjà ouvert une session, Facebook le redirigera vers l’application et les comptes seront automatiquement liés. Sinon, il sera invité à s’authentifier à l’aide de ses identifiants Facebook. Une fois redirigé vers Auth0 par Facebook, le compte Facebook sera lié au compte Google. Ce processus garantit que l’utilisateur possède les identifiants nécessaires pour s’authentifier aux deux comptes, ce qui permet de lier les comptes de façon sûre et appropriée.

<div id="limitations">
  ### Limitations
</div>

Notez que l’extension ne prend pas en charge les connexions <Tooltip tip="Passwordless : forme d’authentification qui ne repose pas sur un mot de passe comme premier facteur." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=passwordless">sans mot de passe</Tooltip>, les flux lancés à l’aide de l’autorisation par appareil, ni les protocoles <Tooltip tip="Security Assertion Markup Language (SAML) : protocole normalisé permettant à deux parties d’échanger des renseignements d’authentification sans mot de passe." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=SAML">SAML</Tooltip> et WS-Federation. Pour les connexions non prises en charge par l’extension Account Link, consultez [Liaison de comptes – mise en œuvre côté serveur](/docs/fr-ca/manage-users/user-accounts/user-account-linking/suggested-account-linking-server-side-implementation) et [Liaison de comptes initiée par l’utilisateur – mise en œuvre côté client](/docs/fr-ca/manage-users/user-accounts/user-account-linking/user-initiated-account-linking-client-side-implementation) comme solutions de rechange.

<div id="install-and-configure-extension">
  ## Installer et configurer l’extension
</div>

Accédez à [Auth0 Dashboard > Extensions](https://manage.auth0.com/#/extensions), puis sélectionnez **Auth0 Account Link**. La fenêtre **Install Extension** s’ouvre.

L’extension créera une nouvelle application nommée `auth0-account-link` pour un usage interne, ainsi qu’une nouvelle règle pour rediriger les utilisateurs vers l’extension s’ils se connectent avec un nouveau compte dont l’adresse courriel correspond à un compte existant.

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Si vous effectuez une rotation du client secret de l’application associée à l’extension Account Link, vous devez désinstaller l’extension, la réinstaller et la reconfigurer avec le nouveau secret de l’application.
</Callout>

Pour faire un test, créez une Single Page Application React d’exemple à l’aide de [ce projet](https://github.com/auth0-samples/auth0-link-accounts-sample.git).

Ouvrez le fichier `auth_config.json` dans votre éditeur de texte et mettez à jour le domaine et le `client_id` avec vos renseignements.

Ajoutez `http://localhost:3000` dans les champs “Allowed Callback URLs”, “Allowed Logout URLs” et “Allowed Web Origins”.

Connectez-vous à `http://localhost:3000` et sélectionnez une connexion. Entrez une adresse courriel déjà associée à un utilisateur vérifié avec un autre type de connexion.

Pour lier le compte, sélectionnez **Continue.**

Une fois connecté, consultez les détails de l’utilisateur dans le <Tooltip tip="Auth0 Dashboard : l’interface principale d’Auth0 pour configurer vos services." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=Auth0+dashboard">Auth0 Dashboard</Tooltip>, et vous verrez que les comptes d’utilisateur sont liés.

<div id="set-up-extension">
  ## Configurer l’extension
</div>

<div id="change-application-name">
  ### Modifier le nom de l’application
</div>

Nous vous recommandons de remplacer le nom de l’application par défaut utilisée pour l’extension par un nom descriptif et facile à comprendre pour vos clients, comme `Account Linking`, puisqu’il s’affichera sur la **page de connexion** lorsqu’ils s’authentifieront à leur compte principal.

<div id="update-the-login-page">
  ### Mettre à jour la page de connexion
</div>

Par défaut, le <Tooltip tip="Universal Login : votre application redirige vers Universal Login, hébergé sur l'Authorization Server d'Auth0, pour vérifier l'identité d'un utilisateur." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=Universal+Login">Universal Login</Tooltip> d'Auth0 permet à l'utilisateur à la fois de se connecter et de s'inscrire, comme on s'y attendrait. Toutefois, lorsque la liaison de comptes vous demande d'authentifier votre compte principal afin de le lier au nouveau compte, offrir une option d'inscription risque de semer la confusion chez les utilisateurs.

Pour en savoir plus sur ce que vous pouvez faire avec Universal Login, consultez [Auth0 Universal Login](/docs/fr-ca/authenticate/login/auth0-universal-login).

Pour éviter cela, nous envoyons un paramètre de requête pour indiquer à la page de connexion qu'elle doit masquer l'option **Sign Up**. Toutefois, pour que ce paramètre de requête prenne effet, vous devez personnaliser la page de connexion.

1. Accédez à [Auth0 Dashboard > Branding > Universal Login](https://manage.auth0.com/#/login_settings), puis sélectionnez la vue **Login**.
2. Activez le commutateur **Customize Login Page** pour activer l'éditeur personnalisé ci-dessous. Dans l'éditeur, nous allons ajouter une nouvelle ligne à la configuration de Lock.
3. Au bas de l'objet qui configure le widget Lock, ajoutez la ligne suivante (après le paramètre `closable`) :
   `allowSignUp: !config.extraParams.prevent_sign_up,`

   <Frame>
     <img src="https://mintcdn.com/translations/c0RQ9V0YAcT0-8l5/docs/images/cdy7uua7fh8z/7gejLGgQB5hoLPqEAJXY5w/54168b097c99c4fd6def989d5b7fe545/Universal_Login_-_Login_-_English.png?fit=max&auto=format&n=c0RQ9V0YAcT0-8l5&q=85&s=905d15be83a8f0a44e1dd9010c1b7972" alt="Dashboard - Branding - Universal Login - Paramètre de connexion - Exemple de code de page hébergée pour la liaison de comptes" width="1002" height="1620" data-path="docs/images/cdy7uua7fh8z/7gejLGgQB5hoLPqEAJXY5w/54168b097c99c4fd6def989d5b7fe545/Universal_Login_-_Login_-_English.png" />
   </Frame>
4. Enregistrez vos modifications et essayez de lier un compte. Vous remarquerez que l'option **Sign Up** n'est plus affichée, ce qui évitera à vos utilisateurs toute confusion supplémentaire.

   <Frame>
     <img src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5LHWcm49M29Y00rI5xDaZV/773621dc56b4bff67ea618b2c919f750/hosted-page-example.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=78cdcde35878605a06241fda9f81d977" alt="Exemple de page hébergée pour la liaison de comptes" width="1356" height="916" data-path="docs/images/cdy7uua7fh8z/5LHWcm49M29Y00rI5xDaZV/773621dc56b4bff67ea618b2c919f750/hosted-page-example.png" />
   </Frame>

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Le masquage du lien Signup n'est pas pris en charge dans l'expérience Universal Login.
</Callout>

<div id="customize-theme">
  ## Personnaliser le thème
</div>

Lors de l’installation (ou à tout moment par la suite en cliquant sur l’icône **Settings** de l’extension Account Link), vous pouvez ajouter l’URL d’une feuille de style personnalisée si vous souhaitez donner à la page de l’extension une apparence légèrement განსხვავente du thème par défaut.

<Frame>
  <img src="https://mintcdn.com/translations/Dcx0M11uuptU53TX/docs/images/cdy7uua7fh8z/2as3Sx9y6UB0tyIuyJikR7/ee4ce139c19a0c2b8125e28b9059939e/extension-page-example.png?fit=max&auto=format&n=Dcx0M11uuptU53TX&q=85&s=58a98ac97581249254374c033ede9519" alt="Personnaliser le thème d’Account Link" width="1359" height="920" data-path="docs/images/cdy7uua7fh8z/2as3Sx9y6UB0tyIuyJikR7/ee4ce139c19a0c2b8125e28b9059939e/extension-page-example.png" />
</Frame>

<div id="administration-panel">
  ## Panneau d’administration
</div>

Vous pouvez personnaliser votre page de connexion pour la liaison de comptes ainsi que votre widget à l’aide du panneau d’administration de l’extension.

1. Accédez à [Dashboard > Extensions > Installed Extensions > Auth0 Account Link](https://manage.auth0.com/#/extensions/installed).
2. Vous serez redirigé vers le site d’administration. Vous pourrez y modifier le code HTML de votre page hébergée et changer certains paramètres du widget de liaison de comptes, comme le titre, le logo, la couleur et la langue.

   <Warning>
     Ne supprimez pas `{{ ExtensionCSS }}`, `{{ CustomCSS }}`, `{{ Auth0Widget }}` ou `{{ ExtensionScripts }}` du code HTML du site. Sinon, l’extension n’affichera pas le widget de liaison de comptes.
   </Warning>

<div id="custom-domains">
  ## Domaines personnalisés
</div>

Si vous utilisez un <Tooltip tip="Domaine personnalisé : domaine tiers avec un nom spécialisé ou personnalisé." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=custom+domain">domaine personnalisé</Tooltip>, vous devrez définir la configuration de la règle `customDomain` avec le domaine personnalisé (par exemple, `auth.custom.com`).

1. Accédez à [Auth0 Dashboard > Auth Pipeline > Rules](https://manage.auth0.com/#/rules).
2. Par défaut, la ligne 27 de la règle est :
   `issuer: auth0.domain`Vous devrez la remplacer par :
   `issuer: "myCustomDomain.com"
   Make` Assurez-vous d’omettre la partie protocole de l’URL.

<div id="learn-more">
  ## Pour en savoir plus
</div>

* [Liaison de comptes d’utilisateur](/docs/fr-ca/manage-users/user-accounts/user-account-linking)
* [Lier des comptes d’utilisateur](/docs/fr-ca/manage-users/user-accounts/user-account-linking/link-user-accounts)
* [Liaison de comptes d’utilisateur : mise en œuvre côté serveur](/docs/fr-ca/manage-users/user-accounts/user-account-linking/suggested-account-linking-server-side-implementation)
* [Liaison de comptes initiée par l’utilisateur : mise en œuvre côté client](/docs/fr-ca/manage-users/user-accounts/user-account-linking/user-initiated-account-linking-client-side-implementation)
* [Migrer vers les jetons d’accès pour la liaison de comptes](/docs/fr-ca/troubleshoot/product-lifecycle/past-migrations/link-user-accounts-with-access-tokens-migration)
