Planet-tunnuksen lisääminen verkkokauppaasi
Jos haluat näyttää asiakkaille, että tilaukset ovat hiilineutraaleja, voit lisätä Planet-tunnuksen verkkokauppaasi. Tämä artikkeli ohjaa sinut tunnuksen lisäämistä ja sen ulkoasun mukauttamista koskevan prosessin läpi.
Tällä sivulla
Huomioitavaa Planet-tunnuksen lisäämisestä
Ennen kuin lisäät Planet-tunnuksen verkkokauppaasi, tarkista seuraavat seikat:
- Sinulla täytyy olla Planet asennettuna.
- Sinulla täytyy olla Planet-tilaussopimuksen aktiivinen tilaus.
- Jos käytät vanhaa teemaa, et voi mukauttaa Planet-tunnusta.
Käytettävissä olevat kielet
Et voi käyttää omia käännöksiäsi Planet-tunnuksessa. Saatavilla on kuitenkin luettelo käytettävissä olevista kielistä, joihin Shopify-ylläpitäjä voidaan vaihtaa. Jotta voit kääntää Planet-sovelluksen tunnuksen, sinun on käytettävä teemaa, joka on yhteensopiva useilla kielillä tapahtuvan myynnin kanssa. Voit vaihtaa teeman oletuskieltä ja lisätä muita kieliä, jotta asiakkaat voivat valita haluamansa kielen.
Planet-tunnuksen lisääminen Online Store 2.0 -teemaan
Jos käytät Online Store 2.0 -teemaa, voit lisätä Planet-merkin mille tahansa verkkokauppasi sivulle suoraan teemaeditorista.
Tee näin:
Valitse Shopify Adminissa Asetukset > Sovellukset ja myyntikanavat.
Klikkaa Sovellukset ja myyntikanavat -sivulla Online store.
Klikkaa Avaa myyntikanava.
Klikkaa Teemat.
Klikkaa Nykyinen teema -osiossa Mukauta.
Valitse sivu, jolle haluat lisätä Planet-merkin. Voit lisätä sen esimerkiksi etusivulle tai ostoskoriin.
-
Lisää tunnus olemassa olevaan tai uuteen osioon:
- Jos haluat lisätä tunnuksen olemassa olevaan osioon, klikkaa Lisää lohko ja valitse sitten Planet.
- Jos haluat lisätä tunnuksen uuteen osioon, klikkaa Lisää osio ja valitse sitten Planet.
Klikkaa Tallenna.
Planet-tunnuksen ulkoasun mukauttaminen
Jos käytät Online Store 2.0 -teemaa, voit mukauttaa myös Planet-tunnuksen ulkoasua suoraan teemaeditorista. Voit mukauttaa näitä ominaisuuksia:
- taustaväri ja reunaviiva
- Planet-logon, lisätietoja-osion, tilasto-osion ja rahoitetut innovaatiot -osion näyttäminen
- tunnuksen koko, reunukset ja kulmien pyöristysmitat
Seuraavassa taulukossa on lisätietoja erilaisista Planet-tunnuksen ominaisuuksista, joita voit mukauttaa:
| Ominaisuus | Kuvaus | Mukautusvaihtoehdot |
|---|---|---|
| Planet-logo | Planet-logo on vaaleanvihreä ympyrä, jonka alaosassa oikealla on tumma lehti. Tunnuksen koosta riippuen logo näkyy tunnuksen vasemmassa reunassa tai vasemmassa yläkulmassa. | Voit valita Planet-logo-valintaruudun tai poistaa sen valinnan. |
| Lisätietoja-linkki | Jos olet luonut Vaikutus-sivun, voit näyttää lisätietoja-linkin ohjataksesi asiakkaat sivulle. Tunnuksen koosta riippuen lisätietoja-toimintakehotus näkyy Lisätietoja-linkkinä tunnuksen oikeassa reunassa tai oikeassa yläkulmassa. Jos et ole luonut Vaikutus-sivua, näkyviin tulee teksti Shopify Planetin teknologialla. | Voit valita Näytä ”Lisätietoja”-osio -valintaruudun tai poistaa sen valinnan. |
| Näytä poistetut päästöt | Näytä poistetut päästöt -kohdassa näkyy kg-arvona niiden hiilidioksidipäästöjen määrä, jotka olet poistanut ilmasta Planetilla tukemillasi projekteilla. Näytä poistetut päästöt -kohdassa näkyy myös vertailu keskiverrolla bensiinikäyttöisellä autolla ajetuista maileista, jotta asiakkaasi voivat suhteuttaa ja arvioida määrällisesti tekemäsi hiilineutraalin toimituksen vaikutuksen. | Voit valita Näytä poistetut päästöt -valintaruudun tai poistaa sen valinnan. |
| Näytä rahoitetut innovaatiot | Kukin tilaussopimus on mukana erilaisten yritysten ja innovatiivisten ratkaisujen rahoituksessa. Tilaussopimuksestasi riippuen rahoitetut innovaatiot -osio sisältää esimerkkejä tukemiesi hiilidioksidipäästöjen poistoprojektien tyypeistä. | Voit valita Näytä poistetut päästöt -valintaruudun tai poistaa sen valinnan. |
Tee näin:
Valitse Shopify Adminissa Asetukset > Sovellukset ja myyntikanavat.
Klikkaa Sovellukset ja myyntikanavat -sivulla Online store.
Klikkaa Avaa myyntikanava.
Klikkaa Teemat.
Klikkaa Nykyinen teema -osiossa Mukauta.
Valitse sivu, jolle olet lisännyt Planet-tunnuksen, kuten etusivu tai ostoskori.
Valitse Sovellukset-osion pudotusvalikosta Planet-sovelluslohko.
Käytä Planet-tunnuksen mukauttamisia.
Klikkaa Tallenna.
Planet-tunnuksen lisääminen vanhaan tai mukautettuun teemaan
Jos käytät vanhaa tai mukautettua teemaa, sinun on muokattava teeman koodia manuaalisesti, jotta voit lisätä Planet-tunnuksen.
Tee näin:
Valitse Shopify Adminissa Asetukset > Sovellukset ja myyntikanavat.
Klikkaa Sovellukset ja myyntikanavat -sivulla Planet.
Klikkaa Avaa sovellus.
Klikkaa Planet-tunnuksen näyttö -osiossa Lisää tunnus.
Kopioi seuraava koodinpätkä:
<!-- 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 -->-
Siirry johonkin seuraavista tiedostoista ja lisää tunnus:
- Jos haluat lisätä tunnuksen ostoskorisivullesi, siirry templates/cart.liquid -tiedostoon.
- Jos haluat lisätä merkin tuotesivullesi, siirry templates/product.liquid -tiedostoon.
Liitä koodinpätkä kohtaan, jossa haluat tunnuksen näkyvän, ja klikkaa sitten Tallenna.
Tarkista, miten tunnus näkyy verkkokaupassasi klikkaamalla Esikatselu.