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

Tämä mahdollistaa esikatselun toiminnan eri kieliversioissa.

1. Siirry Content-välilehdelle ja valitse Content Models → esim. Page.
2. Klikkaa <> Edit dynamic preview URL ja lisää vastaava koodi (vaihda vain teidän domainit ja lisää tarvittaessa maakoodej):

const rawPath = targeting.urlPath || '';
const path = rawPath.startsWith('/') ? rawPath : `/${rawPath}`;
const language = locale || ''

switch (language) {
    case 'sv-se':
        return "https://trafino.se" + $handle
    case 'fi-FI':
        return "https://trafino.fi" + $handle
    default:
        return "https://trafino.com" + $handle
}

Dynaaminen koodi:
 

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 sisältö

Siirry Content-välilehdelle.

Valitse Locale-valikosta kieli (esimerkiksi aluksi 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ää kaikki URL-polut joilla sisältö näytetään eri domaineissa. Älä lisää muita ehtoja!

5. Luo sisältö kaikilla kielillä

Klikkaa maapallon ikoneista ja käännä sisältö eri kielille. Voit myös käyttää eri kielillä esimerkiksi eri kuvia. Muista että “Default” kieltä ei hyödynnetä.

6. Julkaise ja testaa

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