Localize custom liquid embed

[IconProvocateur]

I am inserting 3rd party forms in my store using custom liquid block. The problem I have is that when I want to switch language I want to embed a different form with the new language. How do I do this ?

[Guleria]

Hello @IconProvocateur ,

To do it you need to these things:

1) Wrap the embed form in a div with a unique ID.

e.g. 

<div id =" default-lang" >embed from for default language</div>

<div id =" second-lang" >embed from for second language</div>

<div id =" third-lang" >embed from for third language</div>

2) Now detect the language when the page loads or when language changes.

3) Get it with the JavaScript and show/hide the embed forms based on the ID we assign in the first step.

If problem solved don't forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

Thanks

[IconProvocateur]

thank you Guleria. I'm not familiar with javascript though. how would I detect the language and where would I need to put that JS code into ? 

[Guleria]

Sorry if you are not aware about code then it's not possible for you to implement it.
And providing instruction for this requirement is not possible as the solution depends on the existing theme  code.

btw if you need me to implement it, you can drop me an email for services.

You can find the email in the signature below.

[IconProvocateur · Accepted solution]

Figured it out using Abmhr's method here