Do you offer products in different languages, e.g. in German and in English? Then this is your 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.
- 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.
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.
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 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 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.
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.
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."
- 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.
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.
- 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
- 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."
For your customers, it looks like this:
- 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.
If you offer multiple languages, use the drop-down menu to select the languages.
- Then deactivate the "language changer" of elopage in the header.
- 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.