{"id":2695,"date":"2024-03-13T12:31:20","date_gmt":"2024-03-13T12:31:20","guid":{"rendered":"https:\/\/helpcenter.greyd.io\/multilingual-fse-websites\/"},"modified":"2024-12-26T18:27:38","modified_gmt":"2024-12-26T17:27:38","slug":"multilingual-fse-websites","status":"publish","type":"post","link":"https:\/\/helpcenter.greyd.io\/multilingual-fse-websites\/","title":{"rendered":"All you need to know about multilingual FSE websites"},"content":{"rendered":"<p>In this article, we would like to give you some help when it comes to multilingual websites with Full Site Editing.<\/p>\n<p>The fact is that not all multilingual solutions are yet compatible with Full Site Editing. We have extensively tested two of the most popular providers &#8211; WPML &amp; Polylang &#8211; especially in combination with Greyd.Suite. In the following, we would like to share our experiences, provide guidance and point out known issues.<\/p>\n<p>Of course, we cannot provide a guarantee for third-party tools and cannot make any direct recommendations. However, we can say that we have opted for Polylang for our own full site editing websites and have had very good experiences with it &#8211; both functionally and in terms of usability.<\/p>\n<p><\/p>\n<p><b>WPML<\/b><\/p>\n<p>WPML is so far the only major multilingual plugin that is officially fully compatible with the Site Editor and makes both template parts and patterns as well as entire templates translatable.<\/p>\n<p>Since we have mainly worked with WPML ourselves in the past and also have a WPML integration with numerous optimizations in Greyd.Suite, WPML was our first choice.<\/p>\n<p>Before we go into detail, let&#039;s summarize in advance: In principle, translating full site editing websites works with WPML. However, we found the translation process to be relatively complicated and confusing. Showstoppers for us were bugs that caused pages or parts of pages to be displayed in the wrong language.<\/p>\n<p><\/p>\n<p>You can find a general guide to translating full site editing pages with WPML <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/translating-content-created-using-gutenberg-editor\/translating-sites-that-use-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n<p><\/p>\n<p>You should pay attention to the following details:<\/p>\n<p><\/p>\n<ul>\n<li>With the Translation Manager, all parts of the corresponding asset (e.g. a template) must be translated. If there are synchronized patterns within this template, it can happen that you accidentally overwrite the pattern with the translated texts and thus have English texts on both language versions, for example.<\/li>\n<li>The Translation Manager repeatedly displays code snippets as texts for translation. As it is not possible to skip, it is best to simply copy the original &quot;text&quot; into the translation.<\/li>\n<li>As the entire translation is done in the Translation Manager, it is relatively complicated for a content editor to translate a whole page, as they have to translate template parts (header, footer), content, strings and, if applicable, page templates separately and in different places.<\/li>\n<li>It has happened to us time and again that an already translated page was suddenly displayed in the wrong language again in whole or in part for no apparent reason.<\/li>\n<\/ul>\n<p><\/p>\n<p>The above-mentioned bugs and usability issues ultimately led us to translate our websites with Polylang. <\/p>\n<p><\/p>\n<p><b>Polylang<\/b><\/p>\n<p>Polylang is currently only partially compatible with the Site Editor. While patterns and template parts can be translated, templates themselves are not yet translatable. However, there is a simple workaround for this, which we will present in a moment.<\/p>\n<p>Overall, we find the translation with Polylang to be very user-friendly. Unlike WPML, the translation works directly in the WordPress editor. This makes it very easy for the content editor to see where they are in the translation process. <\/p>\n<p>The translation of template parts and patterns works in the same way as on pages.<\/p>\n<p><\/p>\n<p>You can find general instructions <a href=\"https:\/\/polylang.pro\/doc\/site-editor\/\" target=\"_blank\" rel=\"noopener\">here<\/a>. <\/p>\n<p><\/p>\n<p>If you would now like to translate templates, you can simply do the following: Place all the content of your template in template parts. The home template can then be structured like this, for example:<\/p>\n<p><\/p>\n<ul>\n<li>Template part &quot;Header&quot;<\/li>\n<li>Template part &quot;Home content&quot;<\/li>\n<li>Template part &quot;Footer&quot;<\/li>\n<\/ul>\n<p><\/p>\n<p><b>Migrating existing pages from WPML to Polylang<\/b><\/p>\n<p>If, like us, you have previously translated your pages with WPML and now want to switch to Polylang for full site editing, there is a <a href=\"https:\/\/wordpress.org\/plugins\/wpml-to-polylang\/\" target=\"_blank\" rel=\"noopener\">converter plugin <\/a>that works very well in our experience. <\/p>\n<p>You can find general instructions in the plugin description.<\/p>\n<p><\/p>\n<p>We are happy to list a few minor issues that we noticed during the migration of our own pages:<\/p>\n<p><\/p>\n<ul>\n<li>In a few cases, there was no link between the content, e.g. there was an English and German article, but the link between the two was missing. This also occurred with taxonomies. We have corrected this manually.<\/li>\n<li>When using taxonomies (categories or keywords), it was observed somewhat more frequently that some posts were assigned to the English taxonomy instead of the German one. In this case, we had to manually delete the taxonomy and add a new one. <\/li>\n<li>When using patterns, especially synchronized patterns, it happened that the English pattern was linked in the German post \/ template \/ template part, for example. If the list view only shows &quot;Pattern&quot; for the pattern and not the actual name of the pattern, this indicates an incorrect assignment. In this case, it helps to insert the pattern again and remove the old one so that the correct language is used for the pattern.<\/li>\n<li>For templates that contain dynamic tags, these can only be added in the original language. It is therefore advisable to complete the template part in the original version and only translate it once all dynamic tags are present. They cannot be adapted in the template part translation, as the assignment to the actual post is missing. The assignment is still present and the dynamic tags are also displayed correctly in the frontend.<\/li>\n<li>For links in the content, it should be checked whether the rewriting has taken place correctly, e.g. whether the \/en\/ is present in the subdirectory.<\/li>\n<li>Media files might be duplicated or multiplied by the number of languages.<\/li>\n<\/ul>\n<p><\/p>\n<p>Note: As this plugin, like the translation tools themselves, is third-party software, we cannot guarantee that the above-mentioned known issues are complete. We would also like to point out that the websites we converted were websites that already had some issues before their migration, which may well be the cause of the issues listed. <\/p>\n<p><\/p>\n<p>All in all, we were pleasantly surprised at how well the migration from WPML to Polylang worked.<\/p>\n<p><\/p>\n<p><b>Special case: Multi-domain multisite set-up with Polylang<\/b><\/p>\n<p>Polylang works without problems on multisites. With some extra steps, it also works in a multi-domain set-up:<\/p>\n<ul>\n<li>Step one: Set up your multisite installation<\/li>\n<\/ul>\n<p>Set up your installation in the network admin with the domain in its primary language.<\/p>\n<p><img decoding=\"async\" alt=\"Backend screenshot of a multisite\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/65d841441afd880d112b7c72\/file-kvIejNpTQ2.jpg\" style=\"width: 410px;max-width: 100%\" \/><\/p>\n<p><img decoding=\"async\" alt=\"Backend screenshot showing a .de Polylang domain\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/65d8414c1afd880d112b7c73\/file-yJkMeyLHuH.jpg\" style=\"width: 418px;max-width: 100%\" \/><\/p>\n<ul>\n<li>Step 2: Install Polylang and activate it on the installation that requires several domains.<\/li>\n<li>Step 3: Create a file with the name &quot;sunrise.php&quot;.<\/li>\n<li>Step 4: Copy the code of this <a href=\"https:\/\/gist.github.com\/cyrillbolliger\/0fc8f8d72273e5227890dfcf9d6c017a\" target=\"_blank\" rel=\"noopener\">link<\/a> into that file.<\/li>\n<li>Step 5: Go to your network admin to &quot;websites&quot; and hover over the domain to find out the ID of the installation to which the additional domain should link.<\/li>\n<\/ul>\n<p><img decoding=\"async\" alt=\"Backend screenshot of a multisite set-up\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/65d841441afd880d112b7c72\/file-kvIejNpTQ2.jpg\" style=\"width: 473px;max-width: 100%\" \/><\/p>\n<p><img decoding=\"async\" alt=\"Backend screenshot showing the installation ID\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/65d842751afd880d112b7c76\/file-ONWFEU9LhA.jpg\" style=\"width: 474px;max-width: 100%\" \/><\/p>\n<ul>\n<li>Step 6: Create an entry for each additional domain with the domain and site ID like in the following example:<\/li>\n<\/ul>\n<p>Domain: <b>poly-multi2b.greydsuite.de<\/b><\/p>\n<p>Site ID: <u>2<\/u><\/p>\n<p>cybo_add_extra_domain( &#039;<b>poly-multi2b.greydsuite.de<\/b>\u2018,<u>2<\/u> );<\/p>\n<p><\/p>\n<ul>\n<li>Step 7: Add this row(s) now to your sunrise.php after the following code block:<\/li>\n<\/ul>\n<p><\/p>\n<p>\/\/ Configure your additional domains here. Some examples:<\/p>\n<p>\/\/cybo_add_extra_domain(&#039;additional-domain-1.com&#039;, 123 );<\/p>\n<p>\/\/cybo_add_extra_domain(&#039;additional-domain-2.com&#039;, 123 );<\/p>\n<p>\/\/cybo_add_extra_domain(&#039;other-blog-extra-domain.com&#039;, 555 );<\/p>\n<p>cybo_add_extra_domain(&#039;poly-multi2b.greydsuite.de\u2018,2 );<\/p>\n<p><\/p>\n<ul>\n<li>Step 8: Now upload the sunrise.php to your wp-content directory.<\/li>\n<li>Step 9: Open the wp-config.php in the root directory of your WordPress and add the following code before the row \/* That&#039;s all, stop editing! Happy publishing. *\/ and save the file.<\/li>\n<\/ul>\n<p>define(&#039;SUNRISE&#039;, &#039;on&#039;);<\/p>\n<ul>\n<li>Step 10: Now you can set up your languages on your installation under Polylang &gt; Languages.<\/li>\n<\/ul>\n<p><img decoding=\"async\" alt=\"Backens screenshot Polylang language set-up\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/65d8446789182269183fa2a6\/file-tpWyAhrYgf.jpg\" style=\"width: 650px;max-width: 100%\" \/><\/p>\n<ul>\n<li>Step 11: Assign each domain to its respective language under Polylang &gt; Settings &gt; URL Modifications<\/li>\n<\/ul>\n<p><img decoding=\"async\" alt=\"URL Modification Settings\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/65d845a753788e77b07d42ca\/file-wsb7jRvMyJ.jpg\" style=\"width: 654px;max-width: 100%\" \/><\/p>\n<p><img decoding=\"async\" alt=\"Polylang URL Modification Settings\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/65d845ac93e735297b4ec929\/file-8VpNEYs4hw.jpg\" style=\"width: 100%;max-width: 100%\" \/><\/p>\n<p>That`s it. With these little extra steps, you can even work with Polylang and FSE on a multi-domain multisite set-up!<\/p>\n<p><\/p>\n<p>We have prepared a sunrise.php file for you to use &#8211; you only need to edit the domains: Download it here.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we would like to give you some help when it comes to multilingual websites with Full Site Editing. The fact is that not all multilingual solutions are yet compatible with Full Site Editing. We have extensively tested two of the most popular providers &#8211; WPML &amp; Polylang &#8211; especially in combination with [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"greyd_block_editor_preview":[],"footnotes":""},"categories":[1],"tags":[604,600,151,150,602,598,594,592,596],"topics":[584,576],"class_list":["post-2695","post","type-post","status-publish","format-standard","hentry","category-general","tag-englisch","tag-english","tag-fse","tag-full-site-editing","tag-german","tag-language","tag-mehrsprachig","tag-multilingual","tag-sprache","topics-general-questions","topics-how-to-start"],"lang":"en","translations":{"en":2695,"de":2724},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/comments?post=2695"}],"version-history":[{"count":1,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2695\/revisions"}],"predecessor-version":[{"id":4721,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2695\/revisions\/4721"}],"wp:attachment":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/media?parent=2695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/categories?post=2695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/tags?post=2695"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/topics?post=2695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}