> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-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-dev-react-sdk-reference/oy6IBZBKl4tzK2RW/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?fit=max&auto=format&n=oy6IBZBKl4tzK2RW&q=85&s=825f30632629774d22dae69a61316e2c" 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-dev-react-sdk-reference/oy6IBZBKl4tzK2RW/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=280&fit=max&auto=format&n=oy6IBZBKl4tzK2RW&q=85&s=f331db4c75186a5123a44740148357b4 280w, https://mintcdn.com/docs-dev-react-sdk-reference/oy6IBZBKl4tzK2RW/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=560&fit=max&auto=format&n=oy6IBZBKl4tzK2RW&q=85&s=8a247f16ba3b2af800ab75e214e3b7ea 560w, https://mintcdn.com/docs-dev-react-sdk-reference/oy6IBZBKl4tzK2RW/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=840&fit=max&auto=format&n=oy6IBZBKl4tzK2RW&q=85&s=8c3f48a8718ef82cc3cc3eb5d58469e1 840w, https://mintcdn.com/docs-dev-react-sdk-reference/oy6IBZBKl4tzK2RW/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1100&fit=max&auto=format&n=oy6IBZBKl4tzK2RW&q=85&s=816490087037378f4f22df6f773aeec0 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/oy6IBZBKl4tzK2RW/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1650&fit=max&auto=format&n=oy6IBZBKl4tzK2RW&q=85&s=04fbae2cd70fca2728ef407cd0176030 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/oy6IBZBKl4tzK2RW/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=2500&fit=max&auto=format&n=oy6IBZBKl4tzK2RW&q=85&s=8c42bc2b43657cb419388641f3b86b7b 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-dev-react-sdk-reference/lN7_J5wAV9v0caFW/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?fit=max&auto=format&n=lN7_J5wAV9v0caFW&q=85&s=6140631415ea48606004cd02fa3edfb5" 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-dev-react-sdk-reference/lN7_J5wAV9v0caFW/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=280&fit=max&auto=format&n=lN7_J5wAV9v0caFW&q=85&s=ef3ccad83bd3646107bf0c1d1d3c9001 280w, https://mintcdn.com/docs-dev-react-sdk-reference/lN7_J5wAV9v0caFW/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=560&fit=max&auto=format&n=lN7_J5wAV9v0caFW&q=85&s=93d8dd5b57efa226f0fb230dd70d4ef2 560w, https://mintcdn.com/docs-dev-react-sdk-reference/lN7_J5wAV9v0caFW/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=840&fit=max&auto=format&n=lN7_J5wAV9v0caFW&q=85&s=704189786d582dbbb56bc95a75180327 840w, https://mintcdn.com/docs-dev-react-sdk-reference/lN7_J5wAV9v0caFW/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1100&fit=max&auto=format&n=lN7_J5wAV9v0caFW&q=85&s=0707c43cd6a40232e6d264a7ec2f7b29 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/lN7_J5wAV9v0caFW/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1650&fit=max&auto=format&n=lN7_J5wAV9v0caFW&q=85&s=6a5e0a7796a6f3395f2cc7c455c3e909 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/lN7_J5wAV9v0caFW/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=2500&fit=max&auto=format&n=lN7_J5wAV9v0caFW&q=85&s=aea3abb5f9e6bed3b8e3c138e44012e9 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-dev-react-sdk-reference/5pJm0gRjXnK1Z3tI/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?fit=max&auto=format&n=5pJm0gRjXnK1Z3tI&q=85&s=f38ecd5bc3697344c21f1012a88d4e6b" 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-dev-react-sdk-reference/5pJm0gRjXnK1Z3tI/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=280&fit=max&auto=format&n=5pJm0gRjXnK1Z3tI&q=85&s=fa4a24096d414260a348dae2cd1447e2 280w, https://mintcdn.com/docs-dev-react-sdk-reference/5pJm0gRjXnK1Z3tI/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=560&fit=max&auto=format&n=5pJm0gRjXnK1Z3tI&q=85&s=b243e4367cbf1dad198dcb3d5d0d807f 560w, https://mintcdn.com/docs-dev-react-sdk-reference/5pJm0gRjXnK1Z3tI/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=840&fit=max&auto=format&n=5pJm0gRjXnK1Z3tI&q=85&s=5938c08013a06a4e072b31304194b996 840w, https://mintcdn.com/docs-dev-react-sdk-reference/5pJm0gRjXnK1Z3tI/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1100&fit=max&auto=format&n=5pJm0gRjXnK1Z3tI&q=85&s=09c2573cf2c680c810e983e68253aa00 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/5pJm0gRjXnK1Z3tI/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1650&fit=max&auto=format&n=5pJm0gRjXnK1Z3tI&q=85&s=5a4aaa3fc7285bace15a056de7d87dc3 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/5pJm0gRjXnK1Z3tI/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=2500&fit=max&auto=format&n=5pJm0gRjXnK1Z3tI&q=85&s=daa69f0562f13f05b5f6a75d630867f1 2500w" />
</Frame>
