How can I use the Buy Button for multilingual stores in different languages?

[Claudio4018]

Hi there

I'm running a multilingual store and I would like to use the Buy Button to insert products and collections into external websites. However it seems that Shopify's Buy Button is not able to handle multiple languages, right?

Although I can translate some text strings directly in the setup wizard for Buy Buttons, all product related content is always displayed in my shop's main language (German). Can I access somehow the translated version (French) of these text strings? I'm using LangShop for translations.

Any hint?

Thanks, best

Claudio

[Danmark]

Hi Claudio,

Did you solve your Shopify issue with translating embedded collections on external websites?

I have the same issue. I am able to translate static Shopify texts but not the product-related texts. 

[Claudio4018]

Hi Danmerk

So far not. But I haven't invested any more time in solving this, sorry. Hope that Shopify will provide a solution in the future.

Best

[mricci-mmo]

Hello, we have the same problem. Shopify assistance told me that the language depends on the default store language. So far still no solution.

[Danmark]

Hi Mricci,

From talking with Shopify during the last year my understanding is:

Buy Button does not support multiple currencies or languages as it uses Shopify's core which doesn't support these. Shopify's storefront supports these via plugins.

To have 4 languages in Buy Button you need 4 different shops, one in each language and to send the user to the correct shop.

If you don't want to do that then a potential method is the following:

These are the 4 places where translations are to be made if you want to translate a Buy Button site:

1. The non-Buy Button text on your HTML page that hosts the Buy Button - this is easy as you control your own content here
2. The static buttons and labels in the Buy Button - easy as there are few things here to change and you can hard-code the translations in javascript in the Buy Button code
3.  The product content - this is challenging as it comes from Shopify's core. If you already have your own translations for products and can load them in your HTML page then you could replace the title, description and texts of the product at the moment it's being displayed (via events in the Buy Button JS code)
4. The checkout flow - Shopify does support translations here - you can append a locale to the checkout URL by doing some modification to your Buy Button JS

[Jade_Tremblay]

Hello, I don't know if it's still relevant but I have created a local version of the buybutton that supports:

- custom attributes

- display products for a given market (currency, price and translation)
- add product to cart and checkout in the right currency with the right price/translation
- allow to display, add and pay for subscriptions/sellingplan (must create a custom App for this)

Hope this can help others:
https://github.com/jadetr/buy-button-js

[thatgriffith]

I actually found a great solution here: https://github.com/Shopify/buy-button-js/issues/826