Forms in 2 languages

Store Design
,

Topic summary

A user seeks to implement bilingual (English and French) registration forms on their Shopify store after failing to find a suitable app.

Proposed Solutions:

  • Create two separate forms (one per language) and use JavaScript to detect the browser/URL language, displaying the appropriate form automatically
  • Use Shopify’s Translate & Adapt app or custom Liquid code in the theme to handle conditional display
  • Consider the Helium Customer Fields app, which supports creating language-specific forms and displaying them conditionally (though it lacks native translation features)

Implementation Details:

  • JavaScript detection can be based on URL parameters or browser language settings
  • Helium provides a guide for form translation setup
  • The user requested clarification on where to implement the JavaScript code

Status: The discussion remains open with multiple technical approaches suggested but no final implementation decision confirmed.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

After looking everywhere for an App that could offer a registration in 2 languages - i was thinking of creating 2 different forms ( one in English and one in French)

However - how could i make them appear accordingly to the languages selected.?

https://yoga-spirit-mauritius.myshopify.com/en/pages/evenement-lancement

rtewth

2

Create two forms, one in English and one in French. Use JavaScript to detect the language and show the appropriate form.

This will display the correct form based on the language in the URL.

3

Where shall i post this code please? @EcomGraduates

4

Hey @TBS2023 ! Our Helium Customer Fields app may help you with accomplishing something like this. The app does not currently have native translation support, however we do support the method you mentioned here of creating a different form for each language and displaying it conditionally on the site. We recommend setting this up through the Translate & Adapt app, or you can also do this using some Liquid code in your theme.

You can check out our guide for doing this here: https://help.heliumdev.com/en/articles/4571702-resources-for-form-translation

Or feel free reach out to our support team if you need further assistance with the app!