Sådan føjer du Planet-badget til din webshop
Hvis du vil fremhæve over for dine kunder, at dine ordrer er CO2-neutrale, kan du føje Planet-badgen til din webshop. Denne artikel guider dig gennem processen med at tilføje badgen og tilpasse udseendet.
På denne side
Overvejelser i forbindelse med tilføjelse af Planet-badgen
Gennemgå følgende overvejelser, før du føjer Planet-badgen til din webshop:
- Du skal have installeret Planet.
- Du skal have et aktivt abonnement på en Planet-abonnementsplan.
- Hvis du bruger et vintagetema, vil du ikke kunne tilpasse Planet-badgen.
Tilgængelige sprog
Du kan ikke anvende dine egne oversættelser på Planet-badget. Der er dog en liste over tilgængelige sprog, som Shopify-administratoren kan ændres til. Hvis du vil oversætte badgen med Planet-appen, skal du bruge et tema, der er kompatibelt med at sælge på flere sprog. Du kan ændre standardsproget for temaet og tilføje andre sprog, så kunderne kan vælge deres foretrukne sprog.
Føj Planet-badget til et Online Store 2.0-tema
Hvis du bruger et Online Store 2.0-tema, kan du føje Planet-badget til alle sider i webshoppen direkte fra temaeditoren.
Fremgangsmåde:
Klik på Indstillinger > Apps- og Salgskanaler i Shopify Admin.
Klik på Online storepå Apps- og salgskanalsiden.
Klik på Åbn salgskanal.
Klik på Temaer.
Klik på Tilpas i afsnittet Aktuelt tema.
Vælg den side, hvor du vil tilføje Planet-badget, f.eks. Startside eller Indkøbskurv.
-
Føj badget til et eksisterende eller nyt afsnit:
- Hvis du vil føje badget til et eksisterende afsnit, skal du klikke på Tilføj blok og derefter vælge Planet.
- Hvis du vil føje badget til et nyt afsnit, skal du klikke på Tilføj afsnit og derefter vælge Planet.
Klik på Gem.
Tilpasning af designet af Planet-badgen
Hvis du bruger et Online Store 2.0-tema, kan du også tilpasse udseendet af Planet-badgen direkte fra din temaeditor. Her er de attributter, som du kan tilpasse:
- baggrundsfarve og kant
- visning af Planet-logoet, afsnittet Med flere oplysninger, afsnittet Statistik og afsnittet Med finansiering
- badgestørrelse, margener og mål på afrunding i hjørner
Gennemgå følgende tabel for at få mere at vide om de forskellige badgeattributter for Planet, som du kan tilpasse:
| Attribut | Beskrivelse | Tilpasningsmuligheder |
|---|---|---|
| Planet-logo | Logoet for Planet vises som en lys, grøn cirkel med et mørkt blad ud til nederste højre side. Afhængigt af badgets størrelse vises logoet i venstre eller øverste venstre hjørne af badget. | Du kan markere eller fjerne markeringen af afkrydsningsfeltet Logo for Planet. |
| Link til flere oplysninger | Hvis du har konfigureret en indvirkningsside, kan du vise linket til flere oplysninger for at dirigere kunderne til din indvirkningsside. Afhængigt af badgets størrelse vises handlingen Mere info som et link til flere oplysninger i højre eller øverste højre hjørne af badgen. Hvis du ikke har konfigureret en indvirkningsside, vises teksten Drevet af Shopify Planet . | Du kan markere eller fjerne markeringen af afkrydsningsfeltet Vis afsnittet "Flere oplysninger". |
| Vis udledning fjernet | Vis fjernede udledninger viser den udledning i kg CO2, som du har fjernet fra luften via de projekter, du har understøttet via Planet. Vis udledninger, der er fjernet, viser også en sammenligning af miles, der er drevet af en gennemsnitlig benzin drevet bil, så dine kunder kan relatere til og sætte tal på den CO2-neutrale leveringsindvirkning, du har foretaget. | Du kan markere eller fjerne markeringen af afkrydsningsfeltet Vis fjernede udledninger. |
| Vis finansiering | Hver abonnementsplan hjælper med at finansiere forskellige virksomheder og innovative løsninger. Afhængigt af din abonnementsplan viser det afsnit, der er finansieret, eksempler på den type projekter, der fjerner UDLEDNING AF CO<a0/201>2<a2/eller 2<a2/2021/2020. | Du kan markere eller fjerne markeringen af afkrydsningsfeltet Vis fjernede udledninger. |
Fremgangsmåde:
Klik på Indstillinger > Apps- og Salgskanaler i Shopify Admin.
Klik på Online storepå Apps- og salgskanalsiden.
Klik på Åbn salgskanal.
Klik på Temaer.
Klik på Tilpas i afsnittet Aktuelt tema.
Vælg en side, hvor du har tilføjet Planet-badgen, som f.eks. Startside eller Indkøbskurv.
Åbn rullemenuen, og vælg appblokken Planet i afsnittet Apps.
Anvend tilpasninger af dine Planet-badges.
Klik på Gem.
Føj Planet-badgen til en vintage eller et tilpasset tema
Hvis du bruger en vintage eller et tilpasset tema, skal du redigere dit temas kode manuelt for at tilføje Planet-badgen.
Fremgangsmåde:
Klik på Indstillinger > Apps- og Salgskanaler i Shopify-administrator.
Fra siden Apps og salgskanaler, klik på Planet.
Klik på Åbn app.
Klik på Tilføj badge i afsnittet Visning af Planet-badge.
Kopiér følgende kodestykke:
<!-- 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 af følgende filer for at tilføje badget:
- Gå til filen templates/cart.liquid for at føje badget til din side med indkøbskurven.
- Gå til filen templates/product.liquid for at føje badget til din produktside.
Indsæt kodestykket dér, hvor du vil vise badget, og klik derefter på Gem.
Klik på Forhåndsvisning for at gennemgå, hvordan badget vises i din webshop.