{"id":354,"date":"2024-09-11T06:39:45","date_gmt":"2024-09-11T06:39:45","guid":{"rendered":"https:\/\/superpwa.com\/docs\/?post_type=ht_kb&#038;p=354"},"modified":"2024-09-11T06:56:14","modified_gmt":"2024-09-11T06:56:14","slug":"how-to-enable-superpwa-on-wp-multilang-multilingual-sites","status":"publish","type":"ht_kb","link":"https:\/\/superpwa.com\/docs\/article\/how-to-enable-superpwa-on-wp-multilang-multilingual-sites\/","title":{"rendered":"How To Enable SuperPWA On WP-Multilang Multilingual Sites."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Progressive Web Apps<\/strong> (PWAs) are an excellent way to enhance user experience on your website by improving speed, reliability, and engagement. <strong>SuperPWA<\/strong> allows you to easily convert your site into a <strong>PWA<\/strong>. When combined with <strong>WP-Multilang<\/strong>, a WordPress plugin for creating multilingual websites, you can offer a personalized web experience to users in their preferred language.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this tutorial, we will explore how to enable <strong>WP-Multilang<\/strong> in <strong>SuperPWA<\/strong>. There are some <em><strong>prerequisites<\/strong><\/em> you should be aware of before starting.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/wp-multilang\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/wp-multilang\/\">WP-Multilang<\/a><\/strong> plugin installed and configured for multilingual content.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/superpwa.com\/pricing\/\" data-type=\"link\" data-id=\"https:\/\/superpwa.com\/pricing\/\">SuperPWA Pro<\/a><\/strong> version installed and activated.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Here is Guide how to install <strong>Wp-Multilang<\/strong> and how to setup for multiliangual sites : <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> and you can explore more page to get to know. In this we will focus on <strong>SuperPWA<\/strong> with <strong>WP-Multilang<\/strong> only.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Always ensure that the plugin is updated to the latest version for better performance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"96\" src=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-1024x96.png\" alt=\"\" class=\"wp-image-355\" srcset=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-1024x96.png 1024w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-300x28.png 300w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-768x72.png 768w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-50x5.png 50w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-1536x144.png 1536w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-2048x193.png 2048w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-60x6.png 60w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq1-100x9.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now we will see how to install and activate <strong>SuperPWA Pro<\/strong> .<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> Firstly, download the plugin from here <a href=\"https:\/\/superpwa.com\/pricing\/\">SuperPWA Pro<\/a> and install it.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After that, please activate the Pro version. When you click on Add-ons, you will see a dashboard like this. In the Add-ons section, you will find the <strong>WP Multilang<\/strong> option. Click on it and activate the option.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"552\" src=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-1024x552.png\" alt=\"\" class=\"wp-image-356\" srcset=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-1024x552.png 1024w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-300x162.png 300w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-768x414.png 768w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-50x27.png 50w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-1536x828.png 1536w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-2048x1104.png 2048w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-60x32.png 60w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq2-100x54.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on Settings, enable the <strong>WP Multilang<\/strong> option, and save it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"555\" src=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-1024x555.png\" alt=\"\" class=\"wp-image-357\" srcset=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-1024x555.png 1024w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-300x163.png 300w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-768x416.png 768w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-50x27.png 50w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-1536x832.png 1536w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-2048x1110.png 2048w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-60x33.png 60w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq3-100x54.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-1024x551.png\" alt=\"\" class=\"wp-image-358\" srcset=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-1024x551.png 1024w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-300x162.png 300w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-768x413.png 768w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-50x27.png 50w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-1536x827.png 1536w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-2048x1103.png 2048w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-60x32.png 60w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq4-100x54.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Final Output<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Before activating the option.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-1024x576.png\" alt=\"\" class=\"wp-image-359\" style=\"width:840px;height:auto\" srcset=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-1024x576.png 1024w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-300x169.png 300w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-768x432.png 768w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-50x28.png 50w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-1536x865.png 1536w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-2048x1153.png 2048w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-60x34.png 60w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq5-100x56.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After enabling <strong>WP Multilang<\/strong> will append the current language code to the <strong>Start_URL <\/strong>specified in the manifest.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-1024x571.png\" alt=\"\" class=\"wp-image-360\" srcset=\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-1024x571.png 1024w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-300x167.png 300w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-768x428.png 768w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-50x28.png 50w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-1536x856.png 1536w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-2048x1142.png 2048w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-60x33.png 60w, https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2024\/09\/downloadq6-100x56.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In this way you can enable this option.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Let&#8217;s see some best practices.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Keep Plugins Updated:<\/strong> Always ensure both WP Multilang and SuperPWA are updated to their latest versions for optimal performance and security.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Test Across Languages:<\/strong> After setting up WP Multilang with SuperPWA, thoroughly test your PWA in all supported languages to ensure everything works as expected, including language switching and URL structure.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optimize for Performance:<\/strong> PWAs should load quickly, regardless of language. Regularly monitor site performance, and use tools like Google Lighthouse to check PWA metrics for multilingual content.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consistent Content Management:<\/strong> Ensure that all content is properly translated across languages. Any missing or outdated translations could result in a fragmented user experience.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SEO Considerations:<\/strong> Make sure language-specific URLs are properly indexed by search engines and consider using hreflang tags to ensure the right version of your pages appears for users in different regions.<\/li>\n\n\n\n<li><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it for this tutorial. If you need further assistance or have any concerns or suggestions, please fill out the form below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Progressive Web Apps (PWAs) are an excellent way to enhance user experience on your website by improving speed, reliability, and engagement. SuperPWA allows you to easily convert your site into a PWA. When combined with WP-Multilang, a WordPress plugin for creating multilingual websites, you can offer a personalized web experience&#8230;<\/p>\n","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[],"ht-kb-tag":[],"class_list":["post-354","ht_kb","type-ht_kb","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/comments?post=354"}],"version-history":[{"count":3,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/354\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/354\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/media?parent=354"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=354"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}