Search

This section doesn't currently include any content. Add content to this section using the sidebar.

Image caption appears here

Add your deal, information or promotional text

Creation of multilingual Shopify transaction emails with orderly and waylot

  • 3 min read
Shopify has around 20 built-in transactional emails that are sent at various stages of the purchase and fulfillment process, such as order confirmation, delivery status notification, etc. These emails must be set up in multiple languages if the shop is intended for multinational customers. With this article we would like to provide some guidance on how to create
  • professionally designed
  • multilingual
Transactional emails created using Orderly email templates and the Weglot translation apps available on the Shopify App Store. Since the process consists of several components and is repetitive in nature, I will implement a workflow that is very efficient. If you follow these steps carefully, it probably won't take more than an hour until you have complete bilingual versions of all (about 20) transactional emails.

Requirements

Before you start, you must
  1. Buy the Orderly email templates from the Shopify App Store
  2. Within the Orderly-App, you first configure all emails in the main language of your shop. In our example we use German as the main language.
  3. Install the Weglot app
  4. Create a waylot account and complete the language settings.

Why Orderly

Although Shopify offers customizable transactional emails, many Shopify customers prefer to use applications such as Orderly to achieve a professional-looking appearance for communicating with customers.

Why Weglot

Shop owners who prefer to serve their customers with a single Shopify instance need apps like Weglot or Langify to make their shop multilingual.

Do you need help?

This post is too technical for you and you do not want to deal with programming code? We can do that for you. Please contact us.

The procedure

In summary, for all Shopify transactional emails (located in the Shopify Admin under -> Settings -> Notifications) you need to add a somewhat cryptic HTML code for each language. You will need some basic programming skills to do this. We recommend that you follow the steps below carefully to avoid having to edit the emails several times unnecessarily and to scroll through the long code repeatedly. What you have to do is very repetitive and you can save some time if you do it right. Here are the steps:

  1. Replace the current email with a code snippet that makes your emails multilingual
  2. Follow the orderly instructions to create the code for your main language and copy it to the admin.
  3. Complete the Orderly configuration for the target language. In most cases with a non-English main language, this is English.
  4. Follow the Orderly instructions to create the code for the target language and copy it to the Admin.
  5. Create multilingual subject lines

1 Replace the existing email text with a code section that makes your emails multilingual

If you only want to use your shop in two languages, the source language is German and the target language is English (using Weglot), you will need this code in each of your emails:


{% case attributes.lang %}
        {% when 'en' %}
            ENGLISH EMAIL CODE
        {% else %}
            GERMAN EMAIL CODE
{% endcase %}

It is important to set the code for the source language below {% else %} to insert. For example, if the shop language is English and Weglot does the translation in French, then you need this code:


{% case attributes.lang %}
        {% when 'fr' %}
            FRENCH EMAIL CODE
        {% else %}
            ENGLISH EMAIL CODE
{% endcase %}
If you set up the shop in two languages, here is an example of the setup for German:

{% case attributes.lang %}
        {% when 'en' %}
            ENGLISH EMAIL CODE
        {% when 'es' %}
            SPANISH EMAIL CODE
        {% when 'pt' %}
            PORTUGUESE EMAIL CODE
        {% else %}
            GERMAN EMAIL CODE
{% endcase %}

2 Copy the Orderly Code for your source language

First you have to set up all Orderly EMail templates for your original language. When you are finished, replace the line below {% else %} by the code created by Orderly. So in the above example, replace the line GERMAN EMAIL CODE with the German email code created by Orderly.

Start in the Orderly Editor and perform this step for each email.

3 Complete the orderly setup for the target language

Now you must replace in the code section for the target language (see step 1). In most cases, the target language for non-US/UK shops will be English. When you have finished all emails, go back to Orderly and change the language there.

4 Copy the Orderly Code for each target language

Start with the first mail (order confirmation), click on finish and copy the generated code into the area for your target language. In our German-English example, you have to copy the line ENGLISH EMAIL CODE with the English code created with Orderly. Repeat this step for each email.

5 Create multilingual subject lines

Within Admin -> Settings use the code snippet from step 1 to customize the subject. Please note that the code contains placeholders for order numbers etc., which must be used in the same way in every target language.

Search