1. Home
  2. Knowledge Base
  3. Customization
  4. How to Translate Fera Into Your Own Language

How to Translate Fera Into Your Own Language

Out-of-the-Box Languages

Make sure that the store language is set correctly if your language is one of the ones that we support out of the box. If it is, 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). If it isn’t supported, follow the instructions below to translate the language into your own!

Ensure Store Language is Properly Set

Language Settings Options

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 🇹🇭

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. Here is a reference guide for your convenience.

How to Change Language GIF

How to Translate Social Proof Feeds

  1. Click on Social Proof Feeds under the Tools heading
  2. Edit your campaign/create a new one
  3. Go to Custom HTML/CSS (Advanced)
  4. Enable the “Edit HTML/Liquid Templates” option.
  5. Finally, edit the Liquid template that shows up and hit save (or hit Update Preview to update the preview).

How to Translate Social Proof Popups

  1. Click on Social Proof Popups under the Tools heading
  2. Edit your campaign/create a new one
  3. Go to Custom HTML/CSS (Advanced)
  4. Enable the “Edit HTML/Liquid Templates” option.
  5. Finally, edit the Liquid template that shows up and hit save (or hit Update Preview to update the preview).

How to Translate Product Detail Counters

  1. Click on Product Detail Counter under the Tools heading
  2. Edit your campaign/create a new one
  3. Click on the Customization tab
  4. Go to Custom HTML/CSS (Advanced)
  5. Enable the “Edit HTML/Liquid Templates?” option.
  6. Finally, edit the Liquid template that shows up and hit save (or hit Update Preview to update the preview).

How to Translate Product List Counters

  1. Click on Product List Counter under the Tools heading
  2. Edit your campaign/create a new one
  3. Go to Custom HTML/CSS (Advanced)
  4. Enable the “Edit HTML/Liquid Templates?” option
  5. Finally, edit the Liquid template that shows up and hit save (or hit Update Preview to update the preview).

How to Translate Cart Timers

  1. Click on Cart Timer under the Tools heading
  2. Edit your campaign/create a new one
  3. Go to Custom HTML/CSS (Advanced)
  4. Enable the “Edit HTML/Liquid Templates?” option
  5. Finally, edit the Liquid template that shows up and hit save (or hit Update Preview to update the preview)
  6. Alternatively you can edit the langauge/text display message in the ‘Behaviour’ Tab instead of needing to do so in the ‘Edit HTML/CSS (Advanced)’ Tab

How to Translate Get it By Timer

  1. Click on Get it By Timer under the Tools heading
  2. Edit your campaign/create a new one
  3. Go to Custom HTML/CSS (Advanced)
  4. Enable the “Edit HTML/Liquid Templates?” option
  5. Finally, edit the Liquid template that shows up and hit save (or hit Update Preview to update the preview)
  6. Alternatively you can edit the langauge/text display message in the ‘Countdown Timer’ Tab instead of needing to do so in the ‘Edit HTML/CSS (Advanced)’ Tab

How to Translate Promo Bar

  1. Click on Promo Bar under the Tools heading
  2. Edit your campaign/create a new one
  3. Go to Custom HTML/CSS (Advanced)
  4. Enable the “Edit HTML/Liquid Templates?” option
  5. Finally, edit the Liquid template that shows up and hit save (or hit Update Preview to update the preview)
  6. Alternatively you can edit the langauge/text display message in the ‘Behaviour’ Tab instead of needing to do so in the ‘Edit HTML/CSS (Advanced)’ Tab

Editing the Timer Templates

To edit any of the timer templates you can check out our article here. That will let you edit the timer templates and display hours, minutes and seconds, or only hours and minutes, or only hours, based on how you’d like the notifications to appear on your site. The hours, seconds, and minutes should update based on your language settings and show in whatever language you’ve set through the app.

What Do I Look For In the Code?

 Once you enable the editing function a screen will open that is full of the code that creates the notification. We’re using the Social Proof Feed as an example. Please read and understand the warning. If you’re not super familiar with coding or HTML, don’t change anything in here because it may affect other aspects you didn’t realize. You can check out the reference guide for a bit of help too!

 

The message in English says “Jane from Waterloo, Ontario, just started buying this” or “Jane from Waterloo, Ontario just ordered this!” There are parts of this we can ignore, like the name. The name will be pulled from information about the actual customer (if they’re logged in). Otherwise it’ll say “Someone” which we can customize to say “someone” in another language. The city (Waterloo) and Province/Country (Ontario) will also be pulled based on the customer’s location-so no need to worry about translating these parts of the message.

 

 

What We Need to Translate

We will also need to translate the words “someone”, “from”, and “just started buying this” and “ordered”. So, to explain it in the simplest way we are looking for these words within the code in white text. Below the words are highlighted by the red boxes.

 

 

You can replace these words in the code by typing in whatever the translation is. So for example “Someone” in German would be “Jemand”. Just type Jemand in where Someone was and hit the ‘Update Social Proof Feed’ button. As a result this will update the preview and you can see your changes and and how they’d appear to your customers on your store’s website.

 

You’ll see something similar in each of the other tools. 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 Edit HTML/Liquid Templates enabled or your changes will not appear!

 

Finally, you can check out our resource for help with adding emojis to your messaging! Additionally, you can reach out to us for support or advice if you aren’t sure what to do.

Was this article helpful?

Related Articles