Translate your forms into multiple languages without the need to duplicate them. They will be automatically displayed based on the user's browser configuration. You can translate form labels, hints, placeholders, etc. plus error and custom messages.
Custom form messages
To customize form messages and translate them into multiple languages, go to the 'Messages' section of the form editor and select the language you're writing in.
To customize the error messages to display on the form, click on the ‘Errors’ tab and write the messages in that language.
To define custom messages to use in the ending screen and the flows connected to the form, go to the ‘Custom’ tab.
To create a new message, just set a key in the left column and the corresponding text to display in the form, in the right one. You can add as many as you need, simply remember that each key must be unique.
Finally, use the {{ t('custom_key') }} function to reference these messages in the ‘Thank you’ block of the ending screen, or the flow action in which you want to use it. Just copy it by clicking the button on the right side of the key.
You can translate these messages into other languages in the 'Translations' tab of the editor.
Multi-language forms
To translate form fields, go to the new 'Translations' section of the form editor and click on the ‘Enable additional languages’ checkbox.
Once you activate this option, two new fields will appear. To start creating translations, select the new languages in the 'Additional languages' field.
Once the form is published, it will automatically check the languages configured in the user's browser and display the form in the first one that matches.
If none of these languages match, the form will be displayed in the one selected as 'Default language'. You will also see that the language in which the form was written will be automatically set, although you can change it by selecting one of the additional ones.
To translate the texts in each language, select it in the 'Language editor' section and write the corresponding translation in each field.
You will see that they are divided into three tabs: the texts of all the components of the form, the errors of the forms and the custom messages that you have defined.
Once the translations are ready, save the changes. The form will dynamically display the corresponding language, or the default one, based on each user's browser settings.