Sådan tilføjer du et pop op-vindue til dine produktsider med metafelter
Metafelter hjælper dig med at tilpasse din Shopify-butiks funktionalitet og udseende, da du får mulighed for at gemme specialiserede oplysninger, der normalt ikke registreres i Shopify-administrator. Metafelter kan bruges internt i din Shopify-administrator, og du kan også vælge at vise dem i din webshop.
Med metafelter kan du tilføje en sidereference til en pop op-blok, der viser et link på dine produktsider. Når der klikkes på linket, åbnes et pop op-vindue, der viser indholdet på din side. Du kan tilføje billeder og andre medier ved hjælp af RTF-editoren til dine sider.
Følgende er nogle eksempler på pop op-oplysninger, som du kan føje til dine produktsider:
- Størrelsesguider
- Vaskeanvisninger
- Samlevejledninger
- Produktspecifikationer
- Ofte stillede spørgsmål
Dette er en vejledning på 4 trin, der introducerer metafelter for sidereferencer, opretter et produktmetafelt til en sidereference, opretter en produktsideskabelon til din webshop, tilføjer en ny side, refererer til siden i specifikke produkter og anvender produktsideskabelonen til specifikke produkter.
Hvis du har et Online Store 2.0-tema, kan du knytte de fleste metafelter til dit tema ved hjælp af temaeditoren. Hvis du bruger et ældre tema eller vil tilføje typer af metafelter, som ikke understøttes af dit tema, kan du redigere din temakode eller ansætte en Shopify-partner.
På denne side
Trin 1: Opret et produktmetafelt for en side
Start med at oprette en metafeltdefinition for sidereference for dine produktsider. Produktmetafeltet linker til en bestemt side og kan tilpasses for hvert enkelt produkt. Hvis du ikke føjer en sidereference til et produkt, der bruger den samme skabelon, vises teksten med pop op-linket stadig, som om der er indhold. Hvis du kun vil vise pop op-linket på specifikke produkter, kan du oprette en produktskabelon og kun anvende den på relevante produkter.
Med metafelter for sidereferencer kan du vise forskellige produktoplysninger ved at oprette forskellige sider til forskellige produkttyper. Du kan f.eks. oprette to forskellige sider med størrelsesguider til to forskellige aldersgrupper, som f.eks. en størrelsesguide til små børn og en til spædbørn. Derefter kan du føje sidereferencen for størrelser til små børn kun til de produkter, der er til små børn.
Du skal oprette en metafeltdefinition for en sidereference for at kunne knytte den til pop op-blokken i din temaeditor. Adgang til butikslayout er som standard valgt, når du opretter din metafeltdefinition.
Trin:
- Gå til Indstillinger > Tilpassede data i Shopify-administratoren.
- I afsnittet Definitioner for metafelter klikker du på Produkter.
- Klik på Tilføj definition.
- Giv metafeltdefinitionen et navn i feltet Navn. Hvis du opretter en størrelsesguide, kan du for eksempel navngive denne definition Størrelsesguide.
- Klik på ⊕ Vælg type.
- Vælg Side i rullemenuen. Én side er valgt som standard.
- Klik på Gem.
- I Shopify-appen trykker du på … > Indstillinger.
- Tryk på Tilpassede data.
- I afsnittet Definitioner for metafelter trykker du på Produkter.
- Tryk på +.
- Navngiv definitionen. Hvis du opretter en størrelsesguide, kan du for eksempel navngive definitionen Størrelsesguide.
- Tryk på + Vælg type.
- Tryk for at vælge Side i rullemenuen. Én side vælges som standard.
- Tryk på Gem.
- I Shopify-appen trykker du på ☰ > Indstillinger.
- Tryk på Tilpassede data.
- I afsnittet Definitioner for metafelter trykker du på Produkter.
- Tryk på +.
- Navngiv definitionen. Hvis du opretter en størrelsesguide, kan du for eksempel navngive definitionen Størrelsesguide.
- Tryk på + Vælg type.
- Tryk for at vælge Side i rullemenuen. Én side vælges som standard.
- Tryk på ✓ for at gemme.
Trin 2: Opret din skabelon til produktsider
Hvis du har et Online Store 2.0-tema, kan du knytte sidereferencen til dit tema ved hjælp af temaeditoren. Hvis du bruger et ældre tema eller vil tilføje typer af metafelter, som ikke understøttes af dit tema, kan du redigere din temakode eller ansætte en Shopify-partner.
Når du har tilføjet et afsnit eller en blok, kan du vælge et metafelt ved at klikke på ikonet for dynamiske kilder:
Hvis du ikke vil føje pop op-blokken til alle dine produkter, skal du oprette en ny skabelon til produktsider. I trinnene opretter du en ny skabelon til produktsider, men du kan også vælge en eksisterende skabelon til produktsider, som du kan tilpasse i stedet.
Trin:
- Gå til Webshop > Temaer i Shopify-administratoren.
- Klik på Tilpas ud for det tema, du vil tilpasse.
- I menuen Startside øverst i editoren klikker du på Produkter. Derefter klikker du på ⊕ Opret skabelon for at oprette og tilpasse en ny skabelon.
- I sidebjælkenavigationen for Afsnit går du til blokkene Skabelon > Produktoplysninger. Derefter klikker du på ⊕ Tilføj blok.
- Klik på Pop op.
- Indtast et Navn på link. Dette er den tekst, der viser, hvad en kunde klikker på for indholdet på pop op-siden. Hvis pop op-siden er en størrelsesguide, ønsker du måske for eksempel, at Navn på link skal være Størrelsesguide.
- Ved siden af Side klikker du på ikonet for dynamiske kilder, og derefter klikker du for at vælge det metafelt for sidereferencer, du har oprettet.
- Klik på Gem.
- I Shopify-appen trykker du på … > Webshop.
- Tryk på Administrer alle temaer.
- Tryk på Tilpas ud for det tema, du vil tilpasse.
- I rullemenuen Startside øverst i editoren trykker du på Produkter. Derefter trykker du på ⊕ Opret skabelon for at oprette og tilpasse en ny skabelon.
- I sidebjælkenavigationen for Afsnit går du til blokkene Skabelon > Produktoplysninger. Derefter trykker du på ⊕ Tilføj blok.
- Tryk på Pop op.
- Indtast et Navn på link. Dette er den tekst, der viser, hvad en kunde klikker på for indholdet på pop op-siden. Hvis pop op-siden er en størrelsesguide, ønsker du måske for eksempel, at Navn på link skal være Størrelsesguide.
- Ved siden af Side trykker du på ikonet for dynamiske kilder. Derefter trykker du for at vælge det metafelt for sidereference, du har oprettet.
- Tryk på Gem.
- I Shopify-appen trykker du på ☰ > Webshop.
- Tryk på Administrer alle temaer.
- Tryk på Tilpas ud for det tema, du vil tilpasse.
- I rullemenuen Startside øverst i editoren trykker du på Produkter. Derefter trykker du på ⊕ Opret skabelon for at oprette og tilpasse en ny skabelon.
- I sidebjælkenavigationen for Afsnit går du til blokkene Skabelon > Produktoplysninger. Derefter trykker du på ⊕ Tilføj blok.
- Tryk på Pop op.
- Indtast et Navn på link. Dette er den tekst, der viser, hvad en kunde klikker på for indholdet på pop op-siden. Hvis pop op-siden er en størrelsesguide, ønsker du måske for eksempel, at Navn på link skal være Størrelsesguide.
- Ved siden af Side trykker du på ikonet for dynamiske kilder. Derefter trykker du for at vælge det metafelt for sidereference, du har oprettet.
- Tryk på ✓ for at gemme dit tema.
Trin 3: Tilføj en side med dine produktoplysninger
Du skal oprette en side med indhold, som metafeltet refererer til. Hvis du allerede har oprettet en side, kan du gå videre til trin 4.
Trin:
- Gå til Webshop > Sider i Shopify-administratoren.
- Klik på Tilføj side.
- Navngiv din side, og opret det indhold, som du vil vise i et pop op-vindue på din produktside.
- I afsnittet Synlighed angiver du siden som Synlig.
- Klik på Gem.
- I Shopify-appen trykker du på … > Webshop.
- Tryk på Sider.
- Tryk på Tilføj side.
- Navngiv din side, og opret det indhold, som du vil vise i et pop op-vindue på din produktside.
- I afsnittet Synlighed angiver du siden som Synlig.
- Tryk på Gem.
- I Shopify-appen trykker du på ☰ > Webshop.
- Tryk på Sider.
- Tryk på Tilføj side.
- Navngiv din side, og opret det indhold, som du vil vise i et pop op-vindue på din produktside.
- I afsnittet Synlighed angiver du siden som Synlig.
- Tryk på ✓ for at gemme.
Du kan oprette så mange sider, som du vil referere i metafeltet, som du har brug for. Du kan dog kun linke én side i produktmetafeltet.
Trin 4: Referer til siden, og anvend produktskabelonen på specifikke produkter
Når du føjer en sidereference til et bestemt produkt, vises oplysningerne fra denne side kun med det pågældende produkt. Hvis du lader sidereferencen være tom for et produkt, der bruger denne produktskabelon, vises linkteksten stadig som et link. Pop op-vinduet er imidlertid tomt uden en sidereference og kan skabe forvirring for dine kunder. I dette tilfælde kan du bruge en anden skabelon til produktsider til specifikke produkttyper. Du kan f.eks. oprette en produktskabelon til tøj med siden størrelsesguide i din pop op-blok, og derefter kan du oprette en produktskabelon til tasker, hvor du ikke behøver at tilføje pop op-blokken.
Få mere at vide om skabeloner.
Trin:
- Gå til Produkter i din Shopify-administrator.
- Klik på det produkt, du vil føje en sidereference til.
- I afsnittet Metafelter for produkter klikker du på det metafelt for sidereference , som du oprettede, og derefter klikker du på Vælg sider.
- Vælg den side, du oprettede, i rullemenuen.
- I afsnittet Temaskabelon vælger du den skabelon til produktsider, som du oprettede under trin 2.
- Klik på Gem.
- I Shopify-appen skal du gå til Produkter > Alle produkter.
- Tryk på det produkt, du vil føje en sidereference til.
- Tryk på Se alle i afsnittet Metafelter.
- Tryk på det metafelt for sidereference, som du har oprettet, og tryk derefter for at vælge den side, du oprettede.
- I afsnittet Temaskabelon vælger du den skabelon til produktsider, som du oprettede under trin 2.
- Tryk på Gem.
- I Shopify-appen skal du gå til Produkter > Alle produkter.
- Tryk på det produkt, du vil føje en sidereference til.
- Tryk på Se alle i afsnittet Metafelter.
- Tryk på det metafelt for sidereference, som du har oprettet, og tryk derefter for at vælge den side, du oprettede.
- I afsnittet Temaskabelon vælger du den skabelon til produktsider, som du oprettede under trin 2.
- Tryk på ✓ for at gemme.
Du kan gentage disse trin for så mange produkter, du har brug for.