{"id":3709,"date":"2017-05-08T00:00:00","date_gmt":"2017-05-08T00:00:00","guid":{"rendered":"https:\/\/www.globalizationpartners.com\/2017\/05\/08\/multi-language-content-in-hubspot-part-1\/"},"modified":"2021-01-05T10:58:21","modified_gmt":"2021-01-05T10:58:21","slug":"multi-language-content-in-hubspot-part-1","status":"publish","type":"post","link":"https:\/\/www.globalizationpartners.com\/2017\/05\/08\/multi-language-content-in-hubspot-part-1\/","title":{"rendered":"Multi-language Content in HubSpot Part 1"},"content":{"rendered":"<p>As your company expands into global markets, you may need to add support for multiple languages on your website. This task can be complicated and requires extreme organization when managing the different language versions. It&#8217;s strongly recommended to use a tool to help you to follow best practices and avoid any issues.<\/p>\n<p>HubSpot recently introduced some nice features that will make your life easier in terms of handling multiple language versions of your website. Also, this new feature incorporates SEO elements on your translated pages. In this article, I&#8217;m going to cover some aspects to consider when setting up your HubSpot website to go global.<\/p>\n<h5>Setting up the Primary Language<\/h5>\n<p>This is the first step you need to do before creating language variations for each page. Essentially, you need to specify a <strong>Primary Language<\/strong> for each domain you have set up in HubSpot. In order to do that, you need to follow the steps below:<\/p>\n<p>1. Log into your HubSpot <strong>Marketing Account<\/strong>.<\/p>\n<p>2. On the top menu, go to <strong>Content &gt; Content Settings<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"large\" style=\"width: 318px; height: auto;\" src=\"https:\/\/uberflip.cdntwrk.com\/files\/aHViPTY0ODI0JmNtZD1pdGVtZWRpdG9yaW1hZ2UmZmlsZW5hbWU9aXRlbWVkaXRvcmltYWdlXzU5MTBlNGM3MTZmOGYucG5nJnZlcnNpb249MDAwMCZzaWc9MjBhNzYwZGEwMjAyZGQwMGUyMWQ2NjNhNmJiNDk5ZjM%253D\" \/><\/p>\n<p>3. On the left side menu, click on the <strong>Content Languages<\/strong> option.<\/p>\n<p>4. Go to the list of domains and then click on the <strong>Choose a primary language<\/strong> option for the domain whose primary language you want to set.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"large\" style=\"width: 986px; height: auto;\" src=\"https:\/\/uberflip.cdntwrk.com\/files\/aHViPTY0ODI0JmNtZD1pdGVtZWRpdG9yaW1hZ2UmZmlsZW5hbWU9aXRlbWVkaXRvcmltYWdlXzU5MTBlNGNkYTAwMGIucG5nJnZlcnNpb249MDAwMCZzaWc9ODc0MzFlOGYzZDM3MDVlNmE3NGFjYTZiMjk5YzI2MDI%253D\" width=\"737\" height=\"274\" \/><\/p>\n<p>5. Finally, you&#8217;ll see a popup with a dropdown. Select the language you want to set as primary and then hit the <strong>Save<\/strong> button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"large\" style=\"width: 553px; height: auto;\" src=\"https:\/\/uberflip.cdntwrk.com\/files\/aHViPTY0ODI0JmNtZD1pdGVtZWRpdG9yaW1hZ2UmZmlsZW5hbWU9aXRlbWVkaXRvcmltYWdlXzU5MTBlNGQ1NDliMjgucG5nJnZlcnNpb249MDAwMCZzaWc9ZmM4ODVhYjA2YmYwY2IxZTgyYjM2YjRhYzVlMmNiY2M%253D\" width=\"476\" height=\"346\" \/><\/p>\n<p>Please, be careful when selecting the domain, because currently there is no way to modify it through the user interface. If you need to modify the primary language, you&#8217;ll need to contact support.<\/p>\n<h5>Creating Language Variations<\/h5>\n<p>The first step to create a language variation of an existing page is to go to <strong>Content &gt; Landing Pages<\/strong>. Then, you have to find the page you want to translate and click on the <strong>Clone<\/strong> button. You&#8217;ll see a sub menu with some options. From that menu, please click on the <strong>Translate<\/strong> button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/multi-language20-201_910x235.jpg\" alt=\"Multi-language - 1\" width=\"910\" height=\"235\" \/><\/p>\n<p>By clicking that, a popup with some settings will be displayed. In that popup, you&#8217;ll have to specify the <strong>target language<\/strong> and then click on the <strong>Save<\/strong> button.<\/p>\n<p><img decoding=\"async\" class=\"large\" style=\"width: 534px; height: auto;\" src=\"https:\/\/uberflip.cdntwrk.com\/files\/aHViPTY0ODI0JmNtZD1pdGVtZWRpdG9yaW1hZ2UmZmlsZW5hbWU9aXRlbWVkaXRvcmltYWdlXzU5MTBlNGUxNDgzMGUucG5nJnZlcnNpb249MDAwMCZzaWc9ZmU1MmU2MDM2ZmEyMzg5NGQ4MjQ3NmNlNjFkMjA4ZjA%253D\" \/><\/p>\n<p>This will create a new language variation for your original page and will redirect you to the editor. Notice that a dropdown with languages is displayed in the top menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/multi-language20-202_908x120.jpg\" alt=\"Multi-language - 2\" width=\"908\" height=\"120\" \/><\/p>\n<p>If you go back to the <strong>Landing Pages<\/strong> screen, you&#8217;ll notice that your page now appears with an icon that identifies it as a page with language variations. By hovering over that icon, you&#8217;ll see a popup with the corresponding target languages. Also, by clicking on any of the languages, you&#8217;ll be able to go directly to the edit page of the corresponding item.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/multi-language20-203_914x197.jpg\" alt=\"Multi-language - 3\" width=\"914\" height=\"197\" \/><\/p>\n<h5>Setting Language Variation for a Cloned Page<\/h5>\n<p>In the case that you already have a translation for a particular page, but you created it as a clone, you can set that clone as a language variation. In order to do that, you need to go to <strong>Content &gt; Landing Pages<\/strong>. Find the translated page, click on the <strong>Clone<\/strong> button from the grid and then click on <strong>Translate<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/multi-language20-204_907x254.jpg\" alt=\"Multi-language - 4\" width=\"907\" height=\"254\" \/><\/p>\n<p>A popup will then be displayed. Select the tab <strong>Choose a master<\/strong>. Then, specify the <strong>language<\/strong> from the item that you just selected (i.e., if the clone you selected is a translation into Portuguese, select that language in that dropdown). Also, you&#8217;ll need to specify which the master page is (or source page that you translated, for example into Portuguese). Then click on the <strong>Save<\/strong> button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"large\" style=\"width: 530px; height: auto;\" src=\"https:\/\/uberflip.cdntwrk.com\/files\/aHViPTY0ODI0JmNtZD1pdGVtZWRpdG9yaW1hZ2UmZmlsZW5hbWU9aXRlbWVkaXRvcmltYWdlXzU5MTBlNGZiNzRiMTcucG5nJnZlcnNpb249MDAwMCZzaWc9NjEzM2JhNmZjZmVmNWZkMjFkYmMyNmM4ZGVhNjA2N2E%253D\" width=\"460\" height=\"329\" \/><\/p>\n<p>The page will be reloaded, and now in the grid you&#8217;ll be able to see your master page with the language variation icon. By hovering on it, you should see the new language version there.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/multi-language20-205_912x210.jpg\" alt=\"Multi-language - 5\" width=\"912\" height=\"210\" \/><\/p>\n<p>I would like to clarify that this feature is currently available only for pages. You need to take into account that there are some other items in HubSpot that you may want to translate, like templates and blog posts. For those items you&#8217;ll need to create clones and put the translated content on those clones. If you want to automate this process of creating clones and translating its content, you could use a tool like <a href=\"https:\/\/www.hubspotconnector.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GPI&#8217;s Translation Services Connector for HubSpot.<\/a><\/p>\n<h5>Conclusion<\/h5>\n<p>This new feature from HubSpot will allow you to handle multi-language websites in a better way. GPI also introduced support for this new feature in our <a href=\"https:\/\/www.hubspotconnector.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Translation Services Connector<\/a>. You can request a demo from our connector&#8217;s page or through our <a href=\"\/request-a-quote\" target=\"_blank\" rel=\"noopener noreferrer\">portal<\/a>. For another reference about this change on HubSpot&#8217;s platform, please refer to <a href=\"https:\/\/knowledge.hubspot.com\/articles\/kcs_article\/cos-general\/how-to-manage-multi-language-content-with-hubspots-cos\" target=\"_blank\" rel=\"noopener noreferrer\">this page<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As your company expands into global markets, you may need to add support for multiple languages on your website. This task can be complicated and requires extreme organization when managing the different language versions. It&#8217;s strongly recommended to use a tool to help you to follow best practices and avoid any issues. HubSpot recently introduced [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":3710,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[132],"_links":{"self":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/3709"}],"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\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/comments?post=3709"}],"version-history":[{"count":4,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/3709\/revisions"}],"predecessor-version":[{"id":29471,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/3709\/revisions\/29471"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media\/3710"}],"wp:attachment":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media?parent=3709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/categories?post=3709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/tags?post=3709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}