Multi-lingual Yola website

  • 1
  • Question
  • Updated 5 years ago
  • Answered
  • (Edited)
Hello everyone I'm Italian and I want to create my multi language site with two languages: Italian and English.I would like to have the two flags Italian and English.Unfortunately the Italian assistance has failed to explain how. Can you help? Thanks in advance to all.

Stefania
Photo of Stefania Fantoni

Stefania Fantoni

  • 36 Posts
  • 2 Reply Likes

Posted 5 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Stefania

There are a couple of options for offerring a multi-lingual website. You can either create separate websites for each language in your Yola account, publish them to different domains or subdomains, and then link them to each other.

If you add flag icons, they will be image files which you can add to each page using the Picture Widget. This widget will also give you the ability to add a link.

If you decide to provide your content in two languages under the same domain name, you will need to create your two versions on one website. This means that you will need to undisplay the default navigation menu that comes with your Style Template, and create your custom menu. However, you could keep the default menu by using the submenu feature in order to offer two different language versions. Here you can see an example for German and English on one website at the same time, using submenus: Kinderbetreuungsverein.

Please let me know if you have more questions on this subject. Apart from Support, I also work as a translator for Yola, so our team is quite competent on this subject, and if you write us an e-mail, our Italian support rep Mariana will be able to assist you as well.
Photo of Stefania Fantoni

Stefania Fantoni

  • 36 Posts
  • 2 Reply Likes
Thanks Stefan!
from what you've told me I decided to create a multi-language site using the menu below keeping the defaul.
For each page of the site I have to create a sub-menu in English in this case and then all collegerle to a page where for example imposed the English flag?
this is the procedure?
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Stefania

If I understood you correctly, you'd like to go for the option displayed on Kinderbetreuungsverein, is that right?

What you need to do to use this option is create two main pages, e.g. one labelled "Italiano" and one labelled "English". They need to be the two main pages of your navigation. All other pages will be subpages as submenus to the two main pages. You can easily arrange this if you work with the Page Manager. You can find it under Page > Page Properties > Navigation. Click on the green indent arrow to make pages submenus.

There is something special about the home page: Its URL will always be "index.php", which cannot be changed. What you need to do is give that page a different labelling. When you are in the Page Manager, click on "Edit" for the home page and label it e.g. "Italiano". For every other page, the URL name ("Rename") can be the same as the label name ("Edit"). For some pages you'll need to choose an additional information for the name if English and Italian names are the same, such as for "Blog". Then you can name your Italian page "blog-it" and your English page "blog-en". Once done, you change the labels of both pages to "Blog".

Choosing this option means that you won't be able to use flag icons. The language options of your website will display as written menu links, just as you can see it on the Kinderbetreuungsverein site.

If you have any questions, please let me know.
Photo of Stefania Fantoni

Stefania Fantoni

  • 36 Posts
  • 2 Reply Likes
Hello Stefan thank you very much for the help you're giving me that much!
I think I understand how to do.
Doing this I realized the difference between subpage and submenus. Unfortunately, the link that explains how to create subpages does not work gives me error. How do I?
Photo of Stefania Fantoni

Stefania Fantoni

  • 36 Posts
  • 2 Reply Likes
This is the link I was telling you it does not work https://www.yola.com/tutorials/articl...
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Stefania

When I click on the link you posted, the tutorial opens fine for me. The reason why you get an error message is most probably that your browser language is set to Italian, and as this tutorial hasn't yet been translated to Italian, it can't open. If you set your browser language to English, you will be able to view this tutorial. Let me know how that goes.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
You can actually create all pages needed from the Page Manager (Page > Page Properties > Navigation). Just click on the "New Page" button in the bottom-left corner. Leave the checkbox "Display in navigation" checked. Once done, go back to the Page Manager and make the page a submenu by clicking on the green indent arrow.
Photo of Stefania Fantoni

Stefania Fantoni

  • 36 Posts
  • 2 Reply Likes
Hello Stefan! Blast to laugh at what I'm about to tell you
I could not create the multi-language sub pages because the navigation menu I always remains in Italian.
I found a site that offers the possibility of translation with flags.
the site is http://gtranslate.net/features
To do this test I created another site but when I inserted the html code flags have appeared but crashed the site. Does not give me the opportunity to interact
Stefan Help me!
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Stefania

I'm afraid I can't have a look at your site because the e-mail you use for our forum doesn't seem to be the e-mail you use to log into your Yola account. Can you post your internet address or login e-mail for me to locate your Yola account in our system? Please also let me know which one is the real and which one the test site.

It was clever that you created a test website to try out the flag icon. If incorrect code breaks pages or a whole site, they sometimes become completely inaccessible, even for us.

I think there may be a misunderstanding. Are you actually looking for an automatic translation of your website? You can add Google Translate to your website and then won't need to create another language version of your website. However, as one of the translators of Yola's, I cannot recommend to use computer translating tools. To ensure comprehensibility and consider cultural aspects, your best bet will always be a human translation. I was assuming that you're going to create two versions of your website, with an Italian original and an English translation. The steps I gave you will not help with translating your website.

When you use the submenu option, you won't need flag icons. It doesn't matter in which language your Sitebuilder displays, you can edit your pages in whatever language you want.

If you want to use flag icons, you just need the two flags as image files. The idea is that you create a page A in Italian and then create a page B in English which is a translation of page A. Once done, you would add an English flag image file to the Italian page and an Italian flag image file to the English page, and then you would just add links to these image files, the link of the English page to the English flag, and the link of the Italian page to the Italian flag. But using the flag icon option will require to undisplay the default navigation of your Style and you to create a custom menu. Does that make sense to you?
Photo of Stefania Fantoni

Stefania Fantoni

  • 36 Posts
  • 2 Reply Likes
Hello Stefan if you want I'll give you the login information so that you can control.
Unfortunately, not knowing English I rely on google translator so even if you're very good at explaining think that we do not understand 100%!

Greetings from Florence
Stefania
Photo of Alessandro Merci

Alessandro Merci

  • 1 Post
  • 0 Reply Likes
This discussion is great because I'm trying to apply the same changes to my site and I'm Italian too.

So, thank you all because here I'm finding very good advices.

Greetings from Udine,
Alessandro
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
I'm very happy to hear that, Alessandro! Good luck with your multilingual website!
Photo of Rachel Visconti

Rachel Visconti

  • 2 Posts
  • 0 Reply Likes
Hi Stefan

I am joining the discussion here, as I'm also in the process of making my site bi-lingual. I am not entirely clear on how to create the main page(s):

" What you need to do to use this option is create two main pages, They need to be the two main pages of your navigation. All other pages will be subpages as submenus to the two main pages."

Ok.. so I have basically two pages each with the same amount of sub-pages to mirror each other. I think I understand that.
Where it gets confusing is with the next bit:

"There is something special about the home page: Its URL will always be "index.php", which cannot be changed. What you need to do is give that page a different labelling. When you are in the Page Manager, click on "Edit" for the home page and label it e.g. "Italiano".

My index page can only ever be one page, right? So isn't that the page (as in homepage) where people can then chose the language? As it is displayed in your Kinderbetreuungsverein example? Is it like the umbrella page that will always come first and from there you have two branches going off? I mean this index page isn't already one half of the bi-lingual site, or is it?

Hope my questions make sense, and I hope together we can make even more sense of how to set this up.

Thank you!! site name is rachelvisconti.com

Kind regards
Rachel
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Rachel

This topic is indeed a bit difficult to understand when it comes to the page adresses vs. the page labelling. So if you choose the option of "Kinderbetreuungsverein", then your home page won't be a fork page where you first select the language. Your home page must be one of the home pages of one of your languages, let's say it's English. Users can either click on "English" or "French", but they will land on your English page by default when they enter your website address, e.g. mysite.com. Let me try to give you an example:

Let's say you want an English and French version of your site and you create it like "Kinderbetreuungsverein". Whenever you create a new site on Yola, there must always be at least one page, and that is your home page (index page). It shows the label "Home" on your website by default. Your home page will be your English home page while your French home page will be another main page of your main navigation. So what you need to do to get rid of the "Home" labelling is to access your Page Manager and re-label the page to "English". Now your English home page shows as "English" in your main navigation. The difference to other pages is that you can't change the URL of your home page. It will always be like mysite.com/index.php. But this isn't important. The main thing is that you can change the labelling in the main navigation to English.

However, when you create your French home page, you can enter the word "Francais" for the page name in the Page Creation dialogue box. Both the URL and the label of your website will then be "Francais", so mysite.com/francais.php and your main menu shows "Francais". If you have just two languages, these two main pages will be the only main pages of your website. The respective subpages need to be added as submenus.

Let me know if it hasn't become clear to you yet, and I'll be happy to explain it further.
Photo of Rachel Visconti

Rachel Visconti

  • 2 Posts
  • 0 Reply Likes
Thanks Stefan, I will try this on my next day off... :-)