Legge til Planet-merket i nettbutikken
Hvis du vil vise kundene at bestillingene dine er klimanøytrale, kan du legge til Planet-merket i nettbutikken. Denne artikkelen veileder deg gjennom prosessen for å legge til merket og tilpasse utseendet.
På denne siden
Hensyn ved å legge til Planet-merket
Før du legger til Planet-merket i nettbutikken bør du se gjennom følgende vurderinger:
- Du må ha installert Planet.
- Du må ha et aktivt abonnement på en Planet-abonnementstype.
- Hvis du bruker et eldre tema, kan du ikke tilpasse Planet-merket.
Tilgjengelige språk
Du kan ikke bruke dine egne oversettelser for Planet-merket. Det er imidlertid en liste over tilgjengelige språk Shopify-administrator kan endres til. For å oversette merket til Planet-appen, må du bruke et tema som er kompatibelt med salg på flere språk. Du kan endre standard temaspråk og legge til andre språk slik at kundene kan velge sitt foretrukne språk.
Legge til Planet-merket i et Online Store 2.0-tema
Hvis du bruker et Online Store 2.0-tema kan du legge til Planet-merket på alle sider i nettbutikken direkte fra temaredigeringsprogrammet.
Steg:
Klikk Innstillinger > Apper og salgskanaler fra Shopify-administrator.
Klikk Online store fra siden Apper og salgskanaler.
Klikk Åpne salgskanal.
Klikk på Temaer.
Klikk Tilpass i seksjonen Gjeldende tema.
Velg siden du vil legge til Planet-merket på, som Startside eller Handlekurv.
-
Legg til merket i en eksisterende eller ny seksjon:
- For å legge til merket i en eksisterende seksjon, klikker du på Legg til blokk, og velger deretter Planet.
- For å legge til merket i en ny seksjon, klikker du på Legg til seksjon, og velger deretter Planet.
Klikk på Lagre.
Tilpasse designet på Planet-merket
Hvis du bruker et Online Store 2.0-tema, kan du også tilpasse utseendet på Planet-merket direkte fra temaredigeringsprogrammet. Dette er egenskapene du kan tilpasse:
- bakgrunnsfarge og ramme
- visning av Planet-logoen, seksjonen med mer informasjon, statistikkseksjonen og seksjonen om finansiert innovasjon
- størrelse på merket, marger og dimensjoner for hjørneavrunding
Gå gjennom følgende tabell for å finne ut mer om ulike egenskaper du kan tilpasse for Planet-merket:
| Attributt | Beskrivelse | Tilpasningsalternativer |
|---|---|---|
| Planet-logo | Planet-logoen er en lys grønn sirkel med et mørkt blad nede til høyre. Avhengig av merkets størrelse vises logoen øverst til venstre eller høyre i merket. | Du kan merke av eller oppheve merkingen i avmerkingsboksen Planet-logo. |
| Få mer informasjon-kobling | Hvis du har konfigurert en Impact-side, kan du vise en kobling til mer informasjon for å omdirigere kunder til Impact-siden. Avhengig av størrelsen på merket, vises handlingsoppfordringen for mer informasjon som en Mer informasjon-kobling til høyre eller i øvre høyre hjørne av merket. Hvis du ikke har konfigurert en Impact-side, vises teksten Drevet av Shopify Planet. | Du kan merke av eller fjerne avmerkingen i avmerkingsboksen Vis «Få mer informasjon». |
| Visning av utslipp som er fjernet | Visning av fjernede utslipp viser mengden klimautslipp i kg du har fjernet fra luften gjennom prosjektene du har støttet med Planet. Visning av fjernede utslipp viser også en sammenligning mot kjørte miles med en gjennomsnittlig bensindrevet bil, slik at kundene enklere kan relatere til og kvantifisere klimapåvirkningen du har hatt gjennom klimanøytral frakt. | Du kan merke av eller fjerne avmerkingen i avmerkingsboksen Visning av utslipp som er fjernet. |
| Vis nyvinninger med finansiering | Hvert abonnement bidrar til å finansiere ulike bedrifter og innovative løsninger. Avhengig av abonnementet ditt vil seksjonen for nyvinninger med finansiering vise eksempler på de ulike prosjektene som fjerner klimautslipp som du støtter. | Du kan merke av eller fjerne avmerkingen i avmerkingsboksen Visning av utslipp som er fjernet. |
Steg:
Klikk Innstillinger > Apper og salgskanaler fra Shopify-administrator.
Klikk Online store fra siden Apper og salgskanaler.
Klikk Åpne salgskanal.
Klikk på Temaer.
Klikk Tilpass i seksjonen Gjeldende tema.
Velg en side der du har lagt til Planet-merket, for eksempel Startside eller Handlekurv.
Velg appblokken Planet fra rullegardinmenyen i seksjonen Apper.
Legg til tilpasninger av Planet-merket.
Klikk på Lagre.
Legg til Planet-merket i et eldre eller egendefinert tema
Hvis du bruker et eldre eller et tilpasset tema, må du redigere temakoden manuelt for å legge til Planet-merket.
Steg:
Klikk Innstillinger > Apper og salgskanaler fra Shopify-administrator.
Klikk Planet fra siden Apper og salgskanaler.
Klikk Åpne app.
Klikk Legg til merke i seksjonen Visning av Planet-merke.
Kopier følgende kodesnutt:
<!-- Start of Shopify Planet code snippet --> <link href="https://cdn.shopify.com/shopifycloud/shopify-planet/bundles/latest/snippet.css" rel="stylesheet" type="text/css" media="all"> {%- assign CURRENT_DATE = "now" | date: "%Y-%m-%dT%H:%MZ" -%} {%- assign ACTIVE_UNTIL = shop.metafields.shopify-planet.active-until | date: "%Y-%m-%dT%H:%MZ" -%} <script src="https://cdn.shopify.com/shopifycloud/shopify-planet/bundles/latest/snippet.js" async></script> {% if CURRENT_DATE < ACTIVE_UNTIL or request.design_mode %} {% if block.settings.badgeMode != "buyer_contribution" %} <div class="shopify-planet-banner"> <img src="https://cdn.shopify.com/extensions/77a33867-106a-4608-bb7c-98fa40ed256a/0.25.0/assets/logo.png" alt="Carbon-neutral shipping with Shopify Planet" width="34" height="30" loading="lazy"> <div class="shopify-planet-banner-title-container"> <div class="shopify-planet-banner-title">All deliveries are carbon neutral</div> {% if shop.metafields.shopify-planet.impact-comms-linked %} <div class="shopify-planet-banner-subtitle-link"><a href="/pages/climate-commitment" target="_blank">More info</a></div> {% else %} <div class="shopify-planet-banner-subtitle">Powered by Shopify Planet</div> {% endif %} </div> </div> {% endif %} {% endif %} <!-- End of Shopify Planet code snippet -->-
Gå til en av følgende filer for å legge til merket:
- For å legge til merket på handlekurvsiden går du til templates/cart.liquid-filen
- For å legge til merket på produktsiden går du til templates/product.liquid-filen.
Lim inn kodebiten der du ønsker at merket skal vises, og klikk Lagre.
Klikk Forhåndsvis for å forhåndsvise hvordan merket vil vises i nettbutikken.