Ohje
Kirjaudu sisään

Pop-up-koko-oppaan lisääminen tuotesivuille

Metakenttien avulla voit mukauttaa Shopify-kauppasi toiminnallisuutta ja ulkoasua tallentamalla erikoistietoja, joita ei yleensä tallenneta Shopifyn ohjausnäkymässä. Metakenttiä voi käyttää sisäisesti Shopifyn ohjausnäkymässä, ja voit myös näyttää ne verkkokaupassasi.

Metakenttien avulla voit lisätä sivuviittauksen pop-up-lohkoon, joka näyttää linkin tuotesivuillasi. Kun linkkiä klikataan, se avaa pop-up-ikkunan, jossa näytetään sivusi sisältö. Voit lisätä kuvia ja muuta mediaa sivujesi RTF-editorilla.

Seuraavassa on esimerkkejä pop-up-tiedoista, joita voit lisätä tuotesivuillesi:

  • Koko-oppaat
  • Hoito-ohjeet
  • Kokoamisohjeet
  • Tuotteen tekniset tiedot
  • Usein kysytyt kysymykset

Tämä on 4-vaiheinen tutoriaali, jossa esitellään sivuviittausten metakentät, luodaan tuotteen metakenttä sivuviittausta varten, luodaan tuotesivumalli verkkokauppaasi varten, lisätään uusi sivu, viitataan sivuun tietyissä tuotteissa ja otetaan tuotesivumalli käyttöön tietyissä tuotteissa. Tämän tutoriaalin avulla voit luoda pop-up-ikkunaan mitä tahansa sisältöä. Tässä tutoriaalissa käytetään kauttaaltaan esimerkkinä koko-opasta.

Tämä tutoriaali edellyttää teemaa, joka tukee dynaamisia lähteitä. Jos käytät vanhaa teemaa tai jos haluat lisätä metakenttätyyppejä, joita teemasi ei tue, voit muokata teemasi koodia tai palkata Shopify Partnerin.

Tällä sivulla

Vaihe 1: Luo tuotteen metakenttä sivua varten

Aloita luomalla tuotesivuillesi sivuviittauksen metakenttämääritelmä. Tuotteen metakenttä linkittyy tiettyyn sivuun, ja sitä voidaan mukauttaa kutakin tuotetta varten. Jos et lisää sivuviittausta tuotteeseen, joka käyttää samaa mallia, pop-up-linkin teksti näkyy silti ikään kuin sisältöä olisi olemassa. Jotta pop-up-linkki näytettäisiin vain tietyissä tuotteissa, voit luoda tuotemallin ja ottaa sen käyttöön vain kyseisissä tuotteissa.

Sivuviittausten metakenttien avulla voit näyttää erilaisia tuotetietoja luomalla eri sivuja erilaisille tuotetyypeille. Voit esimerkiksi luoda kaksi eri koko-opassivua kahdelle eri ikäryhmälle, kuten taaperoiden koko-oppaan ja vauvojen koko-oppaan, ja sitten voit lisätä taaperoiden kokoja koskevan sivuviittauksen vain taaperoille tarkoitettuihin tuotteisiin.

Sinun on luotava metakenttämääritelmä sivuviittausta varten, jotta voit yhdistää sen teemaeditorisi pop-up-lohkoon. Kaupan julkisivu -käyttöoikeus on valittu oletusarvoisesti, kun luot metakenttämääritelmän.

Vaiheet:

Tietokone

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Asetukset > Metakentät ja metaobjektit.

  2. Klikkaa Metakenttämääritelmät-osiossa Tuotteet.

  3. Klikkaa Lisää määritelmä.

  4. Kirjoita Nimi-kenttään Koko-opas.

  5. Klikkaa ⊕ Valitse tyyppi.

  6. Valitse pudotusvalikosta Sivu. Yksi sivu on valittu oletusarvoisesti.

  7. Klikkaa Tallenna.

Mobiili

  1. Napauta Shopify-sovelluksessa Valikko ja napauta sitten Asetukset Asetukset.

  2. Napauta Kaupan asetukset ‑osiossa Metakentät ja metaobjektit.

  3. Napauta Metakenttämääritelmät-osiossa Tuotteet.

  4. Napauta +.

  5. Kirjoita Nimi-kenttään Koko-opas.

  6. Napauta + Valitse tyyppi.

  7. Napauta ja valitse pudotusvalikosta Sivu. Yksi sivu on valittu oletusarvoisesti.

  8. Napauta Tallenna tai ✓.

Vaihe 2: Luo tuotesivumalli

Tämä tutoriaali edellyttää teemaa, joka tukee dynaamisia lähteitä. Jos käytät vanhaa teemaa tai jos haluat lisätä metakenttätyyppejä, joita teemasi ei tue, voit muokata teemasi koodia tai palkata Shopify Partnerin.

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

Yhdistä dynaaminen lähde -kuvake

Jos et halua lisätä kokotaulukon pop-up-linkkiä kaikkiin tuotteisiisi, sinun on luotava uusi tuotesivumalli. Näissä ohjeissa luodaan uusi tuotesivumalli, mutta voit myös muokata olemassa olevaa tuotesivumallia.

Vaiheet:

Tietokone
  1. Siirry Shopifyn ohjausnäkymässä kohtaan Verkkokauppa > Teemat.
  2. Klikkaa Muokkaa teemaa sen teeman vierestä, jota haluat mukauttaa.
  3. Klikkaa editorin yläreunassa olevasta Etusivu-pudotusvalikosta Tuotteet ja sitten ⊕ Luo malli luodaksesi ja mukauttaaksesi uutta mallia.
  4. Siirry Osat-navigointisivupalkissa kohtaan Malli > Tuotetiedot-lohkot ja klikkaa sitten ⊕ Lisää lohko.
  5. Klikkaa Pop-up.
  6. Syötä Linkin teksti -kenttään Kokotaulukko. Tämä on teksti, joka näytetään linkkinä, jota asiakas klikkaa nähdäkseen pop-up-sivun sisällön.
  7. Klikkaa Sivu-kohdan vieressä olevaa dynaamisen lähteen kuvaketta ja valitse sitten luomasi sivun viitemetakenttä.
  8. Klikkaa Tallenna.
Mobiili

  1. Napauta Shopify-sovelluksessa Valikko ‑kuvaketta.

  2. Napauta Myyntikanavat-osiossa Verkkokauppa > Hallinnoi kaikkia teemoja.

  3. Napauta Muokkaa teemaa sen teeman kohdalla, jota haluat mukauttaa.

  4. Napauta editorin yläreunassa olevasta Etusivu-pudotusvalikosta Tuotteet ja sitten ⊕ Luo malli luodaksesi ja mukauttaaksesi uutta mallia.

  5. Siirry Osat-navigointisivupalkissa kohtaan Malli > Tuotetiedot-lohkot ja napauta sitten ⊕ Lisää lohko.

  6. Napauta Pop-up.

  7. Syötä Linkin teksti -kenttään Kokotaulukko. Tämä on teksti, joka näytetään linkkinä, jota asiakas klikkaa nähdäkseen pop-up-sivun sisällön.

  8. Napauta Sivu-kohdan vieressä olevaa dynaamisen lähteen kuvaketta ja valitse sitten luomasi sivun viitemetakenttä.

  9. Napauta Tallenna tai ✓.

Vaihe 3: Lisää sivu, jolla on kokotaulukkosi

Sinun on luotava sivu, jolla on se kokotaulukon sisältö, johon metakenttä viittaa. Jos olet jo luonut sivun, voit siirtyä vaiheeseen 4.

Vaiheet:

Tietokone
  1. Siirry Shopifyn ohjausnäkymässä kohtaan Verkkokauppa > Sivut.
  2. Klikkaa Lisää sivu.
  3. Syötä Otsikko-kenttään Kokotaulukko ja lisää sitten kokotaulukon tiedot Sisältö-kenttään.
  4. Määritä Näkyvyys-osiossa sivun asetukseksi Näkyvissä.
  5. Klikkaa Tallenna.
Mobiili

  1. Napauta Shopify-sovelluksessa Valikko ‑kuvaketta.

  2. Napauta Myyntikanavat-osiossa Verkkokauppa > Sivut.

  3. Napauta Lisää sivu.

  4. Syötä Otsikko-kenttään Kokotaulukko ja lisää sitten kokotaulukon tiedot Sisältö-kenttään.

  5. Määritä Näkyvyys-osiossa sivun asetukseksi Näkyvissä.

  6. Napauta Tallenna tai ✓.

Voit luoda niin monta kokotaulukkosivua metakentässä viitattavaksi kuin tarvitset. Voit kuitenkin linkittää vain yhden sivun tuotteen metakenttään.

Vaihe 4: Viittaa sivuun ja ota tuotemalli käyttöön tietyissä tuotteissa

Kun lisäät sivun viittauksen tiettyyn tuotteeseen, kyseisen sivun tiedot näytetään vain kyseisen tuotteen yhteydessä. Jos jätät sivun viittauksen tyhjäksi tuotteessa, joka käyttää kyseistä tuotemallia, linkkiteksti näkyy silti linkkinä. Pop-up-ikkuna on kuitenkin tyhjä ilman sivun viittausta ja saattaa hämmentää asiakkaitasi. Voit käyttää erilaista tuotesivumallia tietyille tuotetyypeille, joilla on kokotaulukkoja, kuten vaatteille tai kengille, ja toista tuotemallia muille tuotetyypeille, kuten lasten leluille tai koruille ja muille asusteille.

Lue lisää malleista.

Vaiheet:

Tietokone
  1. Mene Shopifyn ohjausnäkymässä kohtaan Tuotteet.
  2. Klikkaa tuotetta, johon haluat lisätä sivun viittauksen.
  3. Klikkaa Tuotteen metakentät -osiossa Kokotaulukko-sivuviittausta, klikkaa sitten Valitse sivuja ja valitse Kokotaulukko-sivu.
  4. Valitse Teemamalli-osiossa vaiheessa 2 luomasi Kokotaulukko-tuotesivumalli.
  5. Klikkaa Tallenna.
Mobiili
  1. Napauta Shopify-sovelluksessa Tuotteet -kuvaketta .
  2. Napauta tuotetta, johon haluat lisätä sivun viittauksen.
  3. Napauta Tuotteen metakentät -osiossa Kokotaulukko-sivuviittausta, napauta sitten Valitse sivuja ja valitse Kokotaulukko-sivu.
  4. Valitse Teemamalli-osiossa vaiheessa 2 luomasi Kokotaulukko-tuotesivumalli.
  5. Napauta Tallenna tai ✓.

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