Articles on: FAQs

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. 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 ⬇️

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

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 —