Make a simple multiple language site

Overview

Have a site that's in multiple languages? Follow this guide to create a mobile website that includes the option to select a language.

Please note: This guide is meant for sites that follow a URL structure  of  domain.com/en  for the English home page and domain.com/sp for the Spanish home page.

Creating the site

  1. Convert using your domain without any subdirectories (for example www.domain.com). 
  2. Select List style navigation, and customize the navigation so that the following parameters are set:
    • Auto sync navigation: Off
    • Use explandable navigation in inner pages: Off
    • Show main navigation in inner pages: Off
    • Show subnavigation in inner pages: On
    • Show "Back to home" button in inner pages: Off
  3. Delete any extra elements from the home page, so only the navigation remains.
  4. Unsync the home page. 
  5. Using the Add Page button, add the pages that represent the different languages of your home page. For example, domain.com/en or domain.com/sp. To learn how to add a page from a URL, please see our article Add a page.
  6. At this point, you will likely have navigation items that include your different language homepages, as well as other navigation pages. A bit like below:
  7. Move the language specific pages under the correct language menu button. In this example, pages One, Two, and Three, are moved under the English button, to make them the navigation for the English Homepage. Use the Add Page button to add navigation items for the other languages.

To get a feel for how a live multi-language site works, you can view the site used in this tutorial by visiting m.mobilewebsiteserver.com/site/multilanguage

Additions

What if your customer accidentally selected the wrong language and they need a way to pick a different language? Easy! Put a Paragraph feature in either the header or the footer, with links to the different language versions of the site.

The image below shows that you'd link the English page to the English desktop URL. This will actually cause the user to go back to the corresponding mobile page.

Alternatively, you could just include one link that takes the user back to the landing page where the language is selected.

×

Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@dudamobile.com
×

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!