De Planet-badge toevoegen aan je onlinewinkel
Als je aan je klanten wil laten zien dat bestellingen bij jou CO2-neutraal zijn, kun je de Planet-badge toevoegen aan je webshop. In dit artikel lees je hoe je de badge toevoegt en hoe je het uiterlijk ervan aanpast.
Op deze pagina
Aandachtspunten bij het toevoegen van de Planet-badge
Lees de volgende aandachtspunten voordat je de Planet-badge aan je onlinewinkel toevoegt:
- Planet moet geïnstalleerd zijn.
- Je hebt een actief abonnement op een Planet-abonnement nodig.
- Als je een vintage thema gebruikt, kun je de Planet-badge niet aanpassen.
Beschikbare talen
Je kunt je eigen vertalingen niet gebruiken voor de Planet-badge. Er is wel een lijst met beschikbare talen die je voor het Shopify-beheercentrum kunt instellen. Als je de Planet-app-badge wilt vertalen, gebruik je een thema dat geschikt is voor verkopen in meerdere talen. Je kunt de taal van het standaardthema wijzigen en andere talen toevoegen, zodat klanten hun voorkeurstaal kunnen selecteren.
De Planet-badge toevoegen aan een Online Store 2.0-thema
Als je een Online Store 2.0-thema gebruikt, kun je de Planet-badge rechtstreeks vanuit je themabewerker toevoegen aan elke pagina van je onlinewinkel.
Stappen:
Klik in het Shopify-beheercentrum op Instellingen > Apps en verkoopkanalen.
Klik op de pagina Apps en verkoopkanalen op Online store.
Klik op Verkoopkanaal openen.
Klik op Thema's:
Klik in het gedeelte Huidig thema op Aanpassen.
Selecteer de pagina waarop je de Planet-badge wilt toevoegen, zoals de Homepage of Winkelwagen.
-
Voeg de badge toe aan een bestaande of nieuwe sectie:
- Als je de badge aan een bestaande sectie wilt toevoegen, klik je op Blok toevoegen en selecteer je Planet.
- Als je de badge aan een nieuwe sectie wilt toevoegen, klik je op Sectie toevoegen en selecteer je Planet.
Klik op Opslaan.
Het ontwerp van de Planet-badge aanpassen
Als je een onlinewinkel 2.0-thema gebruikt, kun je het uiterlijk van de Planet-badge ook rechtstreeks vanuit je themabewerker aanpassen. Dit zijn de attributen die je kunt aanpassen:
- achtergrondkleur en rand;
- weergave van het Planet-logo, meer informatie over het gedeelte, het gedeelte met scherm en financiering van de financierde projecten
- afmetingen voor badges, marges en afrondingshoeken
In de volgende tabel vind je meer informatie over de verschillende kenmerken van de Planet-badge die je kunt aanpassen:
Attribuut | Beschrijving | Aanpassingsopties |
---|---|---|
Planet-logo | Het Planet-logo wordt weergegeven als een lichtgroene cirkel met een donker blad aan de onderkant rechts. Afhankelijk van de grootte van de badge wordt het logo links of linksboven in de hoek van de badge weergegeven. | Je kunt het selectievakje Planet-logo aan- of uitvinken. |
Meer info-link | Als je een Impact-pagina hebt ingesteld, kun je de Meer informatie-link tonen om klanten naar je Impact-pagina te leiden. Afhankelijk van de grootte van de badge, wordt de call to action om meer informatie als een Meer informatie-link rechts of rechtsboven in de hoek van de badge weergegeven. Als je geen Impact-pagina hebt ingesteld, wordt de tekst Powered by Shopify Planet weergegeven. | Je kunt het selectievakje 'Meer informatie' tonen aan- of uitvinken. |
'Emissies verwijderd' weergeven | Geeft de hoeveelheid verwijderde CO2-uitstoot in kilogrammen weer die je uit de lucht hebt gehaald door de projecten die je met Planet hebt gesteund. Als je weergeeft hoeveel uitstoot is verwijderd, zie je ook een vergelijking met het aantal kilometers dat een gemiddelde benzine-auto heeft afgelegd, zodat je klanten de CO2-neutrale impact van de verzending in cijfers kunnen zien. | Je kunt het selectievakje 'Emissies verwijderd' weergeven aan- of uitvinken. |
'Gefinancierde innovatie' weergeven | Elk abonnement draagt bij aan de financiering van verschillende bedrijven en innovatieve oplossingen. Afhankelijk van je abonnementenpakket, worden in de sectie 'Gefinancierde innovaties' voorbeelden getoond van de soorten projecten voor verwijdering van CO2-uitstoot die je daarmee steunt. | Je kunt het selectievakje 'Emissies verwijderd' weergeven aan- of uitvinken. |
Stappen:
Klik in het Shopify-beheercentrum op Instellingen > Apps en verkoopkanalen.
Klik op de pagina Apps en verkoopkanalen op Online store.
Klik op Verkoopkanaal openen.
Klik op Thema's:
Klik in het gedeelte Huidig thema op Aanpassen.
Selecteer een pagina waarop je de Planet-badge hebt toegevoegd, zoals de homepage of Winkelwagen.
Selecteer in de vervolgkeuzelijst in de sectie Apps het blok voor de Planet-app.
Voer de aanpassingen van je Planet-badge uit.
Klik op Opslaan.
De Planet-badge aan een vintage thema of een aangepast thema toevoegen
Als je een aangepast thema gebruikt, moet je de code van je thema handmatig bewerken om de Planet-badge toe te voegen.
Stappen:
Klik in het Shopify-beheercentrum op Instellingen > Apps en verkoopkanalen.
Klik op de pagina Apps en verkoopkanalen op Planet.
Klik op App openen.
Klik in het gedeelte van de Planet-badgeweergave op Badge toevoegen.
Kopieer het volgende codefragment:
-
Ga naar een van de volgende bestanden om de badge toe te voegen:
- Ga naar het bestand templates/cart.liquid om de badge aan je winkelwagenpagina toe te voegen.
- Ga naar het bestand templates/product.liquid om de badge aan je productpagina toe te voegen.
Plak het codefragment op de plaats waar je de badge wilt laten zien en klik op Opslaan.
Klik op Voorbeeld om te zien hoe de badge wordt weergegeven in je onlinewinkel.