diff --git a/apps/web/locales/fr-FR.json b/apps/web/locales/fr-FR.json index 7337821a25..cb32020605 100644 --- a/apps/web/locales/fr-FR.json +++ b/apps/web/locales/fr-FR.json @@ -1205,7 +1205,7 @@ "delete_survey_and_responses_warning": "Êtes-vous sûr de vouloir supprimer cette enquête et toutes ses réponses?", "edit": { "1_choose_the_default_language_for_this_survey": "1. Choisissez la langue par défaut pour ce sondage :", - "2_activate_translation_for_specific_languages": "2. Activer la traduction pour des langues spécifiques :", + "2_activate_translation_for_specific_languages": "2. Activer la traduction pour des langues spécifiques:", "add": "Ajouter +", "add_a_delay_or_auto_close_the_survey": "Ajouter un délai ou fermer automatiquement l'enquête", "add_a_four_digit_pin": "Ajoutez un code PIN à quatre chiffres.", diff --git a/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/add-languages.webp b/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/add-languages.webp index 081f81d46c..a9d5def38c 100644 Binary files a/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/add-languages.webp and b/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/add-languages.webp differ diff --git a/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/project-configuration.webp b/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/project-configuration.webp new file mode 100644 index 0000000000..8ebe4d8300 Binary files /dev/null and b/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/project-configuration.webp differ diff --git a/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/surveys-home.webp b/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/surveys-home.webp index d3f408e0bd..c07aa6f271 100644 Binary files a/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/surveys-home.webp and b/docs/images/xm-and-surveys/surveys/general-features/multi-language-surveys/surveys-home.webp differ diff --git a/docs/xm-and-surveys/surveys/general-features/multi-language-surveys.mdx b/docs/xm-and-surveys/surveys/general-features/multi-language-surveys.mdx index 80eb521601..5166a51349 100644 --- a/docs/xm-and-surveys/surveys/general-features/multi-language-surveys.mdx +++ b/docs/xm-and-surveys/surveys/general-features/multi-language-surveys.mdx @@ -28,87 +28,111 @@ How to deliver a specific language depends on the survey type (app or link surve ## Creating a Multi-language Survey -- Open the **Survey Languages** page in the Formbricks settings via the top-right menu: + + + Go to Configuration and open the **Survey Languages tab**: -![Formbricks Home](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/survey-languages-from-home.webp) + ![Survey Configuration](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/project-configuration.webp) -- Click on the **Edit languages** button, to add a new language to your survey + Click on the **Edit languages** button to add a new language to your survey. -![Survey Language Settings](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/survey-languague-settings.webp) + Select the preferred language from the dropdown and assign an identifier Alias. Click the **Add language** button to add the language to your project: -- Select the preferred language from the dropdown and assign an identifier Alias. Click the **Add language** button to add the language to your project. + ![Add Multiple Languages to your Project](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/add-languages.webp) -![Add Multiple Languages to your Project](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/add-languages.webp) + You can come back to this page anytime to add more languages or remove existing ones. + -You can come back to this page anytime to add more languages or remove existing ones. + + Return to the dashboard to create a new survey or edit an existing one: -- Now, return to the dashboard to create a new survey or edit an existing one. + ![Survey Overview](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/surveys-home.webp) + -![Surveys Home](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/surveys-home.webp) + + In the survey editor, scroll down to the **Multiple Languages** section at the bottom and enable the toggle next to it: -- In the survey editor, scroll down to the **Multiple Languages** section at the bottom and enable the toggle next to it. + ![Enable Multi-language for a survey](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/enable-multi-lang.webp) -![Enable Multi-language for a survey](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/enable-multi-lang.webp) + Choose a **Default Language** for your survey. -- Choose a **Default Language** for your survey. + Changing the default language will reset all the translations you have made for the survey. + -Changing the default language will reset all the translations you have made for the survey. + + Add the languages from the dropdown that you want to support in your survey: -1. Now, add the languages from the dropdown that you want to support in your survey. + ![Enable Multi-language for a survey](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/add-language-in-survey.webp) + -![Enable Multi-language for a survey](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/add-language-in-survey.webp) + -1. You can now see the survey in the selected language by clicking on the language dropdown in any of the questions. + You can now see the survey in the selected language by clicking on the language dropdown in any of the questions. + + Now you can translate all survey content, including questions, options, and button placeholders, into the selected language. -![Enable Multi-language for a survey](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/see-survey-in-language.webp) + -1. You can now translate all survey content, including questions, options, and button placeholders, into the selected language. - -![Enable Multi-language for a survey](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/translate-as-per-language.webp) - -1. Once you are done, click on the **Publish** button to save the survey. + + Once you are done, click on the **Publish** button to save the survey. + + ## App Surveys Configuration -1. After you setup the Formbricks SDK for your user, you can call the `setLanguage` function with the language code. This can be either the ISO identifier or the Alias you set when creating the language. The `language` attribute makes sure that this user only sees surveys with a translation in this specific language available. + + + After you setup the Formbricks SDK for your user, you can call the `setLanguage` function with the language code. This can be either the ISO identifier or the Alias you set when creating the language. The `language` attribute makes sure that this user only sees surveys with a translation in this specific language available. -```js -Formbricks.setup({ - environmentId: "", - appUrl: "", // use PUBLIC_URL if you are using multi-domain setup, otherwise use WEBAPP_URL -}); + ```js + Formbricks.setup({ + environmentId: "", + appUrl: "", // use PUBLIC_URL if you are using multi-domain setup, otherwise use WEBAPP_URL + }); -Formbricks.setLanguage("de"); // ISO identifier or Alias set when creating language -``` + Formbricks.setLanguage("de"); // ISO identifier or Alias set when creating language + ``` - - If a user has a language assigned, a survey has multi-language activate and it is missing a translation in - the language of the user, the survey will not be displayed. - + + If a user has a language assigned, a survey has multi-language activated and it is missing a translation in + the language of the user, the survey will not be displayed. + + -1. That's it! Now, users with the language attribute set will see the survey in their preferred language. You can start collecting responses in multiple languages and filter them by language on the summary page. + + That's it! Now, users with the language attribute set will see the survey in their preferred language. You can start collecting responses in multiple languages and filter them by language on the summary page. + + --- ## Link Surveys Configuration -For link surveys, the translation delivery is dependent on the `land` URL parameter. +For link surveys, the translation delivery is dependent on the `lang` URL parameter. -After publishing the survey, just copy the survey link and append the `lang` query parameter with the language alias you have set. + + + After publishing the survey, just copy the survey link and append the `lang` query parameter with the language alias you have set. + -For example, if you have set the alias for French as `fr`, you can share the survey link as + + For example, if you have set the alias for French as `fr`, you can share the survey link as -[`https://your-survey-url.com?lang=fr`](https://your-survey-url.com?lang=fr) + [`https://your-survey-url.com?lang=fr`](https://your-survey-url.com?lang=fr) -Here are two examples: + Here are two examples: -- English: [https://app.Formbricks.com/s/clptfos2i1pj516pvhxqyu3bn?lang=en](https://app.Formbricks.com/s/clptfos2i1pj516pvhxqyu3bn?lang=en) + - English: [https://app.Formbricks.com/s/clptfos2i1pj516pvhxqyu3bn?lang=en](https://app.Formbricks.com/s/clptfos2i1pj516pvhxqyu3bn?lang=en) -- German: [https://app.Formbricks.com/s/clptfos2i1pj516pvhxqyu3bn?lang=de](https://app.Formbricks.com/s/clptfos2i1pj516pvhxqyu3bn?lang=de) + - German: [https://app.Formbricks.com/s/clptfos2i1pj516pvhxqyu3bn?lang=de](https://app.Formbricks.com/s/clptfos2i1pj516pvhxqyu3bn?lang=de) -Without the `lang` parameter, Formbricks will show the survey in the default language you have set. + Without the `lang` parameter, Formbricks will show the survey in the default language you have set. + -You can now start collecting responses in multiple languages! + + You can now start collecting responses in multiple languages! + + --- @@ -125,13 +149,21 @@ Formbricks fully supports Right-to-Left (RTL) languages such as Arabic, Hebrew, ### Setting Up RTL Languages -No additional configuration is needed to enable RTL support. Simply: + + + Add an RTL language (like Arabic or Hebrew) in the **Survey Languages** settings + -1. Add an RTL language (like Arabic or Hebrew) in the **Survey Languages** settings -2. Create translations for your survey content in the RTL language -3. The survey will automatically display in RTL format when that language is selected + + Create translations for your survey content in the RTL language + -![RTL Language Support](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/rtl-support.webp) + + The survey will automatically display in RTL format when that language is selected + + ![RTL Language Support](/images/xm-and-surveys/surveys/general-features/multi-language-surveys/rtl-support.webp) + + ---