Tutorial: Multilanguage Support
Content Island and Multilanguage Support
Nowadays, it's very common for a website to be available in multiple languages. With Content Island, you can easily and quickly create a multilingual website.
In this guide, I’ll show you step by step how multilingual support works in Content Island by building a simple example project.
You can try it live/online here: Open in StackBlitz.
You can also clone the repo with the full demo here: Clone full demo repository
1. Creating the project
First, let's create a new project called multilanguage-demo.
In the project’s General tab, you’ll find a field called Languages. Here you can select the languages your site will support. For this example, we'll choose English and Spanish.
2. Defining the model
Next, go to the Model tab and create a new entity called Product. This entity will have the following fields:
name(Short Text)description(Long Text)price(Number)image(Media)
3. Creating content
Now we’ll add content to our model. We’ll start with a product called T-Shirt.
Product 1: T-Shirt
In English:
- Name:
T-Shirt - Description:
A comfortable cotton t-shirt. - Price:
19.99 - Image: (upload a picture of a t-shirt)
- Name:
In Spanish:
- Name:
Camiseta - Description:
Una cómoda camiseta de algodón. - Price:
19 - Image: (upload a picture of a t-shirt)
- Name:
⚠️ Important: To be able to publish a product, it must be completed in all configured languages.
Once everything is filled in, click Publish.
Product 2: Jeans
Now let’s add another product called Jeans:
In English:
- Name:
Jeans - Description:
Classic blue denim jeans. - Price:
39 - Image: (upload a picture of jeans)
- Name:
In Spanish:
- Name:
Vaqueros - Description:
Vaqueros clásicos. - Price:
39 - Image: (upload a picture of jeans)
- Name:
Publish this product as well.
Done!
And that's it — now you have a multilingual content setup that’s easy to manage.