Veelvoorkomende checkout-aanpassingen met Checkout Blocks

Er zijn veel manieren om je checkoutpagina aan te passen met Checkout Blocks. Deze pagina bevat beknopte gidsen voor enkele veelvoorkomende checkout-aanpassingen met Checkout Blocks.

Verschillende kortingsniveaus voor verzending maken op basis van de waarde van de winkelwagen

Je kunt verschillende kortingsniveaus voor verzending maken, zoals '50% korting bij bestellingen van meer dan € 50,-' en 'gratis verzending bij bestellingen van meer dan € 100,-'. Je kunt dan meerdere automatische verzendkortingen maken op basis van de Subtotaal van winkelwagen-regel. De hoogste verzendkorting is van toepassing voor checkouts die voldoen aan de criteria voor meerdere kortingen.

Stappen:

1. Ga in het Shopify-beheercentrum naar Apps > Checkout Blocks.
2. Klik op Kortingen > Korting toevoegen > Kortingsbedrag op verzending.
3. Selecteer in de sectie Kortingsbedrag op verzending de optie Automatische korting en voeg je bericht voor de korting toe (bijvoorbeeld 50% korting bij bestellingen boven € 50,-).

4. Maak aangepaste kortingsregels in de sectie Kortingsconfiguratie:

   1. Selecteer in de vervolgkeuzelijst Kortingswaarde de optie Percentage en voeg dan 50% toe.
   2. Configureer de regels in de sectie Kortingsregels:
      1. Klik op ⊕ Regel toevoegen.
      2. Configureer de regel als volgt: Cart subtotal > Is greater than or equal to > 50.00.

5. Optioneel: Je kunt de volgende opties configureren:

   • Bezorgopties: geef hier op voor welke bezorgopties de korting van toepassing is. Wanneer je specifieke opties selecteert, kun je de opties per titel, prijs of bezorgtype toepassen.
   • Combinaties: hiermee kun je klanten toestaan de kortingscode te combineren met een product- of bestelkorting.
   • Actieve datums: hier geef je op wanneer de korting begint en eindigt.

6. Loop de kortingsgegevens in de sectie Overzicht nog eens na om te bevestigen dat ze juist zijn ingesteld.

7. Klik op Opslaan.

8. Ga in het Shopify-beheercentrum terug naar Apps > Checkout Blocks.

9. Klik op Kortingen > Korting toevoegen > Kortingsbedrag op verzending.

10. Selecteer in de sectie Kortingsbedrag op verzending de optie Automatische korting en voeg daarna je kortingsbericht toe (bijvoorbeeld Gratis verzending bij bestellingen vanaf € 100,-).

11. Maak aangepaste kortingsregels in de sectie Kortingsconfiguratie:

    1. Selecteer in de vervolgkeuzelijst Kortingswaarde de optie Gratis verzending.
    2. Configureer de regels in de sectie Kortingsregels:
       1. Klik op ⊕ Regel toevoegen.
       2. Configureer de regel als volgt: Cart subtotal > Is greater than or equal to > 100.00.

12. Optioneel: Je kunt de volgende opties configureren:

    • Bezorgopties: geef hier op voor welke bezorgopties de korting van toepassing is. Wanneer je specifieke opties selecteert, kun je de opties per titel, prijs of bezorgtype toepassen.
    • Combinaties: hiermee kun je klanten toestaan de kortingscode te combineren met een product- of bestelkorting.
    • Actieve datums: hier geef je op wanneer de korting begint en eindigt.

13. Loop de kortingsgegevens in de sectie Overzicht nog eens na om te bevestigen dat ze juist zijn ingesteld.

14. Klik op Opslaan.

De tekst van 'OR' onder methoden voor versnelde checkout wijzigen

Je kunt een blok met pictogrammen voor verzending en betaling onder de scheidslijn met ---- OR ---- onder de opties voor versnelde checkout-betalingen plaatsen en daarna de tekst voor 'OR' naar wens wijzigen. Je kunt bijvoorbeeld 'Geaccepteerde betaalmethoden' of 'Ondersteunde bezorgdiensten' invoeren.

Stappen:

1. Maak en configureer een pictogrammenblok voor verzending en betalingen in de checkout- en accounteditor.
2. Sleep het pictogrammenblok Verzending en Betalingen naar een positie onder de sectie Digitale portemonnees.
3. Ga in het Shopify-beheercentrum naar Webshop >Thema's.
4. Klik in het live-thema op ... > Content van standaardthema bewerken.
5. Gebruik de zoekbalk om op de term alternatief te zoeken.
6. In de banner met alternatieve betaalmethoden voor de checkout voer je in het veld Of je aangepaste tekst in.
7. Klik op Opslaan.

Een bericht weergeven onder bepaalde verzendmethoden

Je kunt het dynamische contentblok gebruiken om bij de checkout een bericht weer te geven onder bepaalde verzendmethoden.

Als je bijvoorbeeld de verzendtarieven Standaard, Express en Internationaal express aanbiedt, kun je onder de internationale verzendoptie een bericht weergeven dat aangeeft dat douanerechten niet zijn inbegrepen bij de verzendtarieven.

Stappen:

1. Klik in het Shopify-beheercentrum op Apps > Checkout Blocks.
2. Klik op Blokken en daarna op Blok maken.
3. Klik op Dynamische content.
4. Typ in de sectie Bloknaam een naam voor het blok. Klanten krijgen deze niet te zien.
5. Stel in de sectie Appblok-ID de ID in als Dynamisch of pas een specifiek ID-nummer toe. Hier vind je meer informatie over appblok-ID's.

6. Configureer in de sectie Weergaveregels de weergaveregels van het blok zo dat ze alleen worden weergegeven wanneer de desbetreffende verzendmethode wordt vermeld. In dit voorbeeld is de regel zo geconfigureerd dat deze onder Internationaal express wordt weergegeven:

   1. Klik op ⊕ Weergaveregel toevoegen.
   2. Selecteer in het dialoogvenster Een regel selecteren de titel van de verzendmethode.
   3. Configureer de regel als Bevat > Internationaal.

7. In de sectie Content voeg je de content van het blok toe en pas je deze aan:

   1. Klik in de sectie Content-items op ⊕ Content-item toevoegen en selecteer Tekst.
   2. Typ een kort bericht in het dialoogvenster 'Content-item', bijvoorbeeld Er kunnen extra kosten voor douanerechten zijn en klik tot slot op Gereed.

8. Optioneel: Klik in de sectie Publiceren op het potloodpictogram om de markten en checkoutpagina's te selecteren waarin je het blok wil weergeven.

9. Klik op Opslaan en zet de status van het blok op Actief.

10. Open de checkout- en accounteditor en voeg in de sectie Verzendtarief van de checkout het dynamische blok toe.

11. Klik op Opslaan.

Een aangepast veld toevoegen aan de pakbon

Met Checkout Blocks kan je winkel klantgegevens verzamelen met behulp van een blok voor aangepaste velden. Deze gegevens sla je op in een bestellingsmetaveld.

Stappen:

1. Maak in Checkout Blocks een blok voor aangepaste velden en configureer dit. Configureer het blok zo dat het wordt opgeslagen als een Bestellingsmetaveld.
2. Ga in je Shopify-beheercentrum naar Instellingen > Verzending en bezorging.
3. Klik in de sectie Pakbonnen op Pakbontemplate.
4. In de template voeg je op de plek waar je de waarde van het aangepaste veld wil weergeven de volgende coderegel toe, waarbij je key vervangt door de sleutel van het aangepaste veld:

{{ order.metafields.checkoutblocks.key }}

1. Optioneel: Als je de waarde van het aangepaste veld onder voorwaarden wil weergeven, kun je de content tussen een Liquid-if/else-uitdrukking plaatsen, afhankelijk van je voorwaarden.
2. Klik op Opslaan.

Je kunt meerdere sleutelwaarden voor het aangepaste veld gebruiken in de pakbontemplate. Met deze code geef je bijvoorbeeld het inkoopordernummer van een bestelling weer (metaveld met po als sleutel), maar alleen als de klant akkoord is gegaan met de voorwaarden van de bestelling (metaveld met agree_to_terms als sleutel):

{% if order.metafields.checkoutblocks.agree_to_terms %}
    PO #{{ order.metafields.checkoutblocks.po }}
{% endif %}

Een aangepast veld voor een bestelling aan het profiel van een klant toevoegen

Met de Shopify Flow-app kun je bestelgegevens synchroniseren die zijn vastgelegd via aangepaste veldblokken.

Je kunt een voorbeeld van een .flow-bestand downloaden om een metaveldwaarde voor birth_date aan een klantprofiel toe te voegen. Pas de waarden van deze template aan de aangepaste veldsleutels die je wil toevoegen aan.

Stappen:

1. Maak in Checkout Blocks een blok voor aangepaste velden en configureer dit. Configureer het blok zo dat het wordt opgeslagen als een Bestellingsmetaveld.

2. Stel in Shopify Flow een aangepaste workflow in die moet worden uitgevoerd wanneer een bestelling wordt geplaatst:

   1. Klik op Workflow maken > Een trigger selecteren.
   2. Selecteer Shopify > Bestelling gemaakt.
   3. Klik in de trigger op Daarna ⊕ > Voorwaarde.
   4. Klik op Een variabele toevoegen en selecteer daarna Bestelling > metavelden > sleutel.
   5. Voeg in het veld Sleutel de sleutel voor het aangepaste veld in dat je aan het klantprofiel wil toevoegen, bijvoorbeeld birth_date.
   6. Klik op de voorwaarde op Daarna ⊕ > Actie.
   7. Klik op Shopify > Klantmetaveld bijwerken.

3. Voer in de sectie Klantmetaveld bijwerken de volgende gegevens in:

   1. Naamruimtemetaveld: het metaveld dat je wil toevoegen, bijvoorbeeld personal_info.
   2. Sleutel: de metaveldsleutel, bijvoorbeeld dob.
   3. Type: het type waarde dat je wil opnemen, bijvoorbeeld Datum.
   4. Waarde:

{% assign dob_key = "birth_date" %}
{% for metafields_item in order.metafields %}
{% if metafields_item.key == dob_key %}
    {{metafields_item.value}}
{% endif %}
{% endfor %}

Wanneer je flow voltooid is, klik je op Workflow inschakelen om deze te activeren.