> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-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-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=0a9be866b1143fa8e82ae5ea582b37c6" 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-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=280&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=1249c30bb5beb2e989f1cdf7ded97bd5 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=560&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=862b0d9667fd891501d10e00148063fc 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=840&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=5bbb5ac48fa062b1a14300b25d5c79fc 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1100&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=065ae4eda4d6f376b3011ffecb7bc244 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1650&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=116c44ac1297ae0d3ed055eeafbb29ad 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=2500&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=7f67c9943c82fa3dcf64c79945f716a9 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-acul-js-sdk-1-7-0-docs/yrAEVw_5ATlGNUB6/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?fit=max&auto=format&n=yrAEVw_5ATlGNUB6&q=85&s=ed720f05c9f506d57918991a68f42e17" 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-acul-js-sdk-1-7-0-docs/yrAEVw_5ATlGNUB6/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=280&fit=max&auto=format&n=yrAEVw_5ATlGNUB6&q=85&s=954876e3d4af6f86edb1d66ededaa411 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/yrAEVw_5ATlGNUB6/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=560&fit=max&auto=format&n=yrAEVw_5ATlGNUB6&q=85&s=4015ab83f9c3fc18a8bc0b922a044c3d 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/yrAEVw_5ATlGNUB6/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=840&fit=max&auto=format&n=yrAEVw_5ATlGNUB6&q=85&s=72921687503bf9827b5291bf86e90ae6 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/yrAEVw_5ATlGNUB6/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1100&fit=max&auto=format&n=yrAEVw_5ATlGNUB6&q=85&s=8e8c0fde9b306050d4b8c83f32b753c1 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/yrAEVw_5ATlGNUB6/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1650&fit=max&auto=format&n=yrAEVw_5ATlGNUB6&q=85&s=6fc71e6bea248e7fa74a7916751a47cd 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/yrAEVw_5ATlGNUB6/docs/images/fr-ca/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=2500&fit=max&auto=format&n=yrAEVw_5ATlGNUB6&q=85&s=1c54b20ddb9bfe031c7fb1ddb04874b0 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-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=a8048c8071ee35175c19a7cad060e0af" 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-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=280&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=a7193e2f8b5ef51e4feb77a5d3eae54b 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=560&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=9f6e6d374e3b0df04bb69a7054ed7236 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=840&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=ae3d2f5537858a50734a3afe6e6208dd 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1100&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=4e183843e5210b9fb8a7cd67aec00711 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1650&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=8625855b3a0ee3855f7695821a40acda 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=2500&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=f61d5272233727f103aaffa3cc99ee2d 2500w" />
</Frame>
