Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Ota yhteyttä
Finnish
US English (US)
FI Finnish
  • Koti
  • Builder.io

Näin otat käyttöön monikielisen sisällön Builder.io Headless CMS:ssä

Written by Petro Mäntylä

Updated at July 31st, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • AI Commerce
    Hallinnan etusivu Asiakkuudet Tilaukset Tilausten hallinta Kategoriat Tarjoustyökalu Tuotteet Konfiguraatiot Moduulit Raportit Paikallisasetukset ja verot Arvostelut Etusivu FAQ -työkalu Kuvagalleria Työkalut Kassa Lisätoiminnot Svelte
  • Akeneo
  • WordPress
  • Builder.io
  • Algolia
  • phpList
  • Google
  • Meta
  • Tuki
  • Tehden
  • Partnerit
  • Microsoft
  • Integraatiot
+ Lisää

Sisällysluettelo

1. Ota Localization käyttöön tilin asetuksista 2. Lisää Dynamic Preview URL, jotta eri kieliversiot toimivat esikatselussa 3. Aktivoi Localize-asetus kentille (esim. Title ja Meta description) 4. Luo ja rakenna suomenkielinen sisältö (fi-FI) 5. Luo toinen kieliversio (esim. ruotsi / sv-SE) 6. Julkaise ja testaa

Jotta voit hallita ja julkaista lokalisoitua (monikielistä) sisältöä Builder.io Headless CMS:llä, tarvitset vähintään Pro-tilauksen ($39/kk), joka avaa käyttöösi Localization-toiminnallisuuden.

1. Ota Localization käyttöön tilin asetuksista

  1. Siirry Settings (Asetukset) → Space-välilehdelle.
  2. Valitse Targeting → Localization → Edit.
  3. Lisää haluamasi kieliversio kirjoittamalla sen locale-koodi, esim. fi-FI tai sv-SE, ja paina Enter.
  4. Klikkaa lopuksi Save Changes.

 

 

2. Lisää Dynamic Preview URL, jotta eri kieliversiot toimivat esikatselussa

  1. Siirry Content-välilehdelle ja valitse Content Models → esim. Page.
  2. Klikkaa <> Edit dynamic preview URL ja lisää seuraava koodi:
const rawPath = targeting.urlPath || '';
const path = rawPath.startsWith('/') ? rawPath : `/${rawPath}`;
if (locale === 'sv-SE') {
 return `https://trafino.se${path}`;
} else {
 return `https://trafino.fi${path}`;
}

Tämä mahdollistaa esikatselun toiminnan eri kieliversioissa oikean domainin alla.

 

 

 

3. Aktivoi Localize-asetus kentille (esim. Title ja Meta description)

Siirry Content Models -osioon ja avaa haluamasi malli (esim. Page).

Valitse Fields-välilehti.

Klikkaa kenttää kuten Title tai Meta Description.

Laita päälle Localize-asetus näille kentille.

Tämä mahdollistaa eri kieliversioiden otsikoiden ja meta-kuvausten muokkaamisen.

 

4. Luo ja rakenna suomenkielinen sisältö (fi-FI)

Siirry Content-välilehdelle.

Valitse Locale-valikosta fi-FI.

Huom: Oletusvalinta Default ei ole varsinainen kieliversio, eikä sitä tule käyttää.

Luo uusi sivu tai muokkaa olemassa olevaa. Varmista, että kaikki komponentit lisätään fi-FI-localen alle.

Avaa Targeting ja lisää URL:lle fi-FI-locale, jotta selain tietää esittää suomenkielistä sisältöä Suomessa.

 

5. Luo toinen kieliversio (esim. ruotsi / sv-SE)

Kopioi suomenkielinen sivu Content-välilehdeltä.

Avaa kopioitu sivu.

Default-näkymässä muuta Title ruotsinkieliseksi, jotta erotat sivut toisistaan sisällönhallinnassa. Älä tee muita muutoksia default-näkymässä.

Vaihda Locale-asetukseksi sv-SE ja lisää:

  • Otsikko ja meta-kuvaus ruotsiksi
  • Targeting-osiossa lokalisoitu URL-osoite ja Locale sv-SE

Käännä kaikki sivun komponentit yksi kerrallaan ruotsiksi.

Huom: Sisältö voi poiketa maittain – se ei tarvitse olla identtinen.

 

6. Julkaise ja testaa

Klikkaa Publish ja testaa esikatselussa, että kieliversiot toimivat oikein valitun domainin ja lokalisoidun URL:n mukaisesti.

builder.io headless cms kieliversion luominen localization content localization monikielisyys sivun käännös builder.io

Oliko artikkeli hyödyllinen?

Kyllä
Ei
Anna palautetta tästä artikkelista

Yhteenkuuluvat artikkelit

  • Kuinka asentaa GA4 seurantapikseli AI Commerceen?
  • Miten tuoda kategoriat Akeneoon?
  • Miten voit lisätä ja hallita kuvia ja tiedostoja AI Commerce -alustalla
AI Commerce Logo
GDPR badge AWS badge Plus icon

Future-proof eCommerce, built in the EU

AI Commerce Cloud is developed and hosted within the EU, fully compliant with GDPR and all relevant regulations.

Solutions

Service packages Features Integrations Customers

About us

About us Support Vision Contact us

Development

Changelog Blog Implementation Partners System status
🌐 English AI Commerce Cloud FI0818073-0 Ranta-Tampellan Katu 17, 33180 Tampere, Finland info@aicommerce.fi
LinkedIn Itewiki
Privacy Policy Licensing Rights Terms of Use
© 2025 AI Commerce Cloud. All rights reserved.
Expand