{"id":3260,"date":"2018-05-16T00:00:00","date_gmt":"2018-05-16T00:00:00","guid":{"rendered":"https:\/\/www.globalizationpartners.com\/2018\/05\/16\/how-to-create-a-multilanguage-website-with-umbraco\/"},"modified":"2021-01-05T12:44:33","modified_gmt":"2021-01-05T12:44:33","slug":"how-to-create-a-multilanguage-website-with-umbraco","status":"publish","type":"post","link":"https:\/\/www.globalizationpartners.com\/2018\/05\/16\/how-to-create-a-multilanguage-website-with-umbraco\/","title":{"rendered":"How to Create a Multilanguage Website with Umbraco"},"content":{"rendered":"<p><a href=\"https:\/\/umbraco.com\/\">Umbraco<\/a> is an open source content management system (CMS) used as the foundation for many well recognized websites. Umbraco is a platform that is designed not to get in your way. There are no predefined content schemas or templates and you&#8217;re not locked into doing things &#8220;the Umbraco way&#8221;.<\/p>\n<p>The Umbraco CMS enables users to localize websites into many languages. To enable localization in Umbraco&#8217;s back-end, the user is given several tabs in any document template representing the different languages. Then users post-fix all the fields with the culture code when creating them in the document type.<\/p>\n<h5><strong>Step One: Add Languages<\/strong><\/h5>\n<p>You first need to add the languages you want to localize into.<\/p>\n<p>Go to <strong>Settings &gt; Languages &gt; Create<\/strong> now you have a list of languages you can localize into, choose your language, then click <strong>Create<\/strong>. You can add all the languages you need to add to your multilanguage website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/gpi-umbraco-1_849x581.jpg\" alt=\"gpi-umbraco-1\" width=\"849\" height=\"581\" \/><\/p>\n<h5><strong>Step Two: Copy Content<\/strong><\/h5>\n<p>In this step you will need to copy your home content for each language you want to implement on your website.<\/p>\n<h5><strong>Step Three: Cultures and Hostnames<\/strong><\/h5>\n<p>Now for the system to detect which languages\/cultures the user wants, we use subdomains, e.g.: www.domain.com and da.domain.com. Simply use the native Umbraco features to set up host headers per domain.<\/p>\n<p>I think the subdomain or extension domains are necessary because you must be very careful not to duplicate content, which search engines don&#8217;t like. It is possible to do without domain changes, but I like the clear and obvious solution it provides.<\/p>\n<p>You basically have two options available to you, subdomains or subdirectories. A subdomain would look something like ar.website.com and will direct a visitor to the Arabic version. The alternative approach is to use subdirectories, like www.website.com\/ar\/.<\/p>\n<p>To set up a host in Umbraco, right click on the homepage and select &#8220;Culture and Hostname&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/gpi-umbraco-2_850x614.jpg\" alt=\"gpi-umbraco-2\" width=\"850\" height=\"614\" \/><\/p>\n<h5><strong>Step Four: Dictionary<\/strong><\/h5>\n<p>Not all content is edited through the content section, some of it may be written in the template, for which Dictionary items are useful.<\/p>\n<p>Umbraco provides us with a Dictionary type. The C# Dictionary is a key\/value pair. In Umbraco, a Dictionary is a key\/multi-value pair. After you set up multiple languages and create a new Dictionary, you can add different values for each language.<\/p>\n<p>To create a Dictionary, go to <strong>Settings &gt; Dictionary &gt; Create.<\/strong> Lastly, to display the Dictionary, we use this handy snippet @Umbraco.GetDictionaryValue(&#8220;Placeholder&#8221;); .<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Umbraco is an open source content management system (CMS) used as the foundation for many well recognized websites. Umbraco is a platform that is designed not to get in your way. There are no predefined content schemas or templates and you&#8217;re not locked into doing things &#8220;the Umbraco way&#8221;. The Umbraco CMS enables users to [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":3261,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[49,32,25],"_links":{"self":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/3260"}],"collection":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/comments?post=3260"}],"version-history":[{"count":5,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/3260\/revisions"}],"predecessor-version":[{"id":14570,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/3260\/revisions\/14570"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media\/3261"}],"wp:attachment":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media?parent=3260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/categories?post=3260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/tags?post=3260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}