Translate Your WordPress Website Multilingual | Elementor, Divi, Oxygen TranslatePress Tutorial 2022
ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- In this video we will make your WordPress website multilingual in just 20 minutes! We also cover SEO translation, changing flags and fixing layouts. It works on Divi, Elementor, Oxygen etc.
👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support my channel? Leave a like or buy Divi with 10% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Divi 10% discount ⇒ wp.discount/divi-discount/
✅ Elementor Pro ⇒ wp.discount/elementor-pro-dis...
✅ SiteGround 70% discount ⇒ wp.discount/siteground-discount/
✅ WP Rocket 10% discount ⇒ wp.discount/wp-rocket-discount/
I want you to succeed with your website, so lets get started.
All scripts and CSS snippets: 📜 wpressdoctor.com/translatecss/
⏱️Timestamps⏱️
0:00 Intro
0:39 Installing TranslatePress
1:18 Settng up TranslatePress
3:00 Translating the website
4:03 Translating buttons
4:23 Translate images
5:57 Adding translation to the menu
7:35 Adding more languages ⇒ wpressdoctor.com/translatedivi/
8:36 Installing the paid version
9:25 Setting up the paid version
11:00 Automated translation with DeepL
13:37 Adding more translations to the menu
14:47 Fixing styles in languages
18:20 Change dropdown width
18:52 SEO multilingual
20:10 Exclude a word from translation
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: wpressdoctor.com/sub
📖Transscript📖
Hey guys welcome to another video of the WPress Doctor. And today we are going to translate your website to make it multilingual. It's going to look something like this: When you have a beautiful drop down menu with all the different languages. And when you click on this one, you get a beautiful translated website. And this is a secret; one language is completely free. And not only that, I'm going to show you how you can translate your SEO titles, meta descriptions and urls. And i'm going to show you how you can change these buttons, so that they work like they should. Anyway it's going to be a fun ride so buckle up get yourself some water, some tea, some coffee, whatever you want. We are starting right now.
At your wordpress dashboard you go to 'Plugins' - 'Add new'. Then we're going to search for the plugin "TranslatePress". Press enter. As you can see TranslatePress has been active for more than 200 000 websites it's very popular. And last update is four days ago. The last update is very important because that tells you if the plugin is still being maintenanced. Press 'Install now'. And after it been installed we press on 'Activate'. There are two ways to go to the settings of TranslatePress. You can scroll down and you can press 'Settings' right here, or you can go to 'Settings' and then we go to 'TranslatePress'. Click on it. Well let's first close this advertising right here. If you want to receive the newsletter you can sign up. We don't want it right now. So let's start with the default language. It is in English and that's right our website is in english. Now we can add our languages we want to translate the website in. I'm going to translate it to Dutch. And press 'add'. If you want to add more languages you will need the pro version. I'm going to show you later on this video how we're going to do that but one language is completely free. So let's start with this one. Here you can choose if you want to show the language name in the native name. So it won't say Dutch but it will say 'Nederlands'. I don't like that I just want the flags up there so we're going to leave it on 'no'. You can use a subdirectory for your languages. I would not advise you to do this for SEP purposes. Just leave this on 'no'. All right if we now scroll down the 'force language in custom links' is is yes it's okay. The language switcher, we have a shortcode, the short code I want to be the flag with full language names. You can change it anytime you want. For the menu item I only want to have flags. Later on this video we're going to add it into our menu, first we're gonna translate it. And the floating language selection we can use the flags with names, and it's dark and it's on the bottom right, you can do whatever you want. I'm gonna turn it off right here, because i don't like the style of this entire thing, I only want to have it in my menu up in the right corner. Press 'save changes'. Wasn't that easy? These are just the options we need to change right now.
Let's go to 'translate site'. If you press this button the translator will be open. How we translate the word of TranslatePress is really amazing. Just hover your mouse over the text you want to Translate. Press on the icon, here you can see from English "Dealing with the"... to Dutch....
📖 Read the rest of the transcript at wpressdoctor.com/translate-yo...
#translatepress #multilingual #WordPress
Great video again, you are great doc!
Thank you very much! That’s great to hear. Getting the word out there with your like and subscribe, and possibly a share would be much appreciated.
Dagen bezig met polylang kreeg het niet voor elkaar, half uurtje en heb eindelijk een vertaling op mijn website. Dank je wel....Ik gebruik Divi en dat samen met Polylang moest gemakkelijk zijn, niet voor een newbie als ik..Dit werkt voor zover ik het kan zien, nogmaals dank !
Graag gedaan! Ik herken je ervaring met Polylang, werkt inderdaad erg omslachtig, net als WPML, ook zo’n draak. Ik ben blij dat ik je kon helpen met de video 👍🏻😀 ga zo door!
Great video as always, Doc!
My favorite features of TranslatePress are: Merge tags and the "translation-block" class. The latter allows you to have different length texts of each language but still keeping it all in one wordpress page 🥰
Hi there! You are very welcome! Thanks for the kind words, I really appreciate it. I’m glad I could help you out with this video. That’s a great feature indeed! I have to make a new video about this wonderful plugin, it really does work well!
Stay tuned, more awesome tutorials coming up! Have a great day and take care 😀👍🏻
Hi there. Would be glad if you could give me some advice
…
Three are some texts that I cant choose to translate. Can you help me with that?🙏
Hi there! Try searching for the strings inside, it might do the trick!
@@WPressDoctor Thanks a lot. Will try…
Wow, this is very complete and very insightful!.
But, I have a question. If I live in Germany and I use English's default language. Can I have a specific page like a blog page that is not translated into English because my content is published in German?
Hi there! Yes that’s possible! Just don’t translate that page 😀👍🏻 when auto translate is enabled you can exclude this page in the ‘advanced’ options. Can you try that out for me? Please don't hesitate to ask if you run into troubles again following this video. Your like and subscribe, and possibly a share are always welcome in case you can pay it forward 😀👍🏻
Thank you :) Does this work if the pages are created with Elementor? And how about header/footer? Oh and how about the blog archive/post pages and posts?
Hi there! Yeah it works perfect with Elementor. It’s a great system. Just try it out via the link if it fits your needs!
Thanks a lot for the video. How would I change content generally for different languages? E.g. I need to be able to have a different code per language using the divi code module - can this be done at all / with the free version of translate press?
Hi there! Yeah this is possible to do with the free version 👍🏻😀 Just create a code module, then translate the module content to any other language! Let me know if that works for you or if you bump into problems 👍🏻
Thank you for this video! It helped me a lot in adding Arabic to my website. Any idea if it's possible to change the font of the translated language, so not the original, but the opposite language? Thanks again.
Hi there! Your very welcome, I’m glad I could help you out 👍🏻😀 it seems to be possible: wordpress.org/support/topic/how-to-assign-different-fonts-with-translatepress/ use some CSS. 😀
Hello, thank you for the great video. I have a question. I use DIVI and have recipes and blog on my website. I create the posts in Gutenberg editor and the text excerpt shows up at the blogslider. Is it possible to translate the text exerpt in Gutenberg with Translate Press? Because when I go into Gutenberg and click translate page I jump to the theme builder. In this case I have to translate the sliders at every page I use. When I post a new recipe or article I have to go to every page and translate it seperatley. What I need now is a solution to translate the text excerpt and the title in Gutenberg. Thank you very much for your help!
Hi there! Thanks for the question. Yeah you could do just that. Go intro translation mode on the specific page. Then on the left you can also choose to translate “Strings” there… the excerpt should be in there.
Bedankt voor de duidelijke uitleg in de tutorial. Vraagje: ik merk dat na elke wijziging of toevoeging in de Nederlandse tekst (standaard taal), dat dan op de engelse en duitse pagina de reeds vertaalde tekst weer terug springt naar Nederlands. Hoe kan ik dit voorkomen? Nu moet ik steeds weer opnieuw beginnen.
Hi Janine, graag gedaan! Dat is vreemd en hoort niet te gebeuren... Normaliter als je de standaard tekst aanpast dan blijf de vertaalde tekst gewoon staan. Wat voor Thema gebruik je?
Hi, Great video. I have a question. I want to translate some pages of my blog into German. And I want when I press the German flag to see all pages in the blog list that are translated into German, not English (which are not translated). And when i press the English flag, se all my pages.
Hi there and thanks for the question ☺️ It’s possible what you ask, you can read a simple how to over here: translatepress.com/partially-translate-wordpress-exclude-posts-pages-products/ let me know if that worked for you!
Hello, how good is the automatic translate option for a WordPress Woocommerce website built with Oxygen with ACF, templates and categories. WPML translate is not compatible with Oxygen...Thank you
Hi there! Thanks for your question. I have absolutely no idea. I found Oxygen to behave very strange in certain cases. I have tried working with Oxygen on a WooCommerce website and my gosh... I needed 2 developers to create everything I wanted... and we ended up after losing a lot of time and money to rebuild the entire thing in another system... insane. So no, I don't know how it will react to TranslatePress. But the good news is, you can try it, the first language is free!!
Thank you for the video, this kind of translation, is it good for the seo ?
Hi Ismail! Yeah it work very good for SEO, if you put it in the right way and optimize also the translated pages with a SEO plugin 👍🏻
Amazing video! Thanks a lot! I do have a question. Is there a way to change the logo according to the language selected? So if my logo says Car Rental in English, when im in the Spanish version, I want my logo to change to the Spanish version as well so it reads (Alquiler de autos (car rental in Spanish)).
Hi there, thank you for the kind words! yes you can, depending on which theme you are using?
@@WPressDoctor Thank you for being so kind and answering it! Im using Divi!
Sure no problem 😀 if you have created your header in the Theme Builder then you can easily translate that content in the Theme Builder and you can set a different image for all your translations 😀
@@WPressDoctor amazing! can't seem to find a tutorial for that, but will try!
@@WPressDoctor hi, Doc! Cheers from Argentina. I have two questions. Is there a way that the user ir directed automatically to its language (if he is un USA, then English version first. If he is in France, French version)?
Second: I have content that is just for English visitors, so I don’t want that section/content to be shown when the user is in the Spanish version. Is there a way to hide/show sections depending on the language selected? Use case: it’s a Catholic priests congregation, they have “houses” in Argentina (Spanish) and US. When Argentinian is seeing “about us” page I want to show him some specific things, and when the about page is in English (then I assume a US user), i don’t want them to see some specific Argentinian things. Does that make sense?
Hope you make it till the end. Sorry for the long text!
Hey Doc! Amazing content! I am facing an issue, on the front end (I am using Divi) I can see that there are parts that are not translated even though the translation is there in the "Translate Site" page. It stays in the original language. Any idea? Thanks!
Hi there and thanks for the question! In this case I would clear caches, as it seems that that could be a problem here. Also try to look for “strings” as demonstrated in the video. That might do the trick! Let me know if you got it figured out 😀👍🏻
Clearing cache did the trick. Thanks a lot and keep up the good work :)
Well done! I’m glad you got it fixed 😀👍🏻
Hi doc, hope you are very well! =) Im facing two problems. Can I translate the background photo on a hero section? There is no "pencil" appearing on that image on the visual TranslatePress editor. Second one, you said that videos can be changed according to languages using a shortcode. Do you have another tutorial for hat? couldn't find it. Thanks a lot! cheers from argentina!
Hi there! The hero section background cannot be changed (yet) I asked them about it and they are working on that. Videos can be changed but it needs a bit of work. Use a Code module instead of a video module and then you can make it work. Hope that helps?
@@WPressDoctor Thanks a lot for the help!!!
Your welcome!
Hello, what do you recommend. I used DIVI for 1 year now, i bought Oxygen, but moving from DIVI is a pain. Should i go on with Divi?
Hi there! Thanks for reaching out. I would definitely recommend Divi. The learning curve of Oxygen is very steep. Also the newest version of Divi 5.0 is coming and it is a complete remake of the foundations of Divi. It will be super flexible, super fast and in many ways so much better than Divi 4. So yeah I would say stick around, buy the lifetime deal around Black Friday and you are set for life 👍🏻😀
Thanks a lot! But is it working on phone?
Yes of course! Works excellent!
Thank you excellent video, I have a question how can I translate in a form the options of a drop down menu.
Hi there! You are very welcome! What kind of form plugin do you use?
@@WPressDoctor Fluent form
Ah ok, i don’t have experience with that form. You can contact support of TranslatePress and ask them 😀
thanks for your explanation.. what if I want to translate my site from English to Arabic? Just Arabic and no need to another language, finally my site will be with a single Language
Hi there! I think that is also possible, but you have to change the entire WordPress installation from RTL to LTR... becuase its going to cause some issues here I think... never tried it though, so its just a guess 🤷🏼♂️
Please help when i translate english to arabic i need to fix some styling like margin and padding. i see you did in divi but I'm using elementor pro and translatepress please any body help me to fix this styling issue?
Hi there, well if you take it step by step. Just try to find the selector and make some manual CSS adjustments like I did with Divi 😀
My native language is Chinese, and after translating into English, the text on the English page runs out of the Row, especially in the mobile version, and the text runs out of the footer, so the adjustment version must be adjusted from the Chinese Builder, but then the Chinese page will be affected. Do you know how to use CSS to adjust the English page alone?
Hi there, that is a very good question. I have never encountered it as I have never build it in Chinese before... I would ask this to the developers and send them a e-mail how you should work with this 😊 sorry!
Tried it… But the auto translate is pretty... bad, haha. Is the paid version better at translating?
Hi there! Well it also depends on your own basic language of course. Next to that, the pro version can use DeepL, which is way more better than Google Translate in my opinion 😀
@@WPressDoctor Jeah i am thinking about it along the way.
But Accelerator You should to try
I just might! Thanks for the 💡
So, as i understand, automatic translate is not automatic, and is not free. :)
Hi there! Haha yeah you might be right there, it’s possible and free but also possible to pay for it and do it automatically. I should make a new video about this topic 👍🏻😀
It's not free.
Hi there! One language is free…