{"id":101,"date":"2024-05-03T06:57:10","date_gmt":"2024-05-03T06:57:10","guid":{"rendered":"https:\/\/wp-multilang.com\/docs\/?post_type=ht_kb&#038;p=101"},"modified":"2025-12-01T06:30:12","modified_gmt":"2025-12-01T06:30:12","slug":"how-to-add-language-switcher-in-multilingual-elementor-site-using-wp-multilang","status":"publish","type":"ht_kb","link":"https:\/\/wp-multilang.com\/docs\/knowledge-base\/how-to-add-language-switcher-in-multilingual-elementor-site-using-wp-multilang\/","title":{"rendered":"How to Add a \u201cLanguage Switcher\u201d in a Multilingual Elementor Site Using WP-Multilang"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>Elementor, a popular page builder for WordPress, offers a seamless user experience and advanced design capabilities. When it comes to creating multilingual websites, integrating WP Multilang with Elementor can be a game-changer, allowing users to efficiently build and manage multilingual content.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>The integration of Elementor and WP Multilang makes translating content a straightforward task. Users can easily manage and translate their Elementor-designed pages and posts into multiple languages.<\/em><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>The compatibility between Elementor and WP Multilang streamlines the translation workflow, allowing for a cohesive and consistent multilingual website. This ensures that the user experience remains seamless across different languages.<\/em><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In this tutorial we will see how to do it. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Go to the  <a href=\"https:\/\/wp-multilang.com\/pricing\/\" data-type=\"link\" data-id=\"https:\/\/wp-multilang.com\/pricing\/\">WP Multilang PRO<\/a>  website. Download the plugin and install it. Also make sure that <strong>ELEMENTOR<\/strong> plugin also activated on your site. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Go to the WordPress Dashboard and activate the plugin.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> Once you will activate the plugin you will get the multiple options. Click on <strong>Compatibility <\/strong>option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-1024x562.png\" alt=\"\" class=\"wp-image-102\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-1024x562.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-300x165.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-768x421.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-50x27.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-1536x842.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-2048x1123.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-60x33.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-2-100x55.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> Click on &#8220;<strong>Elementor<\/strong>&#8221; and mark check this option for full compatibility. (<strong><em>Note: This is option is fully functional only when you will use it PRO version.<\/em><\/strong>&#8220;)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-1024x561.png\" alt=\"\" class=\"wp-image-103\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-1024x561.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-300x164.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-768x421.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-50x27.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-1536x842.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-2048x1123.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-60x33.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-3-100x55.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5: <\/strong>Now click on <strong>Pages\/Post<\/strong> and add new <strong>page\/post<\/strong> on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-1024x562.png\" alt=\"\" class=\"wp-image-104\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-1024x562.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-300x165.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-768x422.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-50x27.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-1536x843.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-2048x1124.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-60x33.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-4-100x55.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 6: <\/strong>You will see &#8220;<strong>Edit with Elementor<\/strong>&#8221; option on your Page\/Post. Click on that option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-1024x585.png\" alt=\"\" class=\"wp-image-105\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-1024x585.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-300x171.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-768x439.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-50x29.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-1536x878.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-2048x1171.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-60x34.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-8-100x57.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 7:<\/strong> You will redirect to Elementor option where you can customized your page\/post according to your choice. On Left hand side you will get multiple option, just scroll down and you will find &#8220;<strong>Langauge Switcher<\/strong> &#8221; option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-1024x579.png\" alt=\"\" class=\"wp-image-106\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-1024x579.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-300x170.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-768x434.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-50x28.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-1536x868.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-2048x1158.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-60x34.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-6-100x57.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 8: <\/strong>You can add &#8220;<strong>Language Switcher<\/strong>&#8221; option on your Page\/post by Clicking on &#8220;+&#8221; sign  or you simply drag this to the page\/post on anywhere you want to place. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-1024x581.png\" alt=\"\" class=\"wp-image-107\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-1024x581.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-300x170.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-768x436.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-50x28.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-1536x871.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-2048x1162.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-60x34.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/05\/download-7-100x57.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In this way you can use WP Multilang plugin with Elementor. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do you need help how to set up WP Multilange plugin? Kindly check this document \ud83d\udc49 <a href=\"https:\/\/wp-multilang.com\/docs\/knowledge-base\/how-to-use-wp-multilang-to-convert-your-site-into-multilang\/\" data-type=\"link\" data-id=\"https:\/\/wp-multilang.com\/docs\/knowledge-base\/how-to-use-wp-multilang-to-convert-your-site-into-multilang\/\">https:\/\/wp-multilang.com\/docs\/knowledge-base\/how-to-use-wp-multilang-to-convert-your-site-into-multilang\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Need more help ? Please fill the below \ud83d\udc47 detail to connect us directly. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor, a popular page builder for WordPress, offers a seamless user experience and advanced design capabilities. When it comes to creating multilingual websites, integrating WP Multilang with Elementor can be a game-changer, allowing users to efficiently build and manage multilingual content. In this tutorial we will see how to do&#8230;<\/p>\n","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[5],"ht-kb-tag":[],"class_list":["post-101","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":6,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb\/101\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb\/101\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=101"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}