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

# Personnaliser

> Apprenez à personnaliser en fonction de votre marque et à localiser vos pages de connexion, vos noms de domaine, les courriels envoyés aux utilisateurs et les invites de consentement.

export const AuthDocsPipeline = ({activeId}) => {
  const [hoveredId, setHoveredId] = useState(null);
  const VB_WIDTH = 1202;
  const VB_HEIGHT = 424;
  const AUTH_GROUP = new Set(['authenticate', 'provision-db', 'provision-social', 'add-login']);
  const CUSTOM_GROUP = new Set(['customize', 'brand', 'actions', 'extensions']);
  const STEPS = [{
    id: 'get-started',
    href: '/docs/get-started',
    cx: 53.7447,
    cy: 140.5572,
    r: 52
  }, {
    id: 'authenticate',
    href: '/docs/authenticate',
    cx: 239.164,
    cy: 140.5572,
    r: 52
  }, {
    id: 'manage-users',
    href: '/docs/manage-users',
    cx: 515.135,
    cy: 140.5572,
    r: 52
  }, {
    id: 'customize',
    href: '/docs/customize',
    cx: 791.106,
    cy: 140.5572,
    r: 52
  }, {
    id: 'deploy',
    href: '/docs/deploy-monitor',
    cx: 1147.57,
    cy: 140.5572,
    r: 52
  }, {
    id: 'secure',
    href: '/docs/secure',
    cx: 974,
    cy: 224,
    r: 44
  }, {
    id: 'provision-db',
    href: '/docs/authenticate#provision–database',
    cx: 67,
    cy: 410,
    r: 42
  }, {
    id: 'provision-social',
    href: '/docs/authenticate#provision–social',
    cx: 167,
    cy: 410,
    r: 42
  }, {
    id: 'add-login',
    href: '/docs/authenticate#add-login',
    cx: 312,
    cy: 410,
    r: 42
  }, {
    id: 'brand',
    href: '/docs/customize#brand',
    cx: 720,
    cy: 410,
    r: 42
  }, {
    id: 'actions',
    href: '/docs/customize#actions',
    cx: 864,
    cy: 410,
    r: 42
  }, {
    id: 'extensions',
    href: '/docs/customize#extensions',
    cx: 964,
    cy: 410,
    r: 42
  }];
  const addGroupToSet = (id, set) => {
    if (!id) return;
    if (AUTH_GROUP.has(id)) {
      AUTH_GROUP.forEach(gid => set.add(gid));
    } else if (CUSTOM_GROUP.has(id)) {
      CUSTOM_GROUP.forEach(gid => set.add(gid));
    } else {
      set.add(id);
    }
  };
  const lit = new Set();
  addGroupToSet(activeId, lit);
  addGroupToSet(hoveredId, lit);
  return <div className="pipeline-wrapper">
      <img src="/docs/images/site-graph.svg" alt="Auth0 docs pipeline" className="pipeline-img block dark:hidden" noZoom />
      <img src="/docs/images/site-graph-dark.svg" alt="Auth0 docs pipeline" className="pipeline-img hidden dark:block" noZoom />

      {STEPS.map(({id, cx, cy, r}) => {
    if (lit.has(id)) return null;
    const left = (cx - r) / VB_WIDTH * 100;
    const top = (cy - r) / VB_HEIGHT * 100;
    const size = 2 * r / VB_WIDTH * 100;
    return <div key={`dim-${id}`} className="pipeline-dim-circle" style={{
      left: `${left}%`,
      top: `${top}%`,
      width: `${size}%`
    }} />;
  })}

      {STEPS.map(({id, href, cx, cy, r}) => {
    const left = (cx - r) / VB_WIDTH * 100;
    const top = (cy - r) / VB_HEIGHT * 100;
    const size = 2 * r / VB_WIDTH * 100;
    return <a key={id} href={href} aria-label={id} className={`pipeline-hotspot${lit.has(id) ? ' lit' : ''}`} style={{
      left: `${left}%`,
      top: `${top}%`,
      width: `${size}%`
    }} onMouseEnter={() => setHoveredId(id)} onMouseLeave={() => setHoveredId(null)} />;
  })}
    </div>;
};

<AuthDocsPipeline activeId="authenticate" />

Auth0 vous permet de personnaliser toute l’expérience d’authentification de vos utilisateurs. Vous pouvez :

* Personnaliser à votre image toutes les interactions avec les utilisateurs finaux (y compris la langue);
* définir votre propre logique pour personnaliser et étendre le fonctionnement d’Auth0;
* Intégrer Auth0 à des logiciels tiers pour ajouter des capacités.

***

<div id="brand-customization">
  ## Personnalisation de la marque
</div>

<div id="seamlessly-integrate-auth0-with-your-own-brand-and-localize-the-experience-for-international-users">
  ##### Intégrez facilement Auth0 à votre propre marque et présentez l’expérience en plusieurs langues.
</div>

<Card title="Personnaliser les pages de connexion" href="/docs/fr-CA/fr-ca/customize/login-pages">
  Personnalisez l’expérience de connexion universelle et l’expérience de connexion classique.
</Card>

<Card title="Domaines personnalisés" href="/docs/fr-CA/fr-ca/customize/custom-domains">
  Unifiez l’expérience de connexion avec votre propre marque et vos produits.
</Card>

<Card title="Personnaliser les courriels" href="/docs/fr-CA/fr-ca/customize/email">
  Personnalisez et modifiez le contenu et le flux des courriels vers les utilisateurs finaux.
</Card>

<Card title="Personnaliser les messages texte et vocaux de l’authentification multifacteur (MFA)" href="/docs/fr-CA/fr-ca/customize/customize-sms-or-voice-messages">
  Apprenez à personnaliser les SMS et les messages vocaux envoyés par Auth0 lors de l’inscription et de la vérification.
</Card>

<Card title="Internationalisation et localisation" href="/docs/fr-CA/fr-ca/customize/internationalization-and-localization">
  Apprenez à gérer différentes langues au sein de vos applications Auth0.
</Card>

***

<div id="code-customization">
  ## Personnalisation du code
</div>

<div id="create-actions-to-customize-and-extend-auth0s-capabilities-with-custom-logic-or-maintain-legacy-rules-and-hooks">
  ##### Créez des actions pour personnaliser et étendre les capacités d’Auth0 avec une logique personnalisée. Vous pouvez également gérer les règles et hooks hérités.
</div>

<Card title="Actions" href="/docs/fr-CA/fr-ca/customize/actions">
  Personnalisez les capacités d’Auth0 avec des fonctions sécurisées, spécifiques aux locataires et organisées en versions qui s’exécutent à certains moments pendant le fonctionnement d’Auth0.
</Card>

<Card title="Events" href="/docs/fr-CA/fr-ca/customize/events">
  Use Auth0 Events to build event streams.
</Card>

<Card title="Formulaires" href="/docs/fr-CA/fr-ca/customize/forms">
  Étendez vos flux d’identité avec des étapes supplémentaires et une logique personnalisée avec Forms.
</Card>

<Card title="Règles" href="/docs/fr-CA/fr-ca/customize/rules">
  Conservez les règles héritées que vos applications utilisent dans le pipeline d’authentification.
</Card>

<Card title="Hooks" href="/docs/fr-CA/fr-ca/customize/hooks">
  Maintenez les hooks hérités pour les points d’extensibilité sélectionnés de la plateforme Auth0.
</Card>

***

<div id="third-party-customization">
  ## Personnalisation tierce
</div>

<div id="take-advantage-of-third-party-integrations-and-auth0-extensions-to-expand-what-auth0-can-do-for-your-systems">
  ##### Tirez parti des intégrations tierces et des extensions Auth0 pour élargir les fonctionnalités offertes par Auth0 à vos systèmes.
</div>

<Card title="Extensions" href="/docs/fr-CA/fr-ca/customize/extensions">
  Utilisez les extensions Auth0 pour installer des applications ou exécuter des commandes/scripts qui étendent les capacités du produit de base Auth0.
</Card>

<Card title="Intégrations" href="/docs/fr-CA/fr-ca/customize/integrations">
  Reduce implementation time with Auth0-reviewed integrations you can trust.
</Card>

<Card title="Exportations de journaux" href="/docs/fr-CA/fr-ca/customize/log-streams">
  Surveillez et répondez à des événements tels que des mots de passe modifiés ou de nouvelles inscriptions avec votre propre logique métier.
</Card>
