How to Translate Your Elementor Website Using Polylang - Multi Language WordPress Websites

Video Description

Try Omnisend: https://your.omnisend.com/c/3307666/1964052/21260 The CSS for the language switcher is pinned 📌 to the top comment. What I use to build amazing websites: Elementor (the best WordPress page builder): https://be.elementor.com/visit/?bta=27702&nci=5383 Awesome, affordable hosting (the server your website needs to exist): https://www.hostinger.com/reialesa - use discount code 'REIALESA' to get an extra 10% off your purchase! Best Website HEADER Practices - 6 Web Design Tips for Better Navigation: https://youtu.be/JQS32J65T9Q Elementor Units Explained - How and When You Should Use PX, REM, EM, %, VH and VW: https://youtu.be/wKLXXE3Tq_c Elementor Global Settings Explained - How to Correctly Set up the Site Settings for a Great Workflow: https://youtu.be/Sya3k4Iduxs Other mentioned plugins: Polylang: https://polylang.pro/ Connect Polylang for Elementor: https://wordpress.org/plugins/connect-polylang-elementor/ 🗞️ Subscribe to my newsletter: https://www.reialesa.com/newsletter/ Translating your website or online store is a fantastic way to reach more customers. Often, it's not just a plus, but a requirement. And because it's such an important aspect of creating a website, choosing the right WordPress translation plugin can seem like a challenge. Well, my favourite is by far Polylang. Most other translation plugins rely on strings, which means you can translate one thing one way and that's it. Which produces very poor results for a lot of languages. Things don't make sense, context is missing and the text feels unnatural. But Polylang gives you full control over what kind of content is displayed for which language. You can simply just translate things or you can display completely different content on the same page. For example, you could use one background colour for one language and another for the other language. Or you could display completely different images, or use completely different widgets. Both the content and the design can be entirely different. The reason it's so powerful is because Polylang creates a copy of the page, post, custom post type, product or anything else, and it allows you to then edit it directly in Elementor. This gives you full control over everything. And, with the help of another plugin, called 'Connect Polylang for Elementor', you can very easily translate headers, footers, single post templates and any other kind of template or global site part. Including popups. Polylang integrates seamlessly with Elementor. Switching between languages is as simple as adding in the language switcher widget and styling it directly in the Elementor editor. You can display flags, language codes or language names, or any combination of the three. And when your users click on their chosen language, they're going to see the website in that language. On top of that, it also allows you to translate the alternative text, title and description of your media files, which is great for both SEO and accessibility. All in all, it's an incredibly powerful plugin and it makes creating multilingual websites with Elementor very simple. And it's completely free. #translate #polylang #elementor CHAPTERS: 00:00 - Intro 00:47 - Sponsored segment 02:00 - What tools we're going to be using 04:34 - Installing and setting up Polylang 07:32 - Installing and setting up Connect Polylang for Elementor 08:03 - Adding additional languages, changing the order of the languages in the language switcher, basic language settings 10:13 - URL Settings - Decide how your URLs will look like 12:24 - Custom post types and Taxonomies 13:46 - Synchronization 14:54 - Other settings 15:35 - Translating content in the WordPress dashboard 21:37 - Fixing pages that don't get duplicated correctly 25:18 - Translating content in Elementor 26:39 - Hiding content for different languages 27:39 - Changing the links on your Elementor pages 28:40 - Adding, styling and preparing the language switcher 34:19 - Fixing the language switcher bug with CSS 36:10 - Making the language codes bold on hover with CSS 37:14 - Translating headers, footers and other templates 43:30 - What we can and can't translate regarding WooCommerce 46:09 - Queries 47:52 - Translating other plugins and content 50:32 - Translating alternative text for media files and images 54:27 - Changing the flags in the language switcher Get in touch: https://www.reialesa.com/youtube/ Don’t be shy! Let me know what you’d like to see next, ask me anything related to design or just simply say hi. Please note that some of the above are affiliate links, which means I earn a commission if you make a purchase, at no additional cost to you. Thank you very much if you decide to use them!