Skip to main content
Language & Translation

Out-of-the-Box languages Fera is available in.

Jay El-Kaake avatar
Written by Jay El-Kaake
Updated over a week ago

โš ๏ธ Please use the live chat if you need help with anything. โš ๏ธ


Make sure that your store language is set correctly if your language is one of the ones that we support out of the box.

Out-of-the-Box Languages

Make sure that your store language is set correctly if your language is one of the ones that we support out of the box.

The following language translations are available out-of-the-box if your store language is set correctly:

  • English ๐Ÿ‡บ๐Ÿ‡ธ๐Ÿ‡จ๐Ÿ‡ฆ๐Ÿ‡ฌ๐Ÿ‡ง

  • German ๐Ÿ‡ฉ๐Ÿ‡ช

  • Spanish ๐Ÿ‡ช๐Ÿ‡ธ๐Ÿ‡ฒ๐Ÿ‡ฝ

  • Swedish ๐Ÿ‡ธ๐Ÿ‡ช

  • French ๐Ÿ‡ซ๐Ÿ‡ท๐Ÿ‡จ๐Ÿ‡ฆ

  • Indonesian ๐Ÿ‡ฎ๐Ÿ‡ฉ

  • Norwegian ๐Ÿ‡ณ๐Ÿ‡ด

  • Portuguese ๐Ÿ‡ง๐Ÿ‡ท๐Ÿ‡ต๐Ÿ‡น

  • Thai ๐Ÿ‡น๐Ÿ‡ญ

  • Dutch ๐Ÿ‡ณ๐Ÿ‡ฑ

  • Chinese (traditional)๐Ÿ‡จ๐Ÿ‡ณ

  • Italian๐Ÿ‡ฎ๐Ÿ‡น

  • Romanian๐Ÿ‡ท๐Ÿ‡ด

If you see your language in the list above, we will include the translated templates for you so you won't have to do much (other than maybe tweaking the wording a bit to your preference).

Ensure Store Language is Properly Set

If you don't see that your language is supported, follow the instructions below to translate the language into your own!

How to Translate Fera Into Your Own Language

If you want to translate Fera into a language that is not already supported out of the box you can do so by editing the liquid/html/css that we give you access to edit.

Since we use the same Liquid theme engine used by Shopify to render templates this process is made quite easy for you.

Where to Edit Language in Fera

You can edit the language Fera notifications show by going to the:

Store Details > Localization tab > Language dropdown.

This won't change the app to the set language, it remains in English by default.

What it does is translate the language of all of the notifications of the widgets.

Editing the text if it isn't right/you want to change it

We have translations for the following languages:

English ๐Ÿ‡บ๐Ÿ‡ธ๐Ÿ‡จ๐Ÿ‡ฆ๐Ÿ‡ฌ๐Ÿ‡ง

German ๐Ÿ‡ฉ๐Ÿ‡ช

Spanish ๐Ÿ‡ช๐Ÿ‡ธ๐Ÿ‡ฒ๐Ÿ‡ฝ

Swedish ๐Ÿ‡ธ๐Ÿ‡ช

French ๐Ÿ‡ซ๐Ÿ‡ท๐Ÿ‡จ๐Ÿ‡ฆ

Indonesian ๐Ÿ‡ฎ๐Ÿ‡ฉ

Norwegian ๐Ÿ‡ณ๐Ÿ‡ด

Portuguese ๐Ÿ‡ง๐Ÿ‡ท๐Ÿ‡ต๐Ÿ‡น

Thai ๐Ÿ‡น๐Ÿ‡ญ

Dutch ๐Ÿ‡ณ๐Ÿ‡ฑ

Chinese (traditional)๐Ÿ‡จ๐Ÿ‡ณ

Italian๐Ÿ‡ฎ๐Ÿ‡น

Romanian๐Ÿ‡ท๐Ÿ‡ด

Customizing Language in Fera

We aren't perfect, and neither are the translations. Some users may want to change how language appears for certain dialects, or call their 'cart' a 'bag instead, and so on.

So we've given you full access to the templates to edit the language yourself, and it's very easy.

Each widget has an Advanced Tab where you can 'Custom CSS (Advanced)'. In this tab, you can enable/disable the templates.

How to Translate Content

  1. Click on Widgets under the Configuration.

  2. Click Customize or Setup Widget.

  3. Go to the Advanced tab.

  4. Click the toggle to enable Custom CSS.

  5. Finally, edit the Liquid template that shows up and hit done.

What You'll Need to Translate

You will also need to translate the words within the code that are white text.

Only translate the words that are plain English Language, NOT code.

Below is an example of words you would change. They are highlighted by the red boxes.

You'll see something similar in all your widgets.

Find the words in the white text that match the words that appear in the English preview, and replace them with your own translations.

If you find that you don't like it, then just revert it back to the original by clicking 'reset to default template'.

You must leave the Custom CSS Templates enabled or your changes will not appear!

How to see your changes

You will be able to see the changes you make in the previewer. It's on the right side of the content editor and will automatically reflect the edits you make.

To be able to see the edits you made live on your website, make sure to save and launch.

You need to keep the templates enabled if you edited anything in the Custom CSS editor, otherwise, it will show the default templates live.

To reset any changes to a template click the 'reset to default template' text.

โš ๏ธ If you need any help at all, reach out to us for support or advice by using the blue chat button at the bottom right of your screen. โš ๏ธ

Did this answer your question?