> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How can I make a multilingual site?

# Getting Started

In this documentation, you will learn the process required to **Make a Multilingual Site** in **Dorik** with the help of a **Custom Code** element & **Third-party app** like [Weglot.com](https://dashboard.weglot.com/register?fp_ref=dorik). Follow all the instructions below to know the details.
---

# Make a multilingual site using Custom Code

To make your site multilingual in Dorik, follow all the steps below:

* Go to the site that you want to make multilingual.
* Create the same page with a different language and slug.
* Add a **Custom Code** element where you want to show your **Multilingual Button**
* Click on `Edit Element`
* To switch one language to another, enter the below-mentioned “Custom Code” under the **HTML** field.

The **Screenshots & GIF** below show the whole process being demonstrated visually ⬇️

1. In your website builder, create the same page with a different language and slug. As shown below.

|| 💡 To learn how to create a New page, refer to the article below —

[Adding Multiple Pages to your website](https://help.dorik.com/en/article/adding-multiple-pages-to-your-website-kzzos1/)

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/mainfull_wl6elp.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/mainfull-1_1f8vcmp.png)

2. Add a **Custom Code** element, click on **`Edit Element`** & enter the below-mentioned **Custom Code** under **the HTML** field.

```
<select class="form-select form-control" aria-label="Default select example" onchange="location = this.value;">
<option value="https://multilingualsite.dcms.site/en-restaurant" selected>🇺🇸 En</option>
<option value="https://multilingualsite.dcms.site/fr-restaurant">🇫🇷 Fr</option>
<option value="https://multilingualsite.dcms.site/es-restaurant">🇪🇸 Es</option>
</select>
<style>
.form-control {
border-radius: 6px;
padding: 10px 0px 10px 0px;
background-color: #fdf6ed;
}
</style>
```

| 💡 Do not copy the above-mentioned code as it is and paste it to your site. Make sure you are giving all your **Page’s** full **URLs** that you have created.

To see the process at a glance, refer to the GIF below —

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/45678-1_1rey97w.gif)
---

# Make a multilingual site using Weglot

To make your site multilingual in Dorik using Weglot, follow all the steps below:

* Log in to your [**__Weglot account__**](https://dashboard.weglot.com/register?fp_ref=dorik&kfl_ln=dorik) and create a new project.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2026-06-25-at-1703_jhthm9.png)

* Select **Dorik** as your **Website Technology**.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/image_hkxmm5.png)

* Choose your **original languag**e and the **language(s)** you want to **translate** into.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/image_zdpo91.png)

* Copy the **Weglot API key** from your **Weglot dashboard**.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/image_10ombki.png)

* In **Dorik**, go to **Site Settings & Integrations** > **General** > **Website Translation**.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/image_k0jt7i.png)

* Paste your **Weglot API key**, click **Publish**, then visit your site to check the **language switcher**.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/image_t4u8zn.png)

---

## Translate the CMS Rich Text Element through Weglot

|| This only works with the CMS Rich Text element. It will not work with the Text element

1. Click on **Edit CMS Row Style** then do the following:

* Add **Rich Text Element**
* **Content** as text type
* again click **Edit CMS Row Style**
* go to **Advanced**
* Add **HTML** **Selector ID**
* Publish changes

2. Now got **Projects** in you **Weglot** account dashboard complete these steps:

* Click on your project
* App Settings
* Add Dynamic
* Type in the HTML Selector ID(include the # tag), and click Save
* Go to you website and click **Publish**

3. Check if the configuration is working correctly.

* To see the process at a glance, refer to the Video below —

${youtube}[Translate the CMS Rich Text Element through Weglot](jhERaO-66RI)


---


> If you'd like, you can sign up for Weglot's affiliate program [here](https://weglot.firstpromoter.com/signup/21636).


---
---

# Related articles

[Add a new Collection](/en/article/add-a-new-collection-1c6j3hx/)

[Showcase Collection items on my website](/en/article/showcase-collection-items-on-my-website-hsktj5/)