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

Опубликовано: 28 Сентябрь 2024
на канале: Reialesa

1,729

Try Omnisend: https://your.omnisend.com/c/3307666/1...

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=2...
Awesome, affordable hosting (the server your website needs to exist): https://www.hostg.xyz/SHBd2

Best Website HEADER Practices - 6 Web Design Tips for Better Navigation:    • Best Website HEADER Practices - 6 Web...
Elementor Units Explained - How and When You Should Use PX, REM, EM, %, VH and VW:    • Elementor Units Explained - How and W...
Elementor Global Settings Explained - How to Correctly Set up the Site Settings for a Great Workflow:    • Elementor Global Settings Explained -...

Other mentioned plugins:
Polylang: https://polylang.pro/
Connect Polylang for Elementor: https://wordpress.org/plugins/connect...

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!