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

In de Checkout Blocks-app, die met UI-extensies is gebouwd, kun je de checkout aanpassen met de app-blokken uit de app die je direct naar de checkout- en accounteditor kunt slepen. Sommige soorten blokken voegen visuele elementen aan de checkout toe, zoals informatie- en waarschuwingsbanners of berichten voor orderregels. Andere soorten blokken voegen interactieve elementen aan je checkout toe, zoals variant- of aantallenkiezers voor orderregels of selectievakjes of tekstvelden waar klanten hun keuzes kunnen maken of aanvullende informatie kunnen invoeren.

Checkout Blocks kan maximaal 30 actieve blokken per bloktype ondersteunen. Je kunt in één keer maximaal 30 aangepaste velden, 30 dynamische contentblokken of andere soorten blokken hebben. Je kunt meer dan 30 blokken maken, maar alleen de eerste 30 actieve blokken worden bij de checkout weergegeven.

Welke blokken bij de checkout worden weergegeven, hangt van de weergaveregels af die je op het blok hebt toegepast, de prioriteitsvolgorde van de blokken en het eventuele gebruik van een appblok-ID om een bepaald blok op een bepaalde locatie weer te geven.

Op deze pagina

Beschikbare appblokken in Checkout Blocks

Checkout Blocks ondersteunt meerdere soorten appblokken. Het type blok is afhankelijk van het type content dat je aan de checkout wil toevoegen, of je voorwaardelijke weergaveregels wil toevoegen en aan welke pagina's je het blok wil toevoegen.

Sommige blokken kunnen niet aan bepaalde checkoutpagina's worden toegevoegd vanwege de functie van het blok zelf. Een aangepast veldblok gaat er bijvoorbeeld van uit dat een klant extra informatie invoert, zoals een aangepaste notitie toevoegen of een vakje aanvinken. Deze informatie moet worden vastgelegd voordat de bestelling wordt afgerond, dus het aangepaste veld kan niet aan pagina's na de aankoop worden toegevoegd, zoals de bedankt- of bestelstatuspagina.

Tabel met de beschikbare Checkout Blocks-appblokken, met de checkoutpagina's waarop deze worden ondersteund en een korte beschrijving van de appblokken.
App-blok	Ondersteunde pagina's	Beschrijving
Adres-blocker	Checkout	Blokkeer de checkout op basis van adresindelingsregels.
Aangepast veld	Checkout	Voeg aangepaste velden toe bij de checkout, zoals een selectievakje voor akkoord met voorwaarden of een veld voor cadeauberichten.
Dynamische content	Checkout Bedankt Bestelstatus	Geef content als tekst, banners en knoppen weer op basis van voorwaarden die je instelt. Dit blok is beschikbaar voor merchants met een Basic Shopify-abonnement of hoger.
Bewerking van orderregel	Checkout Bedankt Bestelstatus	Bied klanten de mogelijkheid orderregels te bewerken in het besteloverzicht bij de checkout, bijvoorbeeld door een variant- of hoeveelheidskiezer toe te voegen. Fungeert ook als een container voor orderregelcontent.
Content van orderregel	Checkout Bedankt Bestelstatus	Geef orderregelspecifieke berichten weer, zoals `Laatste uitverkoop`.
Pictogrammen voor verzending en betaling	Checkout	Geef pictogrammen weer voor ondersteunde verzend- en betaalmethoden.
Statische content	Checkout Bedankt Bestelstatus	In tegenstelling tot blokken voor dynamische content wordt deze content aan alle klanten weergegeven en worden tekst en banners ondersteund. Dit blok is beschikbaar voor merchants met een Basic Shopify-abonnement of hoger.

Meer informatie over het maken van appblokken.

Blok-analytics

Voor elk actief blok worden Weergave-analytics boven aan de pagina met blokgegevens weergegeven in de Checkout Blocks-app. In deze analytics wordt bijgehouden hoe vaak een blok bij de checkout is weergegeven.

Standaard worden in het blok analytics voor Vandaag weergegeven, maar je kunt op de vervolgkeuzelijst Datum klikken om een specifieke datum of datumbereik te kiezen waarvoor je analytics wil zien.

Als je de analytics voor een blok opnieuw wil instellen, klik je op ⋮ > Analytics opnieuw instellen. Dit kan niet ongedaan worden gemaakt.

Regels voor blokken weergeven

Met veel bloktypen, zoals dynamische content en aangepaste veldblokken, kun je voorwaarden instellen waarmee wordt bepaald aan welke voorwaarden moet worden voldaan om het checkoutblok bij de checkout weer te geven. Je kunt meerdere weergaveregels per blok instellen en je kunt ook definiëren of aan alle regels moet worden voldaan of aan één regel moet worden voldaan om het blok weer te geven.

De syntaxis van de weergaveregel is afhankelijk van het type blok dat je bouwt, maar over het algemeen worden regels gebouwd met behulp van de volgende elementen in deze volgorde, indien van toepassing:

De categorie van de regel, zoals een Product type of Cart total.
De logische operator, bijvoorbeeld Is of Is not of Is greater than, Contains of Ends in.
De parameter die de specifieke waarde definieert die je wil, bijvoorbeeld Dresses of 50.00.

Als je bijvoorbeeld een banner wil weergeven aan klanten die veel besteden om ze te vragen een account te maken, kun je een blok maken met de volgende weergaveregels:

Only show when: All rules pass
Cart total > Is greater than or equal to > USD > 100.00
Customer is logged in > False

Volgens deze set weergaveregels wordt je banner alleen weergegeven wanneer de klant € 100,- of meer heeft uitgegeven en hij/zij nog niet is ingelogd bij een klantaccount. De banner wordt niet weergegeven wanneer klanten zijn ingelogd en wordt ook niet weergegeven wanneer klanten minder dan € 100,- besteden.

Appblok-ID's

Sommige bloktypen, zoals aangepast veld of dynamische content, bieden de mogelijkheid om een Appblok-ID op te geven. Appblok-ID 0 is standaard geselecteerd.

Met een appblok-ID kun je verschillende blokken van hetzelfde type toevoegen in verschillende secties van de checkout. Je kunt het checkout-appblok in de editor zien als een tijdelijke aanduiding, waar meerdere mogelijke blokken kunnen worden ingeladen, afhankelijk van eventuele weergaveregels die je binnen het blok hebt geconfigureerd. Je kunt op elke checkoutpagina maximaal tien verschillende 'tijdelijke aanduidingen' toevoegen.

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

Je wil een verplicht selectievakje weergeven in het hoofdgedeelte van de content, maar met een optioneel cadeaubericht in de zijbalk. Beide blokken gebruiken het bloktype aangepast veld, zodat je het appblok Aangepast veld twee keer kunt toevoegen in de checkout- en accounteditor en elk blok op de gewenste locatie kunt plaatsen. Maar je moet wel kunnen instellen welk blok op welke locatie komt.

Het vereiste selectievakje kan worden ingesteld om de appblok-ID 1 te hebben en het optionele cadeaubericht kan worden ingesteld op de appblok-ID 2. In de checkout- en accounteditor kun je vervolgens het appblok Aangepast veld in het hoofdgedeelte instellen om appblok-ID 1 te gebruiken om het vereiste selectievakje weer te geven, en het appblok Aangepast veld in de zijbalk om appblok-ID 2 te gebruiken om het optionele cadeaubericht weer te geven.

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

Je biedt drie automatische verzendkortingen:

een korting van 10% op bestellingen van meer dan $ 25,-
25% korting op bestellingen van meer dan € 50,-;
gratis verzending bij bestellingen van meer dan $ 100,-

Om klanten aan te moedigen meer aan hun winkelwagen toe te voegen voordat ze de bestelling voltooien, kun je een dynamische banner toevoegen in de sectie Verzendmethode van de checkout. Daarin worden klanten aangespoord meer aan hun winkelwagen toe te voegen, uitgaande van de verzendkostenkorting waar ze het dichtst bij zitten.

Je kunt drie dynamische contentblokken instellen met allemaal dezelfde appblok-ID, bijvoorbeeld 6:

Tabel met drie voorbeeldblokken voor dynamische content en de toepasselijke weergaveregels en content.
Bloknaam	Weergaveregel	Bannercontent
Verzendniveau 1	Totaal winkelwagen > Is minder dan > € 25,-	'Je komt in aanmerking voor 10% korting op de verzending als je € 25,- of meer besteedt.'
Verzendniveau 2	Totale winkelwagen > Is minder dan > € 50,-	'Je winkelwagen komt in aanmerking voor 25% korting op de verzenkosten bij besteding van minimaal € 50,-.'
Verzendniveau 3	Totaal winkelwagen > Is minder dan > € 100,-	'Je komt in aanmerking voor gratis verzending als je € 100,- of meer besteedt.'

Zorg ervoor dat Verzendniveau 1 de hoogste sorteerprioriteit heeft en Verzendniveau 3 de laagste sorteerprioriteit. Dan zal, wanneer een klant minder dan € 25,- besteedt, ook al is technisch aan de weergavevoorwaarden voor alle drie blokken voldaan, het niveau 1-blok worden weergegeven met het meest toepasselijke bericht. Wanneer klanten meer dan € 25,- uitgeven, maar minder dan € 50,-, krijgt het niveau 2-blok de hogere prioriteit, hoewel ook is voldaan aan de voorwaarden voor het niveau 3-blok.

Ten slotte kun je in de checkout- en accounteditor één appblok voor dynamische content met ID 6 toevoegen aan de sectie Verzendtarief. Het voor de drie mogelijke blokken met dynamische content meest geschikte blok wordt dan bij de checkout in de 'container'-ruimte geplaatst. Wanneer een klant € 100,- of meer besteedt, wordt in die sectie van de checkout geen dynamische content weergegeven, omdat er niet aan de weergaveregels voor dergelijke blokken met ID 6 is voldaan.