{"id":60,"date":"2024-04-15T11:15:49","date_gmt":"2024-04-15T11:15:49","guid":{"rendered":"https:\/\/wp-multilang.com\/docs\/?post_type=ht_kb&#038;p=60"},"modified":"2025-12-01T06:33:12","modified_gmt":"2025-12-01T06:33:12","slug":"how-to-add-a-language-switcher-option-on-pages-and-posts-using-wp-multilang","status":"publish","type":"ht_kb","link":"https:\/\/wp-multilang.com\/docs\/knowledge-base\/how-to-add-a-language-switcher-option-on-pages-and-posts-using-wp-multilang\/","title":{"rendered":"How to Add a Language Switcher Option on Pages and Posts Using WP-Multilang"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>A language switcher is an option offered in WP Multilang, which helps users add an icon\/option to their post\/page to translate the whole content of the page according to their desired language<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tutorial will show how to add the language switcher option on pages\/posts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1: <\/strong>First, install the WP Multilang plugin from here <a href=\"https:\/\/wordpress.org\/plugins\/wp-multilang\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/wp-multilang\/\">https:\/\/wordpress.org\/plugins\/wp-multilang\/<\/a>or go to add the plugin and search for &#8220;<strong>WP-Multilang<\/strong>&#8220;. Download the plugin and install it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Kindly make sure that the plugin is active on your end. Once that&#8217;s done, go to <strong>WP-Multilang <\/strong>settings and click on &#8220;<strong>Languages<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-1024x460.png\" alt=\"\" class=\"wp-image-61\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-1024x460.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-300x135.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-768x345.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-50x22.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-1536x689.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-2048x919.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-60x27.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-1-100x45.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>: Add languages according to your preferences. You can add multiple languages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-1024x549.png\" alt=\"\" class=\"wp-image-62\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-1024x549.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-300x161.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-768x412.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-50x27.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-1536x823.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-2048x1098.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-60x32.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-22-100x54.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4<\/strong>: Once you are done adding your language, click on &#8220;<strong>Appearance<\/strong>&#8221; and go to &#8220;<strong>Widgets<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-1024x548.png\" alt=\"\" class=\"wp-image-63\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-1024x548.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-300x161.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-768x411.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-50x27.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-1536x822.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-2048x1096.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-60x32.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-3-100x54.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5<\/strong>: You can click on this option and search for a switcher. Simply type &#8220;<strong>language switcher<\/strong>&#8221; and it will appear there.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"552\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-1024x552.png\" alt=\"\" class=\"wp-image-64\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-1024x552.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-300x162.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-768x414.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-50x27.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-1536x828.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-2048x1104.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-60x32.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-4-100x54.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 6<\/strong>: You can add or drag this option to the sidebar. After that, you can adjust the settings according to your preference. Once you&#8217;re finished, click on &#8220;Update&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-1024x551.png\" alt=\"\" class=\"wp-image-65\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-1024x551.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-300x161.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-768x413.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-50x27.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-1536x827.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-2048x1102.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-60x32.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-5-100x54.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br><strong>You will find the language switcher option on your post\/page. By clicking on this option, you will be able to access other languages for translating the content.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"285\" src=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-1024x285.png\" alt=\"\" class=\"wp-image-66\" srcset=\"https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-1024x285.png 1024w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-300x84.png 300w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-768x214.png 768w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-50x14.png 50w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-1536x428.png 1536w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-2048x571.png 2048w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-60x17.png 60w, https:\/\/wp-multilang.com\/docs\/wp-content\/uploads\/2024\/04\/download-7-100x28.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>In this way, you can add this option on your end.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A language switcher is an option offered in WP Multilang, which helps users add an icon\/option to their post\/page to translate the whole content of the page according to their desired language This tutorial will show how to add the language switcher option on pages\/posts. Step 1: First, install the&#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-60","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\/60","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=60"}],"version-history":[{"count":5,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb\/60\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb\/60\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=60"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/wp-multilang.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}