# Adding Language Variants

Now that we have a basic site set up, let's make the site multilingual by making variations of our content in one more language. For this tutorial, we will make a Danish version of the `HomePage` page.

## Adding a new language

To add a new language, follow these steps:

1. Go to the **Settings** tab.
2. Go to **Languages** in the **Settings** tree. The **Languages** window opens in the editor.
3. Click **Add Language**. The **Add Language** window opens in the editor.
4. Select a **Language** from the dropdown list. In this tutorial, we will pick Danish.

   ![Adding the Danish language](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-2484ec27755db21aededfc707df7e70b773204e8%2Fadding-danish-language-v11.png?alt=media)
5. In **Settings**, to set the new language as the:
   * Default language for your site, toggle **Default Language**.
   * Mandatory language for your site, toggle **Mandatory Language**.
6. Select a **Fallback Language** from the drop-down list.

   ![Adding a Fallback language](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-91170a356aba546d6a96b63efdd2b273cd9c93b4%2Ffallback-language-v11.png?alt=media)
7. Click **Save**.

## Enabling Language Variants on Document Types and Properties

To enable language variants on Document Types, follow these steps:

1. Go to the **Settings** tab.
2. Select **HomePage** from the **Document Types** folder.
3. Go to the **Permissions** tab and toggle **Allow vary by culture**
4. Click **Save**.
5. Go to the **Design** tab.
6. Click on the gear icon ⚙ of the **Page Title** and toggle **Allow vary by culture**.
7. Click **Submit**.

   ![Allow property editor Language Variants](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-e4fc71861131be9289f5ca9de5307845fb560dea%2Fallow-varying-property-editor-v11.png?alt=media)
8. For this tutorial, we will not make any changes to the **Body Text**. Click **Save**.

## Adding Culture and Hostnames to the root node of the website

To add culture and hostnames, follow these steps:

1. Go to the **Content** tab.
2. Right-click on the **...** dots next to the **Home Page** content node and select **Culture and Hostnames**.
3. Add a domain for each hostname, like it's done here:

   ![Culture and Hostnames](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-807747d11e206b91accc8e189369cf799d4ae42e%2Fculture-and-hostnames-v11.png?alt=media)
4. Click **Save**.

## Adding Language Variants to the Content

You will find a language dropdown above your content tree. If it's not there, you might need to refresh the page:

![Language of Content Tree](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-8af2a2a897805bb7bf69fbf107313bef7f1e93f0%2Flanguage-content-tree.png?alt=media)

In the language dropdown, you will find all the languages that you have installed for your site. You can switch between them to update the content variations for each language.

To add language variants to the content, follow these steps:

1. Go to the **Home Page** node. You will find a language dropdown next to the title at the top:

   ![Language Variant dropdown](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-001ccfd07195d25dcc65be0bfaac693e65e945fc%2Flanguage-dropdown.png?alt=media)
2. Click the dropdown and hover over the new language. You will see an **Open in Splitview** option will appear.

   ![Open Language in Splitview](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-b0ab00995dae0aa46c45f33053f487943820bd8c%2Fopen-in-splitview.png?alt=media)
3. Click **Open in Splitview**. In this splitview, we can see the content node with each language side by side.

   You may notice that the bodytext is greyed out - this is because we haven't checked the **Allow vary by culture** checkbox.

   ![Splitview editing](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-503fe8787ceb5fcb9572c7300f447f172d6df521%2Fsplitview-editing.png?alt=media)
4. Enter the **Name** for your content node and the **Page Title** in the new language.
5. Click **Save and Publish**. The **Ready to Publish** window opens providing the option to publish in one or more languages.

   ![Publishing Variant content](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-8d1f0da29855b11285cbe0b9bcd0581d28723c7c%2Fpublishing-variant-content-v11.png?alt=media)
6. You can select either one or multiple languages and click **Publish**.

## Viewing the Language Variant on the Browser

To view the language variant on the browser, follow these steps:

1. Go to the **Content** tab.
2. Select your new language from the language dropdown above your content tree.
3. Select the **Home Page** node and go to the **Info** tab.
4. You will notice the links with the new language domain added to it. If it's not there, you might need to refresh the page.

   ![Viewing the Language Variant Link](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-e3c8bd82a3e16171b6027b3bad0a0486eaebde32%2Fviewing-langvariant-browser-v11.png?alt=media)
5. Click on the link to view the new language varied node in the browser.
6. Alternatively, you can add the domain name to your localhost in the browser. For example: `http://localhost:xxxx/dk/`