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. Salli usean URL-osoitteen käyttö

1. Valitse Settings
2. Valitse Advanced Settings
3. Ruksita Allow targeting to multiple URLs

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

1. Siirry Settings → 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.

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

Tämä mahdollistaa esikatselun toiminnan eri kieliversioissa. Tämä ei vaikuta verkkokaupan sisällön esitykseen - vaan Builderion editorin toimintaan eri kieliversioilla.

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 verkkotunnukset ja lisää tarvittaessa maakoodeja):

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

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

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).
   

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.