Overzicht van blokken voor het aanpassen van je checkout met Checkout Blocks

Blokken in de Checkout Blocks-app, gebouwd met UI-extensies, helpen je de checkout aan te passen door blokken te bieden die je rechtstreeks naar de editor voor checkout en accounts kunt slepen en neerzetten. Sommige bloktypen voegen visuele aanpassingselementen toe aan je checkout, zoals informatie- en waarschuwingsbanners of berichten bij orderregels. Andere bloktypen voegen interactieve elementen toe aan je checkout, zoals variant- of hoeveelheidskiezers voor orderregels, of selectievakjes of tekstvelden waar klanten aanvullende informatie kunnen selecteren of invoeren.

Checkout Blocks kan tot 30 actieve blokken per bloktype ondersteunen. Je kunt maximaal 30 aangepaste velden, 30 dynamische contentblokken of andere typen blokken tegelijk hebben. Je kunt meer dan 30 blokken aanmaken, maar alleen de eerste 30 actieve blokken worden weergegeven in de checkout.

Welke blokken in de checkout worden weergegeven, is afhankelijk van de weergavels die je op het blok hebt toegepast, de volgorde waarin blokken prioriteit krijgen, en of er een blok-ID wordt gebruikt om een specifiek blok altijd op een specifieke locatie weer te geven.

Op deze pagina

Beschikbare blokken in Checkout Blocks

Checkout Blocks ondersteunt meerdere soorten blokken. Het bloktype is afhankelijk van het type content dat je aan je checkout wilt toevoegen, of je voorwaardelijke weergavevoorwaarden wilt toevoegen en aan welke pagina's je het blok wilt toevoegen.

Sommige blokken kunnen vanwege hun functie niet aan bepaalde checkoutpagina's worden toegevoegd. Een blok met een aangepast veld vereist bijvoorbeeld dat een klant aanvullende informatie invoert, zoals het toevoegen van een aangepaste notitie of het aanvinken van een selectievakje. Deze informatie moet worden vastgelegd voordat de bestelling is voltooid, dus het aangepaste veld kan niet worden toegevoegd aan post-purchasepagina's, zoals de bedankpagina of de bestelstatuspagina.

Tabel met de beschikbare blokken in Checkout Blocks, inclusief de checkoutpagina's waarop ze worden ondersteund en een korte beschrijving van elk blok.
Blok	Ondersteunde pagina's	Beschrijving
Adresblokkering	Checkout	De checkout blokkeren op basis van regels voor de adresindeling.
Aangepast veld	Checkout	Aangepaste velden in de checkout opnemen, zoals een selectievakje om akkoord te gaan met de voorwaarden of een veld voor een cadeaubericht.
Dynamische content	Checkout Bedankpagina Bestelstatuspagina	Toon content zoals tekst, banners en knoppen op basis van voorwaardelijke regels die je instelt. Dit blok is beschikbaar voor merchants met het Basic Shopify-abonnement of hoger en kan alleen worden geplaatst op de Bedankt- en bestelstatuspagina's. Plaatsing op checkoutpagina's vereist Shopify Plus.
Orderregel bewerken	Checkout Bedankpagina Bestelstatuspagina	Klanten toestaan orderregels in het besteloverzicht van de checkout te bewerken, zoals het opnemen van een variant- of hoeveelheidskiezer. Fungeert ook als een container voor orderregelcontent.
Orderregelcontent	Checkout Bedankpagina Bestelstatuspagina	Specifieke berichten voor orderregels weergeven, zoals `Definitieve verkoop`.
Pictogrammen voor verzending en betaling	Checkout	Pictogrammen voor ondersteunde verzend- en betaalmethoden weergeven.
Statische content	Checkout Bedankpagina Bestelstatuspagina	In tegenstelling tot dynamische contentblokken wordt deze content weergegeven aan alle klanten en ondersteunt deze tekst en banners. Dit blok is beschikbaar voor merchants met het Basic Shopify-abonnement of hoger en kan alleen worden geplaatst op de Bedankt- en bestelstatuspagina's. Plaatsing op checkoutpagina's vereist Shopify Plus.

Meer informatie over het aanmaken van blokken.

Blok-analytics

Elk actief blok heeft Views-analytics die bovenaan de pagina met blokgegevens in de Checkout Blocks-app worden weergegeven. Deze analytics houden bij hoe vaak het blok in de checkout is weergegeven.

Standaard geeft het blok analytics weer voor Vandaag, maar je kunt op de vervolgkeuzelijst met datums klikken en de datumkiezer gebruiken om analytics voor specifieke dagen of datumbereiken te bekijken.

Klik op > Analytics opnieuw instellen om analytics voor het blok opnieuw in te stellen. Dit kan niet ongedaan worden gemaakt.

Weergavevoorwaarden voor blokken

Bij veel bloktypen, zoals blokken voor dynamische content en aangepaste velden, kun je voorwaarden instellen die bepalen aan welke omstandigheden moet worden voldaan om je checkoutblok in de checkout weer te geven. Je kunt meerdere weergavevoorwaarden per blok instellen en je kunt ook bepalen of aan alle voorwaarden of aan slechts één voorwaarde moet worden voldaan om het blok weer te geven.

De syntaxis van de weergavevoorwaarde varieert afhankelijk van het type blok dat je bouwt, maar over het algemeen worden voorwaarden opgebouwd met de volgende elementen, in de aangegeven volgorde, indien van toepassing:

De categorie van de voorwaarde, zoals Producttype of Winkelwagentotaal.
De logische operator, zoals Is, Is niet, Is groter dan, Bevat of Eindigt op.
De parameter die de specifieke waarde definieert die je wilt, zoals Jurken of 50,00.

Om bijvoorbeeld een banner weer te geven aan klanten die veel uitgeven en hen te vragen een account aan te maken, kun je een blok bouwen met de volgende weergavevoorwaarden:

Alleen weergeven wanneer: Aan alle voorwaarden is voldaan
Winkelwagentotaal > Is groter dan of gelijk aan > USD > 100,00
Klant is ingelogd > Onwaar

Volgens deze set weergavevoorwaarden wordt je banner alleen weergegeven wanneer de klant 100 USD of meer heeft uitgegeven en nog niet is ingelogd op een klantaccount. De banner wordt niet weergegeven wanneer klanten zijn ingelogd en ook niet wanneer klanten de drempel van 100 USD niet bereiken.

Blok-ID's

Sommige bloktypen, zoals aangepast veld of dynamische content, bieden de optie om een Blok-ID op te geven. Standaard is een blok-ID van 0 geselecteerd.

Met een blok-ID kun je verschillende blokken van hetzelfde type toevoegen in verschillende secties van de checkout. Je kunt het checkoutblok in de editor zien als een tijdelijke aanduiding, die meerdere mogelijke blokken kan laden, afhankelijk van de weergavevoorwaarden die je binnen het blok configureert. Je kunt tot 10 verschillende blok-'tijdelijke aanduidingen' toevoegen aan elke checkoutpagina.

Voorbeeld 1: Gebruik verschillende blok-ID's om verschillende locaties op te geven voor verschillende blokken van hetzelfde type.

Je wilt een verplicht selectievakje weergeven in het hoofdgedeelte van de content, maar met een optionele cadeaunotitie in de zijbalk. Beide blokken gebruiken het bloktype aangepast veld, dus je kunt het blok Aangepast veld twee keer toevoegen in de checkout- en accounteditor en elk blok plaatsen waar je het wilt weergeven. Je moet echter kunnen instellen welk specifiek blok op welke locatie komt.

Je kunt aan het verplichte selectievakje blok-ID 1 toewijzen en aan de optionele cadeaunotitie blok-ID 2. In de checkout- en accounteditor stel je vervolgens het blok Aangepast veld in het hoofdgedeelte van de content in op blok-ID 1 om het verplichte selectievakje weer te geven. Het blok Aangepast veld in de zijbalk stel je in op blok-ID 2 om de optionele cadeaunotitie weer te geven.

Voorbeeld 2: Gebruik dezelfde blok-ID om één locatie op te geven voor blokken van hetzelfde type met verschillende weergayeregels.

Je biedt 3 automatische verzendkortingen:

een korting van 10% op bestellingen boven 25 USD
een korting van 25% op bestellingen boven 50 USD
gratis verzending op bestellingen boven 100 USD

Om klanten aan te moedigen meer aan hun winkelwagen toe te voegen voordat ze hun bestelling afronden, wil je een dynamische banner toevoegen in het gedeelte Verzendmethode van de checkout. De banner spoort klanten aan meer toe te voegen op basis van de verzendkorting waarvoor ze bijna in aanmerking komen.

Je kunt 3 dynamische contentblokken instellen die allemaal dezelfde blok-ID hebben, zoals 6:

Tabel met drie voorbeelden van dynamische contentblokken en hun bijbehorende weergayeregels en content.
Bloknaam	Weergayeregel	Bannercontent
Verzendniveau 1	Totaal winkelwagen > Is minder dan > $ 25,00	‘Je winkelwagen komt in aanmerking voor een verzendkorting van 10% als je 25 USD of meer besteedt.’
Verzendniveau 2	Totaal winkelwagen > Is minder dan > $ 50,00	‘Je winkelwagen komt in aanmerking voor een verzendkorting van 25% als je 50 USD of meer besteedt.’
Verzendniveau 3	Totaal winkelwagen > Is minder dan > $ 100,00	‘Je winkelwagen komt in aanmerking voor gratis verzending als je 100 USD of meer besteedt.’

Zorg ervoor dat het blok Verzendniveau 1 de hoogste sorteerprioriteit heeft en het blok Verzendniveau 3 de laagste sorteerprioriteit. Wanneer een klant minder dan 25 USD besteedt, wordt in dit geval het blok van niveau 1 weergegeven met het meest geschikte bericht, ook al is technisch gezien voldaan aan de weergavevoorwaarden voor alle 3 de blokken. Wanneer een klant meer dan 25 USD maar minder dan 50 USD besteedt, wordt het blok van niveau 2 met een hogere prioriteit weergegeven, ook al is technisch gezien ook aan de voorwaarden voor het blok van niveau 3 voldaan.

Ten slotte kun je in de checkout- en accounteditor één dynamisch contentblok met blok-ID 6 toevoegen aan de sectie Verzendtarief. Het meest geschikte van de 3 mogelijke dynamische contentblokken die je hebt aangemaakt, wordt dan tijdens het afrekenen in die ‘containerruimte’ weergegeven. Wanneer een klant 100 USD of meer besteedt, wordt er geen dynamische content weergegeven in dat gedeelte van de checkout, omdat er niet is voldaan aan weergayeregels voor dynamische contentblokken met een blok-ID van 6.