website logo
➡️ purplepublish.com
Overview
Setup
Editorial
Experience
Growth
Developers
Navigate through spaces
⌘K
Experience Builder
Feature flags and Anchor tags
Simple static ads in Experience
Traffective ads in Experience
Basic Experience Set-up
Configure a login page in Experience Builder
App menu configuration in Dynamic resources/Experience Builder
Add an app menu entry in Experience Builder
Change text in the messages.json in Experience Builder
Configure the App Onboarding in Experience Builder
Configure the feedback email in the app with Experience Builder
Configure a coupon code page in Experience Builder
Add a translation to the app menu entries in Experience Builder
Configure a custom domain
Branding of the Experience
Change the brand logo in the HTML Experience with Experience Builder
Configure brand colours in the HTML Experience with Experience Builder
Deposit a font in the HTML Experience with Experience Builder
Configure legal information pages in Experience Builder
Docs powered by archbee 

Add a translation to the app menu entries in Experience Builder

11min

Experience Builder



Summary

In this article, you learn how to add a translation to the app menu entries in the menu of your app with the Experience Builder.



Preconditions

  • Country code of your current used language in the app (e.g. 'de' for German)
  • Country code of your desired translation in the app menu (e.g. 'en' for English)
  • Translations of your app menu entries


How-to

1. Go to Experience Builder, choose your app from the list and click on it

Document image


2. Click on 'Pull from preview'

Document image


3. Click on 'app_menu.xml'

Document image


4. Click into the title tag of your first menu entry and add the country localization of your existing title into the tag, e.g. locale="de" if your title is German, so that it looks like <title locale="de">

Document image


5. Mark and the whole line, e.g. <title locale="de">Startseite</title>

Document image


6. Paste it in the line directly below

Document image


7. In the new added line, within the title tag, next to locale overwrite the orange country code in quotation marks with the country code of your desired translation language, e.g. "en" for English

Document image


8. In the new added line, now overwrite the white title text with the desired title in the translation's language, e.g. 'Homepage'

Document image


9. Now, repeat step 4-8 for all menu entries (paragraphs) in the app_menu.xml

10. Click on the burger menu

Document image


11. Click on 'Update Dynamic Resources'

Document image


12. Name your changes, e.g. "multilingual-app-menu"

Document image


13. Click on 'Merge all files to preview'

Document image


You have successfully added a new translation to your app menu, merged the changes and updated the dynamic resources. You can test the result in the preview (by changing the device language to the one of your recently added translation) and push the changes live if they look fine, to make them visible in your live app.



Updated 14 Mar 2023
Did this page help you?
Yes
No
PREVIOUS
Configure a coupon code page in Experience Builder
NEXT
Configure a custom domain
Docs powered by archbee 
TABLE OF CONTENTS
Summary
Preconditions
How-to
ImprintPrivacy Policy
© Sprylab Technologies GmbH 2022