Lägga till Planet-märket i din webbshop
Om du vill visa för dina kunder att dina ordrar är koldioxidneutrala så kan du lägga till Planet-märket i din webbshop. Den här artikeln tar dig genom processen med att lägga till märket och anpassa dess utseende.
På den här sidan
Överväganden när du lägger till Planet-märket
Granska följande överväganden innan du lägger till Planet-märket i din webbshop:
- Du måste ha Planet installerad.
- Du måste ha en aktiv prenumeration på en Planet-prenumerationsplan.
- Om du använder ett vintagetema kan du inte anpassa Planet-märket.
Tillgängliga språk
Du kan inte tillämpa din egen översättning på Planet-märket. Det finns dock en lista över tillgängliga språk som Shopify-admin kan ändras till. För att översätta Planets app-bricka måste du använda ett tema som är kompatibelt med att sälja på flera språk. Du kan ändra standardtemaspråket och lägga till andra språk så att kunder kan välja önskat språk.
Lägger till Planet-märket i ett Online Store 2.0-tema
Om du använder ett tema för Online Store 2.0 kan du lägga till Planet-märket på vilken sida som helst i din webbshop direkt från din temaredigerare.
Steg:
Klicka på Inställningar > Appar och försäljningskanaler från din Shopify-admin.
På sidan Appar och försäljningskanaler klickar du på Online store.
Klicka på Öppna försäljningskanal.
Klicka på Teman.
I avsnittet Nuvarande tema klickar du på Anpassa.
Välj den sida där du vill lägga till Planet-märket, till exempel Startsida eller Varukorg.
-
Lägg till märket till ett befintligt eller nytt avsnitt:
- Om du vill lägga till märket till ett befintligt avsnitt klickar du på Lägg till block och väljer sedan Planet.
- Klicka på Lägg till avsnitt och välj sedan Planet för att lägga till märket i ett nytt avsnitt.
Klicka på Spara.
Anpassa utformningen av Planet-märket
Om du använder ett Online Store 2.0 så kan du även anpassa utseendet på Planet-märket direkt från din temaredigerare. Du kan anpassa dessa attribut:
- bakgrundsfärg och kantlinje
- visning av Planet-logotypen, mer informationsavsnitt, statistikavsnitt och avsnitt med finansierade innovationer
- märkets storlek, marginaler och mått på avrundning av hörn
Granska följande tabell för att lära dig mer om de olika attributen för Planet-brickan som du kan anpassa:
| Attribut | Beskrivning | Anpassningsalternativ |
|---|---|---|
| Logotyp för Planet | Planet-logotypen är försedd med en ljusgrön cirkel med ett mörkt blad nere till höger. Logotypen visas till vänster eller högst upp till vänster på brickan, beroende på storleken på brickan. | Du kan markera eller avmarkera kryssrutan för Planet-logotypen. |
| Ytterligare informationslänk | Om du har ställt in en Impact-sida kan du visa länken för mer information för att hänvisa kunder till din Impact-sida. Beroende på storleken på brickan visas uppmaningen till mer information som uppmanar till handling som en Mer info-länk till höger eller högst upp i högra hörnet på brickan. Om du inte har ställt in en Impact-sida visas texten Powered by Shopify Planet. | Du kan markera eller avmarkera kryssrutan för att visa avsnittet "Mer information". |
| Visa utsläpp borttagna | Visa borttagna utsläpp visar hur mycket koldioxidutsläpp i kg du har tagit bort från luften genom de projekt som du har stöttat genom Planet. Visa borttagna utsläpp visar också en jämförelse av miles som körs av en genomsnittlig bensinbaserad bil så att dina kunder kan relatera till och kvantifiera de koldioxidneutrala leveranseffekterna som du har gjort. | Du kan markera eller avmarkera kryssrutan Visa borttagna utsläpp. |
| Visa innovationer som har finansierats | Varje prenumerationsplan hjälper till att finansiera olika företag och innovativa lösningar. Beroende på din prenumerationsplan kommer avsnittet för innovationer som finansierats att visa exempel på vilka typer av projekt som tar bort koldioxidutsläpp som du stödjer. | Du kan markera eller avmarkera kryssrutan Visa borttagna utsläpp. |
Steg:
Klicka på Inställningar > Appar och försäljningskanaler från din Shopify-admin.
På sidan Appar och försäljningskanaler klickar du på Online store.
Klicka på Öppna försäljningskanal.
Klicka på Teman.
I avsnittet Nuvarande tema klickar du på Anpassa.
Välj en sida där du har lagt till Planet-brickan, till exempel Startsida eller Varukorg.
Välj appblocket Planet i rullgardinsmenyn i App-avsnittet.
Tillämpa anpassningar av ditt Planet-märke.
Klicka på Spara.
Lägger till Planet-märket till ett vintage- eller specialtema
Om du använder en vintagetema eller ett anpassat tema så måste du redigera temats kod manuellt för att kunna lägga till Planet-märket.
Steg:
Klicka på Inställningar > Appar och försäljningskanaler från din Shopify-admin.
På sidan Appar och försäljningskanaler klickar du på Planet.
Klicka på Öppna app.
I visningsavsnittet för Planet-märket klickar du på Lägg till märke.
Kopiera följande kodfragment:
<!-- 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å till en av följande filer för att lägga till märket:
- Gå till templates /cart.liquid-filen för att lägga till märket på din varukorgssida.
- Gå till templates /product.liquid-filen för att lägga till märket på din produktsida.
Klistra in kodfragmentet där du vill att märket ska visas och klicka sedan på Spara.
Klicka på Förhandsgranskning för att granska hur märket visas i din webbshop.