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

> Learn how to add custom messages and translations to a Form so each step displays locale-specific copy that matches the language settings of the user.

# Custom Messages and Translation

You can  customize Form messages to provide your users with a unique Form experience. In addition, you can translate form components, errors, and other custom messages into other languages for a localized experience.

## Messages

Through the Form editor, you can customize error messages and create other custom messages for your users.

### Error messages

You can create custom error messages to replace the default error messages of your forms.

To create custom error messages, follow the steps below:

1. On the Auth0 Dashboard, navigate to **Actions > Forms**.
2. Select **Messages** from the left menu of the Form editor.
3. Select the **Errors** tab\*\*.\*\*
4. Enter your custom error messages in the appropriate fields to replace the default messages.
5. Select **Publish** to save.

### Custom messages

You can create custom messages to add to the default messages for an even further personalized Form experience. For example, you can add a custom message that displays to users when an action returns an error in a flow.

#### Create custom messages

To create custom messages, follow the steps below:

1. From the left menu of the Form editor, select **Messages**.
2. Select the **Custom** tab.Then, select **Add New Item**.
3. To the left, add a unique key for your message\*\*.\*\* Then\*\*, enter\*\* your custom message in the field to the right.
4. Select **Publish** to save.

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/mtmpmRgg8CFqUkGT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?fit=max&auto=format&n=mtmpmRgg8CFqUkGT&q=85&s=462bb4ed56df06d4062c6f73f4e8f9a6" 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/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/mtmpmRgg8CFqUkGT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=280&fit=max&auto=format&n=mtmpmRgg8CFqUkGT&q=85&s=8b5ce0ad4d8e1bab1f9e6269bc425f11 280w, https://mintcdn.com/docs-staging-react-sdk-reference/mtmpmRgg8CFqUkGT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=560&fit=max&auto=format&n=mtmpmRgg8CFqUkGT&q=85&s=32cf2c6466d2ef6a5b92708ea14f8bcd 560w, https://mintcdn.com/docs-staging-react-sdk-reference/mtmpmRgg8CFqUkGT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=840&fit=max&auto=format&n=mtmpmRgg8CFqUkGT&q=85&s=b72410932c77129b304a8c57cb706b06 840w, https://mintcdn.com/docs-staging-react-sdk-reference/mtmpmRgg8CFqUkGT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1100&fit=max&auto=format&n=mtmpmRgg8CFqUkGT&q=85&s=97b4ab4c26dc039e826c8340513e934e 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/mtmpmRgg8CFqUkGT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1650&fit=max&auto=format&n=mtmpmRgg8CFqUkGT&q=85&s=c00d739e222c16563a5bdf50c44776d5 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/mtmpmRgg8CFqUkGT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=2500&fit=max&auto=format&n=mtmpmRgg8CFqUkGT&q=85&s=0048c24181cfaa9bec79dc181509de48 2500w" />
</Frame>

#### Add custom messages to your forms

To reference your custom messages in your forms, use the function `{{t('custom_unique_key')}}` with the custom message unique key.

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/XN1AheStGK46P0ql/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?fit=max&auto=format&n=XN1AheStGK46P0ql&q=85&s=64b5fe776a129217ba4bfb32d6ed0db5" 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/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/XN1AheStGK46P0ql/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=280&fit=max&auto=format&n=XN1AheStGK46P0ql&q=85&s=603e5f60dd726d0ad3b06bdd2321584a 280w, https://mintcdn.com/docs-staging-react-sdk-reference/XN1AheStGK46P0ql/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=560&fit=max&auto=format&n=XN1AheStGK46P0ql&q=85&s=7aec82d21fc5ca0902ea49ea1fd0a12a 560w, https://mintcdn.com/docs-staging-react-sdk-reference/XN1AheStGK46P0ql/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=840&fit=max&auto=format&n=XN1AheStGK46P0ql&q=85&s=c82f3331d9895f8d5195837003d70f13 840w, https://mintcdn.com/docs-staging-react-sdk-reference/XN1AheStGK46P0ql/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1100&fit=max&auto=format&n=XN1AheStGK46P0ql&q=85&s=563c7c09b8fe3da064164954fa32669d 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/XN1AheStGK46P0ql/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1650&fit=max&auto=format&n=XN1AheStGK46P0ql&q=85&s=a870ed448069865e1baf047389d7ee69 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/XN1AheStGK46P0ql/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=2500&fit=max&auto=format&n=XN1AheStGK46P0ql&q=85&s=a87488ce27af3177e1fc1c9304b30a63 2500w" />
</Frame>

## Translations

You can use the Translations feature to create an international user experience of your forms. This feature leverages a user’s browser language to determine the appropriate language for your forms.
By default, translations for some standard error messages are provided in Spanish. However, to promote a quality user experience, you can define the translations for your form components, errors, and custom messages in the language of your choice.

To enable translations, follow the steps below:

1. On the Auth0 Dashboard, navigate to **Actions > Forms**.
2. Select **Translations** from the left menu of the Form editor.
3. Check **Enable additional languages**.
4. Select the desired languages from the **Additional languages** dropdown menu.

### Translate messages

With the language editor, you can define translations for your form components, errors, and other custom messages.

To define your translations, follow the steps below:

1. Select the desired language from theSelect language dropdown menu.
2. Select one of the following tabs to begin defining your translations:

   1. **Components**
   2. **Errors**
   3. **Custom**
3. For each available field, provide your translations as needed.
4. Select **Publish** to save.

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/qXI8_RqDAqBmZBQt/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?fit=max&auto=format&n=qXI8_RqDAqBmZBQt&q=85&s=f2168446612d21dc51ca59a6ce26fba8" 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/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/qXI8_RqDAqBmZBQt/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=280&fit=max&auto=format&n=qXI8_RqDAqBmZBQt&q=85&s=d8f4263aaa70fff1696f0db1fb33e899 280w, https://mintcdn.com/docs-staging-react-sdk-reference/qXI8_RqDAqBmZBQt/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=560&fit=max&auto=format&n=qXI8_RqDAqBmZBQt&q=85&s=8d76494958679581a40e4b75892f27b0 560w, https://mintcdn.com/docs-staging-react-sdk-reference/qXI8_RqDAqBmZBQt/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=840&fit=max&auto=format&n=qXI8_RqDAqBmZBQt&q=85&s=569c0c0599f68be245d58e5952d366e3 840w, https://mintcdn.com/docs-staging-react-sdk-reference/qXI8_RqDAqBmZBQt/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1100&fit=max&auto=format&n=qXI8_RqDAqBmZBQt&q=85&s=951e4dd01d43f84251225da0a7ac1b73 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/qXI8_RqDAqBmZBQt/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1650&fit=max&auto=format&n=qXI8_RqDAqBmZBQt&q=85&s=444b3bb1934c4b0593029e3630ec5505 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/qXI8_RqDAqBmZBQt/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=2500&fit=max&auto=format&n=qXI8_RqDAqBmZBQt&q=85&s=14548c4c9429ee11f29da0f7104f53b3 2500w" />
</Frame>
