Please note that we have changed the menu structure.To simplify navigation, your elopage account is now structured slightly differently. But the functions remain the same. We will adjust the help section and renew the screenshots. If you have any questions, our support will be happy to help.
Achtung, neue Menüstruktur! Um die Navigation zu vereinfachen, ist dein elopage-Account jetzt etwas anders strukturiert. Die Funktionen bleiben aber die gleichen. Wir werden den Hilfebereich anpassen und die Screenshots erneuern. Bei Fragen hilft unser Support gerne weiter.
This is a machine-translated article. We’re constantly working on improving translation quality for an optimized help center experience. We apologize for any inconvenience.

Use case: Providing shop pages in multiple languages

Monika
Monika
  • Updated

tipp.png Do you offer products in different languages, e.g. in German and in English? Then here is a guide on how to offer your products and shop pages in multiple languages.

Your products and shop pages

  • You offer your products in several languages, e.g. English and German.
  • The products in the different languages should have separate shop pages, so that all content appears in the same language on one page (including headers and footers as well as other content).
  • The emails to the customers should also be sent in the appropriate language after the purchase.

use_case_example.png Ingredients 

  • App >>customization for your own shop theme,
  • Products in the respective language, including delivery email,
  • a shop theme with subpages in the respective language that contains the products,
  • own header in the shop theme with language selection, which leads to the respective shop page.

note.png Notes on localizing the language on your elopage pages

When a customer visits your pages, the language in which your pages are displayed is automatically recognized by the system, depending on the recognized country from which the person accesses the page or the browser language they have set. If the language is not recognized as German, it is automatically set as English. Then all texts provided centrally by us are automatically displayed in the recognized language, but not the texts you have entered individually. 

If your customer is logged in, the recognized language is set to "Language" under "Settings" and "Profile." This language also controls the language in which the emails are sent.

The legal texts are always in the language in which you upload them or, in the case of standard texts such as imprint and terms and conditions, they are also displayed in German or English.

step_guide.png Short version for pagebuilder professionals

  • Hide our header in the shop theme.
  • Create a subpage in the shop theme and store your English-language products there.
  • On the English subpage, translate all your own texts and buttons into English.
  • Create your own header on the main page and on your English subpage and deactivate the language selector.
  • Add a menu item to link to the English shop page or the German shop page. Use the custom link and add ?locale=en or ? locale=en. This means that our system texts are then also displayed in the respective language.

step_guide.png Step-by-step instructions

schritt.png Step 1: Create a product in any language

In this example, we assume that you have products in German and in English and that your default shop page is on German, but customers can switch to the English page. Of course, you can also do the same the other way around, depending on the language your main target group speaks.

  • Create your products in the respective language and get the sales approval so that the products can be stored on your shop page.

If you use the

  • individual purchase confirmation email,
  • event emails for your course
  • custom right of withdrawal

create them both times in "Product" in tab DE and tab EN in the corresponding language.

If you have uploaded your own PDF files for terms and conditions, privacy policy and legal notice, they will always be displayed in the language in which they are written. Our system does not translate custom texts.
If you also need these files in another language, you should store them in the cloud and then link to them in the footer on the foreign-language page. Alternatively, you can also provide both languages in one PDF file.

schritt.png Step 2: Create a shop theme

Create your shop theme in one language. In this example, the basic language is German. Customers can then switch to the English page.

Decide here what the basic language should be for customers who view your shop (e.g. via Google search or central links from us, e.g. from the purchase confirmation email.) Set the asterisk for this theme so that this is the basis.

schritt.png Step 2: Create a subpage in English

  • Create your own subpage for the English content in your shop theme and specify what the end of the URL should be called, e.g. "English."

    UseCase_mehrsprachige_Shopseite_ _neue_Seite_fu_r_Englisch.png

  • Design the page accordingly.
  • For the English-language products, add the "Popular Products" block and select the English-language products to display there.
  • Also adjust the button labels in the language in the blocks.

    UseCase_mehrsprachige_Shopseite_ _Produktbutton_Englisch.png

schritt.png Step 3: Hide default headers and create your own header with language selector

  • In the shop theme, hide the default header of elopage so that the normal language selector is no longer displayed. In the next step, you then create subpages with your own language selector, which then refers to the landing page in the language.

    UseCase_mehrsprachige_Shopseiten_ _Header_ausblenden.png

  • Now edit the "Main" page. This is the homepage of your shop. Insert the block "header" via the pagebuilder.

Now you need the menu items in the respective language for the header, so

  • on the main page in German with the link to the English page
  • and on the English page exactly the other way around, i.e. in English and with the link to the German-language page, 

so that customers can change the language if necessary.

Instructions for the header

Main page

  • Add the "header" block.
  • Click on "Add menu items" on the right under "Create menu items" and provide your menu items.
  • Then enter a menu item to view the English page such as "English version."
    Mehrsprachige_Shopseiten_ _Menu_punkt_hinzufu_gen.png
    For your customers, it looks like this:

    Mehrsprachige_Shopseite_Header_Englisch_Sprachwa_hler.png
  • Edit the menu item and link to your English subpage with "Enter your own link."
  • Add the addition ?locale=en to the link u so that all texts provided by us are displayed in the correct language.

    UseCase_mehrsprachige_Shopseite_ _Menu_punkt_mit_Locale.png

hinweis.png Please note

If you offer multiple languages, use the drop-down menu to select the languages.

  • Then deactivate the "language changer" of elopage in the header.

English subpage

  • Add the block "header" here as well. Provide a menu item in English e.g. "German version" and edit it as described above.
  • Then use the URL of your shop page (the main page) for the link to your German shop page for the individual link and add ?locale=de to the link so that the system texts are translated back to German.

Now you can test the result

  • Go to your shop page. It will appear in German and you will see the link for the English version at the top.
  • Click on the link for the English version. This will call up the English subpage with your English-language products and automatically change the language to English (with ?locale=en at the top of the URL in the browser). Our standard texts are now also displayed in English.
  • From there, click on the German version again. Now ?locale=de is displayed in the browser. All central texts appear again on German and your German-language products are displayed.

Was this article helpful?