Ponnahdusikkunan lisääminen tuotesivuille metakentillä

Metakenttien avulla voit mukauttaa Shopify-kauppasi toiminnallisuutta ja ulkoasua. Niiden avulla voit myös tallentaa tarkempia tietoja, joita ei Shopify Admin ei normaalisti kerää. Metakenttiä voidaan käyttää sisäisesti Shopify Adminissa, ja voit myös halutessasi näyttää ne verkkokaupassasi.

Metakentillä voit lisätä sivuviitteen ponnahdusikkunalohkoon, jossa näkyy linkki tuotesivuille. Kun linkkiä klikataan, avautuu ponnahdusikkuna, jossa näkyy sivun sisältö. Voit lisätä kuvia ja muuta aineistoa käyttämällä sivujen rich text editoria.

Seuraavassa on esimerkkejä ponnahdusikkunatiedoista, joita voit lisätä tuotesivuille:

• Kokotaulukot
• Hoito-ohjeet
• Kokoamisohjeet
• Tuotemääritykset
• Usein kysyttyä

Tässä nelivaiheisessa tutoriaalissa esitellään sivuviitteiden metakentät, tuotemetakentän luominen sivuviitteelle, tuotesivumallin luominen verkkokaupalle, uuden sivun lisääminen, sivuun viittaaminen tietyissä tuotteissa ja tuotesivumallin käyttäminen tiettyihin tuotteisiin.

Jos sinulla on Online Store 2.0 -teema, voit yhdistää useimmat metakentät teemaasi teemaeditorilla. Jos käytät vanhaa teemaa tai haluat lisätä metakenttätyyppejä, joita teemasi ei tue, voit muokata teemakoodia tai palkata Shopify Partnerin.

Vaihe 1: luo tuotemetakenttä sivulle

Aluksi sinun on luotava tuotesivuille sivuviitteen metakenttämääritelmä. Tuotemetakenttä linkittyy tietylle sivulle ja on mukautettavissa kullekin tuotteelle. Jos et lisää sivuviitettä tuotteeseen, joka käyttää samaa mallia, ponnahdusikkunalinkin teksti näkyy silti ikään kuin sisältöä olisi. Jotta ponnahdusikkunalinkki näkyy vain tietyissä tuotteissa, voit luoda tuotemallin ja käyttää sitä vain halutuissa tuotteissa.

Sivuviitteen metakentillä voit näyttää erilaisia tuotetietoja luomalla erilaisia sivuja eri tuotetyypeille. Voit esimerkiksi luoda kaksi erilaista kokotaulukkosivua kahdelle eri ikäryhmälle, kuten leikki-ikäisten kokotaulukon ja vauvojen kokotaulukon, ja tämän jälkeen voit lisätä leikki-ikäisten kokojen sivuviitteen vain leikki-ikäisille tarkoitettuihin tuotteisiin.

Sinun on luotava sivuviitteelle metakenttämääritelmä yhdistääksesi sen ponnahdusikkunalohkoon teemaeditorissa. Myyntipaikan käyttöoikeus on valittuna oletuksena, kun luot metakenttämääritelmän.

Vaiheet:

Tietokone

1. Siirry Shopify Adminissa kohtaan Asetukset > Mukautetut tiedot.
2. Klikkaa Metakenttämääritelmät-osiossa Tuotteet.
3. Klikkaa Lisää määritelmä.
4. Anna Nimi-kenttään metakenttämääritelmän nimi. Jos olet esimerkiksi luomassa kokotaulukkoa, saatat haluta antaa määritelmälle nimen Kokotaulukko.
5. Klikkaa ⊕ Valitse tyyppi.
6. Valitse Sivu pudotusvalikosta. Yksi sivu on valittu oletuksena.
7. Klikkaa Tallenna.

iPhone

1. Napauta Shopify-sovelluksessa ... > Asetukset.
2. Napauta Mukautetut tiedot.
3. Napauta Metakenttämääritelmät-osiossa Tuotteet.
4. Napauta +.
5. Anna määritelmälle nimi. Jos olet esimerkiksi luomassa kokotaulukkoa, saatat haluta antaa määritelmälle nimen Kokotaulukko.
6. Napauta + Valitse tyyppi.
7. Valitse napauttamalla Sivu pudotusvalikosta. Yksi sivu on valittu oletuksena.
8. Napauta Tallenna.

Android

1. Napauta Shopify-sovelluksessa ☰ > Asetukset.
2. Napauta Mukautetut tiedot.
3. Napauta Metakenttämääritelmät-osiossa Tuotteet.
4. Napauta +.
5. Anna määritelmälle nimi. Jos olet esimerkiksi luomassa kokotaulukkoa, saatat haluta antaa määritelmälle nimen Kokotaulukko.
6. Napauta + Valitse tyyppi.
7. Valitse napauttamalla Sivu pudotusvalikosta. Yksi sivu on valittu oletuksena.
8. Tallenna napauttamalla ✓.

Vaihe 2: luo tuotesivumalli

Jos sinulla on Online Store 2.0 -teema, voit yhdistää sivuviitteen teemaasi teemaeditorilla. Jos käytät vanhaa teemaa tai haluat lisätä metakenttätyyppejä, joita teemasi ei tue, voit muokata teemakoodia tai palkata Shopify Partnerin.

Kun olet lisännyt osion tai lohkon, voit valita metakentän klikkaamalla dynaamisen lähteen kuvaketta:

Jos et halua lisätä ponnahdusikkunalohkoa kaikkiin tuotteisiin, sinun on luotava uusi tuotesivumalli. Luo uusi tuotesivumalli vaiheiden mukaan, mutta voit myös valita nykyisen tuotesivumallin, jota mukautat.

Vaiheet:

Tietokone

1. Siirry Shopify Adminissa kohtaan Verkkokauppa > Teemat.
2. Napsauta muokattavan teeman vierestä Mukauta.
3. Klikkaa editorin yläosan Etusivu-pudotusvalikossa Tuotteet ja klikkaa sitten ⊕ Luo malli uuden mallin luomiseksi ja mukauttamiseksi.
4. Siirry Osiot-navigointisivupalkissa kohtaan Malli > Tuotetiedot-lohkot ja klikkaa sitten ⊕ Lisää lohko.
5. Klikkaa Ponnahdusikkuna.
6. Anna Linkin otsikko. Tässä tekstissä näkyy, mitä asiakas klikkaa ponnahdusikkunasivun sisällöstä. Jos esimerkiksi ponnahdusikkunasivu on kokotaulukko, saatat haluta, että Linkin otsikko on Kokotaulukko.
7. Klikkaa kohdan Sivu vierestä dynaamisen lähteen kuvaketta ja valitse sitten klikkaamalla luomasi sivuviitteen metakenttä.
8. Klikkaa Tallenna.

iPhone

1. Napauta Shopify-sovelluksessa ... > Verkkokauppa.
2. Napauta Hallinnoi kaikkia teemoja.
3. Napauta mukautettavan teeman vierestä Mukauta.
4. Napauta editorin yläosan Etusivu-pudotusvalikossa Tuotteet ja napauta sitten ⊕ Luo malli uuden mallin luomiseksi ja mukauttamiseksi.
5. Siirry Osiot-navigointisivupalkissa kohtaan Malli > Tuotetiedot-lohkot ja napauta sitten ⊕ Lisää lohko.
6. Napauta Ponnahdusikkuna.
7. Anna Linkin otsikko. Tässä tekstissä näkyy, mitä asiakas klikkaa ponnahdusikkunasivun sisällöstä. Jos esimerkiksi ponnahdusikkunasivu on kokotaulukko, saatat haluta, että Linkin otsikko on Kokotaulukko.
8. Napauta kohdan Sivu vierestä dynaamisen lähteen kuvaketta ja valitse sitten napauttamalla luomasi sivuviitteen metakenttä.
9. Napauta Tallenna.

Android

1. Napauta Shopify-sovelluksessa ☰ > Verkkokauppa.
2. Napauta Hallinnoi kaikkia teemoja.
3. Napauta mukautettavan teeman vierestä Mukauta.
4. Napauta editorin yläosan Etusivu-pudotusvalikossa Tuotteet ja napauta sitten ⊕ Luo malli uuden mallin luomiseksi ja mukauttamiseksi.
5. Siirry Osiot-navigointisivupalkissa kohtaan Malli > Tuotetiedot-lohkot ja napauta sitten ⊕ Lisää lohko.
6. Napauta Ponnahdusikkuna.
7. Anna Linkin otsikko. Tässä tekstissä näkyy, mitä asiakas klikkaa ponnahdusikkunasivun sisällöstä. Jos esimerkiksi ponnahdusikkunasivu on kokotaulukko, saatat haluta, että Linkin otsikko on Kokotaulukko.
8. Napauta kohdan Sivu vierestä dynaamisen lähteen kuvaketta ja valitse sitten napauttamalla luomasi sivuviitteen metakenttä.
9. Tallenna teema napauttamalla ✓.

Vaihe 3: lisää tuotetiedot sisältävä sivu

Sinun on luotava sivu, jossa on sisältöä, johon metakenttä viittaa. Jos sinulla on jo sivu luotuna, voit siirtyä vaiheeseen 4.

Vaiheet:

Tietokone

1. Siirry Shopify-ylläpitäjässä kohtaan Verkkokauppa > Sivut.
2. Klikkaa Lisää sivu.
3. Anna sivulle nimi ja luo sisältö, jonka haluat näkyvän tuotesivun ponnahdusikkunassa.
4. Aseta Näkyvyys-osiossa sivu Näkyvä-tilaan.
5. Klikkaa Tallenna.

iPhone

1. Napauta Shopify-sovelluksessa ... > Verkkokauppa.
2. Napauta Sivut.
3. Napauta Lisää sivu.
4. Anna sivulle nimi ja luo sisältö, jonka haluat näkyvän tuotesivun ponnahdusikkunassa.
5. Aseta Näkyvyys-osiossa sivu Näkyvä-tilaan.
6. Napauta Tallenna.

Android

1. Napauta Shopify-sovelluksessa ☰ > Verkkokauppa.
2. Napauta Sivut.
3. Napauta Lisää sivu.
4. Anna sivulle nimi ja luo sisältö, jonka haluat näkyvän tuotesivun ponnahdusikkunassa.
5. Aseta Näkyvyys-osiossa sivu Näkyvä-tilaan.
6. Tallenna napauttamalla ✓.

Voit luoda niin monta sivua kuin on tarpeen viitataksesi metakenttään. Voit kuitenkin linkittää vain yhden sivun tuotemetakenttään.

Vaihe 4: viittaa sivuun ja käytä tuotemallia tietyissä tuotteissa

Kun lisäät sivuviitteen tiettyyn tuotteeseen, sivun tiedot näkyvät vain tuon tuotteen yhteydessä. Jos jätät sivuviitteen tyhjäksi tuotteelle, joka käyttää tuota tuotemallia, linkin teksti näkyy edelleen linkkinä. Ponnahdusikkuna on kuitenkin tyhjä eikä siinä ole sivuviitettä, mikä voi olla hämmentävää asiakkaille. Tässä tapauksessa voit käyttää erilaista tuotesivumallia tietyille tuotetyypeille. Voit esimerkiksi luoda vaatteille tuotemallin, jossa on kokotaulukkosivu ponnahdusikkunalohkossa, ja sitten voit luoda laukuille tuotemallin, johon ei tarvitse lisätä ponnahdusikkunalohkoa.

Lue lisää malleista.

Vaiheet:

Tietokone

1. Siirry Shopify-ylläpitäjästä kohtaan Tuotteet.
2. Klikkaa tuotetta, johon haluat lisätä sivuviitteen.
3. Klikkaa Tuotemetakentät-osiossa luomaasi sivuviitteen metakenttää ja klikkaa sitten Valitse sivut.
4. Valitse luomasi sivu pudotusvalikosta.
5. Valitse Teemamalli-osiossa tuotesivumalli, jonka loit vaiheessa 2.
6. Klikkaa Tallenna.

iPhone

1. Valitse Shopify-sovelluksessa Tuotteet > Kaikki tuotteet.
2. Napauta tuotetta, johon haluat lisätä sivuviitteen.
3. Napauta Metakentät-osiossa Näytä kaikki.
4. Napauta luomaasi sivuviitteen metakenttää ja valitse sitten napauttamalla luomasi sivu.
5. Valitse Teemamalli-osiossa tuotesivumalli, jonka loit vaiheessa 2.
6. Napauta Tallenna.

Android

1. Valitse Shopify-sovelluksessa Tuotteet > Kaikki tuotteet.
2. Napauta tuotetta, johon haluat lisätä sivuviitteen.
3. Napauta Metakentät-osiossa Näytä kaikki.
4. Napauta luomaasi sivuviitteen metakenttää ja valitse sitten napauttamalla luomasi sivu.
5. Valitse Teemamalli-osiossa tuotesivumalli, jonka loit vaiheessa 2.
6. Tallenna napauttamalla ✓.

Voit toistaa nämä vaiheet niin monelle tuotteelle kuin on tarpeen.