How can I translate text lines inserted with Forms by Shopify using Translate and Adapt?

[zohia]

Hi!

Does anyone know where I can translate (using Translate and Adapt) the text lines inserted with Forms by Shopify?

Page: https://alata.pt/

TIA

[richbrown_staff]

Hi @zohia , this is not yet possible but is being looked at by the Forms team

[zohia]

Thanks

[alexfood]

Hello,

I would also have the same need to translate the text of the Pop-up.

Is there anything new about this feature?

Thank you 🙏🏻

[GSJ2099]

Hello @richbrown_staff any news regarding Forms By Shopify + Translate And Adapt? This is extremely important, and makes the app basically unusable for stores with multilanguage.

[Bernd3]

Hi, this is urgently needed.

It is great to be able to manage all translations with the Translate & Adapt app.

It would be great to keep the completeness.

Thanks for an update on this!

[Caniboy]

Hello,

I would also have the same need to translate the text of B2B company register form.

Thank you 🙏🏻

[TaylorWong]

Hi,

Is there any updates on this?

[Caniboy]

Hi @richbrown_staff , I was wondering if you could give us an update on when the Forms team reviewed the translation issue?

[nougatfalte]

Is there any update?

[richbrown_staff]

Hi, as I understand it the Forms team will be looking at this in 2024. 

[DW96]

Do you have an idea when in 2024 this will be? It is quite important for my multilingual store to have this feature.

[Peppermintation]

Yes, this would also be urgently needed from our side..

[mikeschwede]

Any News on this?

[Baptgrrr]

Hi! Any news?

[Allovercouture]

Hello, any updates? have i lost hours because the forms app wont be translated?

[Freed0me]

Any updates in regard to this?

[Ocean5]

Hello, what alternatives would you recommand to build a form that can be translated.

Thank you,

[Freed0me]

It's crazy this has not been prioritized.

We are in September of 2024 and we can't translate the form that you have chosen to be the form for company and customer creation for B2B customers on your Plus plan.

Billing us $2,300/monthly and not offering a translateable registration form.
Forcing us to go use third party forms and configuring your own form company and account creation through API. 

Edit: Imagine international traffic and require sign up to buy, as you'd need for B2B, but not being able to give them a registration form in the language they speak 😂😂😂😂😂😂😂😂😂

[sugus]

absolutely on your side! same question from my side! this is an absolute basic need! its a must have!

[TaylorWong]

Hi, 2024 is ending. Is there any update?

[freelancegerman]

It’s truly disappointing that such a "small thing," which would require minimal effort for Shopify, is given no priority. This is simply ridiculous. Will there ever be a solution?

At the very least, the app should be open source so that partners have the opportunity to expand upon it.

[mariannemca]

any update on this please

[GloryTheShop]

No updates?

[TJ-DF]

This needs to be given priority and resolved. Its been almost 2 years since this post, and the website is still live. Sad and strange that this feature is not available yet.

[ElisevdB]

Hi all, Im also looking to translate the fields/placeholders for the forms app. Is this still not possible..? Hard to imagine but I also cannot find it in the translate & adapt app.

[Shymaa_Shopping]

Any updates from Shopify? 

[mikeschwede]

Hey Shopify. December Update and nothing happened. Lot's new features which aren't relevant for daily business. So what's the work:

Making forms multilingual: 5h work

Testing 8h

Deployment 4h

?

Do you need support for this super simple but important task?

[Shymaa_Shopping]

Seems that Europe zone not in there priorities !!

[mikeschwede]

Canada has english and french, USA english and spanish are important. So I think it's a pretty standard thing. And the founder of Shopify is german... 

[reynaBeauty]

There is a way to achieve this, but you will need to create three separate forms.

For inline forms:
Suppose you have three locales: fr, de, and en. You would create three inline forms in the Forms app. Then, use the template’s page localization tool to insert the correct form ID for each corresponding translation.

For the popup form:
You must also create three forms, one per locale you want to manage. However, without additional styling, all three would appear sequentially for every locale.

The solution is to add CSS rules that depend on the lang attribute, which will hide any forms that do not match the current language of the HTML document.

Here is an example of CSS that implements this logic. Replace form_fr_id, form_en_id, and form_de_id with the actual form IDs you created:

html:not([lang="fr"]) #app-embed-container-form_fr_id {
  display: none !important;
}

html:not([lang="de"]) #app-embed-container-form_de_id {
  display: none !important;
}

html:not([lang="en"]) #app-embed-container-form_en_id {
  display: none !important;
}

[TJ-DF]

Thanks @reynaBeauty, This was a great suggestion.

It worked once the CSS ID was changed, because the one you mentioned didn't work for my page (yes I replaced `form_en_id` with the ID of the english form).

The ID can be found by inspecting the webpage and seeing the code

The css code looked like this:

html:not([lang="en"]) #shopify-block-UNIQUE-BLOCK-ID__forms_inline_UNIQUE-FORM-CSS-ID {
   display: none !important;
}

Here is an example of what the actual CSS ID could look like:

html:not([lang="en"]) #shopify-block-AZakxSmUvPDpwWgTmc__forms_inline_jptR8S {
  display: none !important;
}

This achieves the solution about 80% of the way there.

The only issues/limitations right now:

• Form submissions are now split into multiple forms (not too big a deal)
• Error messages are still showing in English regardless of language (Breaks the "illusion")

[Kairike]

Hi!

Is that CSS code for pop-up forms? Could you please specify where exactly you add it?

Thank you!

[Kairike]

Hi!

Could you please specify where exactly you add the CSS code for the pop-up forms to hide in other languages?

Thank you!

[MckBA]

Is there any update?

[CaferBahar]

Hello,

This is an old question, but I'm answering it in case someone else encounters the same issue.

You can create more than one form in any language you want. After adding the form to the screen you want, select the "Localize" option. You will see the "Form ID ". Add the "Form ID " of the form that was created in the other language.

I hope this helps.

[mariannemca]

Hi CaferBahar

Thanks for this but on Shopify Forms I don't see an option for 'Localize'`?

[vizart]

Hey @mariannemca, this only works for the Text version and not for Pop Up one (as far I know). When from the Editor you add a new Section for Forms it will be added under App. Check at top right the three dot for Localize (it is the alst one in the list). If you do not see Localize option,

if you have not yet saved the latest edits with which you added the Forms. Hope this help.

[fadege]

Any update? Is a shame.. after 3 years.. nothing???

[frizopro]

I found quite simple solution for Inline forms.

First create Form in your main language (let's assume it is English).

We need to show this form on specially created page, like shopify_url/pages/form.

Do everything as described in manual.

Let's say Form ID will be 111.

Then duplicate form and translate all text into, for example, French. After saving, note ID of this newly created form (let's say it will be 222).

Open "Translate & Adapt" app - navigate to "Templates" section - on the left you'll see "Page: Forms ..." item - select it.

Switch to French language. You'll see "Reference" field with 111 value. And all you need to do is fill "French" field with 222 value and save changes.

So, switching language on your Shopify store, you just will load up form with another ID, which is respective to selected language.

[frizopro]

Actually this solution was suggested above by CaferBahar.

[mariannemca]

This was a really helpful and clear explanation Frizopro - thank you! Finally I was able to resolve 🙂