TIP: Wpromotions.eu:
Did you know that Webnode launched its own languages switch in 2021?
Tutorial: How to add a top bar to the web in Webnode with contact information and soc icons. networks?
Do you need to change the language switching position on the Webnode website?
In this tutorial, you will learn how the multi-language version of Webnode works.
We’ll also show you how to add to the top of the web page to switch between the language versions of the site.
#How does a multilingual Webnode site work??
With an Active Standard or Profi Premium Package, you can activate a feature on your site that will allow you to create a new language version of your site. See the service pricing (Webnode).
With Standard, you can show the web in 2 languages. With the Profi package, you can create an unlimited number of web language mutations.
Note: Webnode allows you to create a language version after you purchase the services. It does not mean that Webnode will translate for you !!!
You have to translate it yourself !!!
#I have enabled a multilingual site, but the page is displayed in a different language …
Your website will appear in the same language as the browser for that visitor. If your site is visited by English, and its browser will be in English – your page will be displayed in English (if you have the English version of the site).
When your website opens, and your browser is set, for example, in Czech – you will see the pages in Czech. (if you have a Czech version of the site)
Language switching is not necessary because the language is automatically selected according to the language that is set in the browser’s settings for that visitor.
You specify the primary language so that if you do not have a language translation for a country – the system has chosen the correct language. If you have the primary English language set in the (Settings – Languages) section, if your page is visited, for example, German – he will see the English (primary) version of your site.
#How to change the Webnode language switching position (via flags on top)
#Let’s do it
1. If you have a website in 2 languages (US English and Spanish
), please use this code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<style> .flags { position: absolute; top: 10px; right: 5px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } @media screen and (max-width: 767px) {.flags {left: 165px;}} </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/americky-flag.png" alt=US"> </a> </li> <li> <a href="/es/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2019/02/spanish_flag_wpromotions.png" alt="ES"> </a> </li> </ul> </div> |
2. Enter the code in the “Settings” section of “Website settings” – “HTML to the header of all pages” and click Save.
3. Publish changes and you are done. You will see the flag in the published version of the site (top right).
More awesome tutorials
Webnode Review: How to create a website/e-shop for free (Webnode review 2023 +SEO TIPS)
Have you ever wanted to create your own website from scratch? Do you want to create a website or e-shop and make it visible on the Internet? Get started right now and learn how to easily create your first custom website.Creating a website with Webnode is so simple...
7 new WEBNODE templates for creating a company website
Have you seen 7 new Webnode templates for creating a company website in 2023?In our Webnode News, we have already discussed a few interesting things about the Webnode editor. Have you read the article about 5 new awesome features of the NEW e-commerce Premium Plan...
How to add a playlist or album from Spotify to the Webnode website?
In the tutorial "3 easy ways to embed an online MP3 player on the web", I showed you very simple way to embed a music player on your Webnode website. Let's take a look at your other options together.Do you LIKE Spotify?Simply embed your Spotify playlist / album to...
How to redirect “Continue shopping” button in cart in Webnode e-shop to OWN URL?
Would you like to set a specific URL in your Webnode e-shop for the "Continue shopping" button in your cart?In the Webnode e-shop editor, the "Continue shopping" button in the cart is predefined to redirect the visitor of your e-shop to the last visited page. Webnode...
How to add a top bar to WEBNODE website (with contact information and social icons)
You can easily add top bar with contact information, social networks icons or a currency switcher (in the e-shop) or a website language switcher (flags).In our Webnode Free News i was talking about 5 new features of the NEW Premium Business Package and 6 best WEBNODE...
6 most popular Webnode templates in 2022
6 most popular templates for creating a website in the Webnode.com website builderIn our Webnode Free News we have already mentioned a few interesting things about the Webnode editor. Have you read the article about the 5 new features of the NEW Premium Business...
5 new awesome features of the NEW e-commerce Premium Plan Business in WEBNODE
WEBNODE REVIEW OF THE E-COMMERCE BUSINESS E-SHOP PREMIUM PLAN IN WEBNODEWhy you should TRY RIGHT NOW new Webnode Business Premium Plan? Lets have a look on very popular e-commerce website builder WEBNODE and its new Premium Plan. The new Premium Planfor Webnode...
How to rename “Add to cart” button in Webnode e-shop?
Would you like to rename the "Add to cart" button in Webnode?In tutorial "How to rename" CART in the menu in the WEBNODE e-shop?" i showed u how to rename CART in the menu. Let's take a look at your other options. Webnode for e-shops is a great choice for your online...
How to set up your own font in Webnode using Google Fonts library?
VideotutorialWould you like to change the font in Webnode to one of the Google Fonts? Few words at the beginningWebnode enables you to change the font on your website under section: “Settings” – “Design” – “Fonts”. Of course, Webnode editor offers the most used...
How to add social icons into footer in Webnode CMS?
Would you like to add social icons like Facebook, Instagram, YouTube etc. to the FOOTER of your WEBNODE website?Social networks like Facebook or Instagram are popular topics on my website. I wrote these tutorials: How do I easily link my Facebook to my website...
How to add a snowflake animation to the Webnode site? Falling snow html code
Would you like to improve your Webnode site by animating the falling snow? No problem! In this tutorial, I'll show you how to add falling online snow to your site. Simple and free. Read more! #Let's go! 1. Log in to editing the Webnode site and paste the HTML code...
How to add a searchbox in Webnode website or e-shop?
Would you like a searchbox (searchbar) on your e-shop/website from WEBNODE?Are you looking for a simple and stylish search box that you can put on your website or e-shop in Webnode?Video-tutorialVideotutorial is only in Slovak language.In tutorial How to add a custom...
Sharing is caring 🙂 Please share this awesome tutorial