> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-feat-acul-js-sdk-1-7-0-docs.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-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=2549dd77033bf85b405eb4a65c85e539" 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-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=280&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=dc74358546e34e62c4c983867de0d938 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=560&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=f4669ae912b5f45139bc8425e10fba36 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=840&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=f5b7aebbcd332d0424784e1c8d557a47 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1100&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=07261da1e827fc1d557729169f44c5d8 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1650&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=360a15c760571ad1bcae998b2ea901ab 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=2500&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=ee81605bdd7b8c2b899bb02c4d16e494 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-staging-feat-acul-js-sdk-1-7-0-docs/Dt4C5bb7Icj1Ds1I/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?fit=max&auto=format&n=Dt4C5bb7Icj1Ds1I&q=85&s=ba775d463fc19f24d83c0e106b607277" 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-staging-feat-acul-js-sdk-1-7-0-docs/Dt4C5bb7Icj1Ds1I/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=280&fit=max&auto=format&n=Dt4C5bb7Icj1Ds1I&q=85&s=88bfe6afc1e18aeb9b89be33f93ded89 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/Dt4C5bb7Icj1Ds1I/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=560&fit=max&auto=format&n=Dt4C5bb7Icj1Ds1I&q=85&s=b431d7f2cf9383d7f3b1ed5e6a6da8d4 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/Dt4C5bb7Icj1Ds1I/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=840&fit=max&auto=format&n=Dt4C5bb7Icj1Ds1I&q=85&s=8d751f39a73d8585fa846ce17e1a5588 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/Dt4C5bb7Icj1Ds1I/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1100&fit=max&auto=format&n=Dt4C5bb7Icj1Ds1I&q=85&s=80893f2cd2dabf9c9cfc6a6e8f631409 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/Dt4C5bb7Icj1Ds1I/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1650&fit=max&auto=format&n=Dt4C5bb7Icj1Ds1I&q=85&s=d51e3d9f9d51c7a6fbe2301f961841d9 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/Dt4C5bb7Icj1Ds1I/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=2500&fit=max&auto=format&n=Dt4C5bb7Icj1Ds1I&q=85&s=bdaba8c8abdad007262f1b049fda6750 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-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=c3095290943c126bf48fa2eacb5310fb" 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-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=280&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=f303db847079c0b0958d9de659bb3980 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=560&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=5700fc0905fa593c10ec3e99120b7d74 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=840&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=01c7b80513f52e2ca8f67dad8f562f4f 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1100&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=e5face63b1669237fe18215f2b5e57f0 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1650&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=eca1277e370c5bb2788088d981e3166b 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=2500&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=805b31cc7f79f72e811222c44efdfd11 2500w" />
</Frame>
