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

How to Translate Banana Stand 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 tweak 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

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

  • English ๐Ÿ‡บ๐Ÿ‡ธ๐Ÿ‡จ๐Ÿ‡ฆ๐Ÿ‡ฌ๐Ÿ‡ง
  • German ๐Ÿ‡ฉ๐Ÿ‡ช
  • Spanish ๐Ÿ‡ช๐Ÿ‡ธ๐Ÿ‡ฒ๐Ÿ‡ฝ
  • French ๐Ÿ‡ซ๐Ÿ‡ท๐Ÿ‡จ๐Ÿ‡ฆ
  • Indonesian ๐Ÿ‡ฎ๐Ÿ‡ฉ
  • Norwegian ๐Ÿ‡ณ๐Ÿ‡ด
  • Swedish ๐Ÿ‡ธ๐Ÿ‡ช
  • Portuguese ๐Ÿ‡ง๐Ÿ‡ท๐Ÿ‡ต๐Ÿ‡น

How to Translate Banana Stand Into Your Own Language

If you want to translate Banana Stand into a language that is not already supported out of the box you can do so by editing the liquid/html/css that we allow you to edit. We use the same Liquid theme engine used by Shopify to render templates. Here is a reference guide for your convenience.

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. 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. 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. 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. Edit the Liquid template that shows up and hit save (or hit Update Preview to update the preview)

 

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!” Now 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) or it will say “Someone” which we can change to whatever language we’d like. The city (Waterloo) and Province/Country (Ontario) will also be pulled based on the customer’s location-so no need to worry about this.

 

 

What we need to translate are the words “someone”, “from”, and “just started buying this” and “ordered”. 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 red boxes.

 

 

So you can just 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. This will update the preview and you can see your changes 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 at any point you don’t like it, 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!

Was this article helpful?

Related Articles