With AppYourself you can equip your app with several languages
There are different ways to create multilingual apps. The selected app navigation is decisive for how you create the app. The best use cases apply to the following navigations:
- Navigation Visual
- Navigation Tab Bar
- Navigation List
- Navigation Tiles
1. Navigation Visual
For multilingual apps the visual navigation offers several options to realize this:
Distribute app modules to 2 app pages
First call the Edit section in your app maker and choose Modules > +Add Module. For example, if you add eight modules to your app, they will be displayed in two rows and four columns. You can assign your desired language to these modules. So that the app has another language, simply create the same number of app modules again and assign the name of the second language to these modules. You can see that your app now has 16 modules and modules 1-8 are available on the first app page and modules 9-16 on the second app page.
To let users know which app language is noted on which app page, please proceed as follows: First edit the background image you want to appear in your app. To do this, you can enter the note for the two languages at the bottom of the screen. In this example it is DE | EN. Then load your picture into the app and save it. Now you will see the hint on the background image that your app is a multilingual app.
Note: To edit the background image, you can use image editing programs online, which you can download and use free of charge or use online. This is for example an old example of the F&H Favoured Hotels chain.
Placing languages in submenus
The second possibility for the visual navigation can be realized by using two or more submenu modules. For this procedure you don't have to add a note of both languages to your background image.
Example for three languages
Just add two submenus to your app under Modules > +Add Modules. Assign one submenu the language German, the other the language English and the third French. Then you drag or create the corresponding modules, which you insert into the respective submenus.
In your app it might look like this (as shown in the screenshot of the Shift Hair Transplant app below). You can also click on the image to take a closer look. You will be forwarded automatically and can look at it directly:
2. Navigation Tab Bar
The Navigation Tab Bar can also be used for multilingual apps. In the example below you can see two modules named German (Deutsch) and English. Both are submenus. This means that you first create these two submenus under Modules > +Add Module and name them according to their language.
In the German submenu you will now find all German modules (Öffnungszeiten, Kontakt and Tischreservierung). In the English submenu you will find the corresponding English modules (Business Hours, Contact and Table Booking). In our example you can see that the English submenu is currently selected.
3. Navigation List
Also for the navigation list you use the already known submenus. The new design of the FH Favourite Hotels chain has two submenus (one for the German language and one for the English language). You simply create both submenus and insert the corresponding modules into them. The following screenshot shows you how this can look like. Click also here on the image and have a look how it looks live:
4. Navigation Tiles
First you create all the modules your app should contain. Then you create one or more submenus. In these you integrate the corresponding number of your modules or app language. The example below shows four languages (English, German, Italian and French) that the app has. As soon as you click on a tile, the modules will be displayed in the corresponding language. Just click on the image to view it: