> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-feat-update-styling-docs-for-universal-components.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Messages personnalisés et traduction

> Cette section décrit comment créer des messages personnalisés et des traductions avec les formulaires.

Vous pouvez personnaliser les messages du formulaire pour offrir à vos utilisateurs une expérience unique. En outre, vous pouvez traduire les composants des formulaires, les erreurs et d’autres messages personnalisés dans d’autres langues pour une expérience localisée.

## Messages

Grâce à l’éditeur de formulaires, vous pouvez personnaliser les messages d’erreur et créer d’autres messages personnalisés pour vos utilisateurs.

### Messages d’erreur

Vous pouvez créer des messages d’erreur personnalisés pour remplacer les messages d’erreur par défaut de vos formulaires.

Pour créer des messages d’erreur personnalisés, suivez les étapes ci-après :

1. Dans Auth0 Dashboard, accédez à **Actions > Forms (Formulaires)**.
2. Sélectionnez **Messages** dans le menu de gauche de l’éditeur de formulaire.
3. Sélectionnez l’onglet **Errors (erreurs)**.
4. Saisissez vos messages d’erreur personnalisés dans les champs appropriés pour remplacer les messages par défaut.
5. Sélectionnez **Publish (Publier)** pour enregistrer.

### Messages personnalisés

Vous pouvez créer des messages personnalisés à ajouter aux messages par défaut pour une expérience de formulaire encore plus personnalisée. Par exemple, vous pouvez ajouter un message personnalisé qui s’affiche aux utilisateurs lorsqu’une action débouche sur une erreur dans un flux.

#### Créer des messages personnalisés

Pour créer des messages personnalisés, suivez les étapes ci-après :

1. Dans le menu de gauche de l’éditeur de formulaires, sélectionnez **Messages**.
2. Sélectionnez l’onglet **Custom (Personnalisés)** , puis **Add New Item (Ajouter un nouvel élément)**.
3. À gauche, ajoutez une clé unique pour votre message\*\*.\*\* Ensuite, **saisissez** votre message personnalisé dans le champ à droite.
4. Sélectionnez **Publish (Publier)** pour enregistrer.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/gJpVCiIqbvpjRLOU/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?fit=max&auto=format&n=gJpVCiIqbvpjRLOU&q=85&s=107cddd2050ca0583348d50a5419b03f" alt="Dashboard > Forms > Custom messages and translations > Custom message" data-og-width="704" width="704" data-og-height="539" height="539" data-path="docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/gJpVCiIqbvpjRLOU/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=280&fit=max&auto=format&n=gJpVCiIqbvpjRLOU&q=85&s=bc63acb155c5fe733656c0198933580c 280w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/gJpVCiIqbvpjRLOU/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=560&fit=max&auto=format&n=gJpVCiIqbvpjRLOU&q=85&s=06b76202c39ef58761c31cffecd8df23 560w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/gJpVCiIqbvpjRLOU/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=840&fit=max&auto=format&n=gJpVCiIqbvpjRLOU&q=85&s=f5c485fb00d649133101112041ae9505 840w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/gJpVCiIqbvpjRLOU/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1100&fit=max&auto=format&n=gJpVCiIqbvpjRLOU&q=85&s=27d4ae423c96c5fe80ed98157f5d6215 1100w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/gJpVCiIqbvpjRLOU/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1650&fit=max&auto=format&n=gJpVCiIqbvpjRLOU&q=85&s=81379d7440833172894cbc08224ec12b 1650w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/gJpVCiIqbvpjRLOU/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=2500&fit=max&auto=format&n=gJpVCiIqbvpjRLOU&q=85&s=913c67bcf78cafa4485b92125e572132 2500w" />
</Frame>

#### Ajouter des messages personnalisés à vos formulaires

Pour référencer vos messages personnalisés dans vos formulaires, utilisez la fonction `{{t(’custom_unique_key’)}}` avec la clé unique du message personnalisé.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/s235wE4QT_7H_wuN/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?fit=max&auto=format&n=s235wE4QT_7H_wuN&q=85&s=8f90b3482342e30ecce33f655480f2be" alt="Dashboard > Forms > Custom messages and translations > Translation function" data-og-width="450" width="450" data-og-height="449" height="449" data-path="docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/s235wE4QT_7H_wuN/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=280&fit=max&auto=format&n=s235wE4QT_7H_wuN&q=85&s=ed38c806d0822bf17f46b74c232c028c 280w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/s235wE4QT_7H_wuN/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=560&fit=max&auto=format&n=s235wE4QT_7H_wuN&q=85&s=be8e66360b60da88ee5b9cc33af736a7 560w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/s235wE4QT_7H_wuN/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=840&fit=max&auto=format&n=s235wE4QT_7H_wuN&q=85&s=c2a8c8dfc749fe408f66ecde03ae399e 840w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/s235wE4QT_7H_wuN/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1100&fit=max&auto=format&n=s235wE4QT_7H_wuN&q=85&s=83751311b736a92662aacdb0e049c695 1100w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/s235wE4QT_7H_wuN/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1650&fit=max&auto=format&n=s235wE4QT_7H_wuN&q=85&s=a6a83a7e112cba4490f71bf7e87ef9b2 1650w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/s235wE4QT_7H_wuN/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=2500&fit=max&auto=format&n=s235wE4QT_7H_wuN&q=85&s=3a1a3b53841802fd29e70d3e3375f388 2500w" />
</Frame>

## Traductions

Vous pouvez utiliser la fonctionnalité Translations (traduction) pour créer une expérience utilisateur internationale pour vos formulaires. Cette fonctionnalité s’appuie sur la langue du navigateur de l’utilisateur pour déterminer la langue appropriée pour vos formulaires.
Par défaut, des traductions pour certains messages d’erreur standard sont fournies en espagnol. Cependant, pour promouvoir une expérience utilisateur de qualité, vous pouvez définir les traductions de vos composants de formulaire, des erreurs et des messages personnalisés dans la langue de votre choix.

Pour activer les traductions, suivez les étapes ci-dessous :

1. Dans Auth0 Dashboard, accédez à **Actions > Forms (Formulaires)**.
2. Sélectionnez **Translations (Traductions)** dans le menu de gauche de l’éditeur de formulaire.
3. Cochez **Enable additional languages (Activer des langues supplémentaires)**.
4. Sélectionnez les langues souhaitées dans le menu déroulant **Additional languages (Langues supplémentaires)**.

### Traduire les messages

Avec l’éditeur de langue, vous pouvez définir des traductions pour vos composants de formulaire, erreurs et autres messages personnalisés.

Pour définir vos traductions, suivez les étapes ci-après :

1. Sélectionnez la langue souhaitée dans la liste déroulante **Select language (Sélectionner la langue)**.
2. Sélectionnez l’un des onglets suivants pour commencer à définir vos traductions :

   1. **Components (Composants)**
   2. **Errors (Erreurs)**
   3. **Custom (Personnalisés)**
3. Pour chaque champ disponible, fournissez vos traductions si nécessaire.
4. Sélectionnez **Publish (Publier)** pour enregistrer.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/qQnLW1YXITE0zBim/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?fit=max&auto=format&n=qQnLW1YXITE0zBim&q=85&s=ab5a581dbeba0467da5bfc3d206393bb" alt="Dashboard > Forms > Custom messages and translations > Translation message" data-og-width="701" width="701" data-og-height="885" height="885" data-path="docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/qQnLW1YXITE0zBim/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=280&fit=max&auto=format&n=qQnLW1YXITE0zBim&q=85&s=116c09e66e942bc5b4aa1030d785c5ae 280w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/qQnLW1YXITE0zBim/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=560&fit=max&auto=format&n=qQnLW1YXITE0zBim&q=85&s=911b3cf2aefc8dcb6d02fbf2968b1384 560w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/qQnLW1YXITE0zBim/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=840&fit=max&auto=format&n=qQnLW1YXITE0zBim&q=85&s=d1129563d8ec026b87bedf74f3bf024a 840w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/qQnLW1YXITE0zBim/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1100&fit=max&auto=format&n=qQnLW1YXITE0zBim&q=85&s=7d030ca9ef69a2f74f5aa7dbdea76859 1100w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/qQnLW1YXITE0zBim/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1650&fit=max&auto=format&n=qQnLW1YXITE0zBim&q=85&s=a68d417fe3969f303f4534ff9205895f 1650w, https://mintcdn.com/docs-dev-feat-update-styling-docs-for-universal-components/qQnLW1YXITE0zBim/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=2500&fit=max&auto=format&n=qQnLW1YXITE0zBim&q=85&s=2541b01c743891e8695b127e467c681b 2500w" />
</Frame>
