In this article, we will see how to take full advantage of the potential of Weebly. In particular, we will explain in detail how to create a fully-fledged multilingual site using Weebly!
Before proceeding with the rest of the guide, here is what you need:
In this guide, I will show you an example of a multilingual website, then you simply have to reproduce it on your own website!
We start by creating these example pages (in order):
Note that the pages should be grouped according to language! In other words, all the pages in English should go first and then only after those in Spanish, or vice versa; the important thing is that there should be a start page at the top of the group of English pages (in this case "Home") and another at the top of the group of Spanish pages (in this case "Inicio").
In each of the pages you have just created, you must go to "Advanced -> ENTER CODE" and paste the following code:
<script> language='LANGUAGE_CHOICE'; </script>.
where LANGUAGE_CHOICE becomes 'es' in Spanish language pages and 'en' in English language pages so it will be something like:
<script> language='es'; </script>.
By now you have already downloaded the two necessary files (Languages and jQuery)... so you have to upload them on your website! To upload a file to Weebly, go to Theme -> Edit HTML/CSS and click on the + next to "ASSETS", then click on "Upload File(s)" and upload the two downloaded files. (and upload the two downloaded files, languages-1.0.js and jquery-1.10.2.min_.js.
Now pay attention to the following steps:
Go to Settings -> SEO and paste the following code into the field "Footer code":
<script> hideMenus(); </script>.
Also in Settings -> SEO, paste the following code into the 'Header code' field:
<script src="/files/theme/jquery-1.10.2.min_.js"></script>
<script src="/files/theme/languages-1.0.js"></script>
<script>
langs = {
"home": "en",
"start": "en"
};
menuSelector = '#navvvv';
</script>.
Let us examine this last code together, as you will have to modify it to make it work on your site:
Please note that not all themes necessarily have a div id (often there is only the class=...), but in that case you only have to add an id="NAME", where "NAME" is a word that you arbitrarily decide; clearly, this has to be done in each file in the 'TYPE OF INTESTION' section, i.e. in landing.html, no-header.html, etc...
Now you have to give the user the possibility to change the language of the site. There are two ways to do this:
<a href="/home.html"> English </a> -> takes you to the “home” page in English.
<a href="/inicio.html"> Italian </a> -> takes you to the “inicio” page in Italian.
At this point, however, you will be wondering where to put these two codes... That's easy to say: go to Theme -> Edit HTML/CSS, open any file in the "TYPE OF HEADING" section and paste the code where you want it to appear (for example next to the social buttons, or under the menu)! Obviously, you must do this for each file in the "TYPE OF HEADING" section.
Weebly is for sure one of the best solutions for those who want to revamp their business by putting it on the Internet. Sure, it’s not suited for those without a technical background, but apart from that, it’s an excellent alternative to other big names in the industry. It’s not difficult to translate it into as many languages as you want but to do it, you need the right partner at your side, and we at Hero Translate can be that partner you are searching for!
Please don’t make the mistake of thinking that using an automatic translation is a viable option because it’s only going to hurt your image in the long run. Use only professionals that have a proven record of delivering superb results. Someone like Hero Translate!
Get an Instant Quote or Contact Us and take advantage of a 10% Discount on your first order and become part of the 10.000+ companies and professionals that used Hero Translate to exploit international markets successfully!
SHARE
Calculate the cost in no time with our Price Calculator.
Add all requirements and submit the order. You can pay later.
We will do a perfect job in the shortest possible time.