Shopify checkout-extensies uitgelegd: upsells en meer
De checkout is de waardevolste pagina van je winkel en was jarenlang de moeilijkst aan te passen. Checkout UI-extensies zijn het antwoord van Shopify: door apps geleverde blokken die in de checkout en de pagina's erna passen. Dit is wat ze kunnen en hoe je er een laat bouwen.
Wat een checkout UI-extensie is
Een checkout UI-extensie is een blok, geleverd door een app, dat Shopify in de checkout toont. Het is opgebouwd uit Shopify's eigen UI-componenten, neemt dus de huisstijl van je checkout over en blijft snel en veilig, en je plaatst het in de checkout-editor zoals een themablok.
Extensies vervangen de oude aanpak waarbij je checkoutsjablonen direct bewerkte. Shopify zet alle winkels over op dit model, checkout extensibility genaamd, samen met Shopify Functions voor logica zoals kortingen.
Waar ze kunnen verschijnen
Er zijn twee groepen plaatsingen, en het verschil telt vanwege de plannen:
- In de checkout — de stappen gegevens, verzending en betaling. Extensies zijn hier beschikbaar voor winkels op Shopify Plus.
- Na de checkout — de bedankpagina en de bestelstatuspagina. Extensies zijn hier beschikbaar op alle plannen.
Zit je niet op Plus, dan zijn de bedankpagina en de bestelstatuspagina dus de plekken waar een checkout-extensie voor je kan werken. Shopify's planregels veranderen af en toe, dus check de actuele checkout extensibility-documentatie voor jouw plan voordat je bouwt.
De checkoutblokken die merchants het vaakst bouwen
- Upsells na aankoop op de bedankpagina — een aanvullend product aangeboden wanneer de koopintentie het hoogst is.
- Vertrouwen en zekerheid — retourbeleid, leverbelofte, keurmerken voor veilig betalen.
- Bezorgnotities en cadeauberichten die bij de bestelling worden opgeslagen.
- Hulp op de bestelstatuspagina — onderhoudsinstructies, installatiegidsen of een supportlink passend bij de aankoop.
- Enquêtes — een simpel ‘hoe heb je ons gevonden?’ op de bedankpagina.
- Loyaliteit — punten verdiend met deze bestelling, of een duwtje om een account aan te maken.
Er een bouwen zonder developer
Kies in AppFly Een blok in de checkout in het menu onder het promptvak — of zeg gewoon ‘op de bedankpagina’ — en beschrijf het:
‘Een blok op de bedankpagina dat een onderhoudsgids toont voor de productcategorie die de klant net heeft gekocht, met een link naar onze supportpagina.’
De coding-agent schrijft de extensie met Shopify's checkoutcomponenten, registreert hem en installeert hem in je winkel. Daarna plaats je hem in de checkout-editor, test je hem met een testbestelling en verfijn je via chat. De stap-voor-stapversie staat in een Shopify-app bouwen zonder te programmeren.
Regels om vooraf te kennen
- Extensies draaien in een sandbox. Ze kunnen geen willekeurige scripts injecteren of de checkout vrij restylen; ze gebruiken Shopify's componenten. Dat houdt de checkout snel en veilig.
- Houd ze licht. Eén duidelijke boodschap werkt beter dan drie die concurreren op het moment van betalen.
- Logica hoort in Functions. Wil je een prijs veranderen — een korting, een verzendregel —, dan is dat een kortingsfunctie of een andere Shopify Function, geen UI-blok. AppFly bouwt ook kortingsregels.
Veelgestelde vragen
Kan ik de Shopify-checkout aanpassen zonder Shopify Plus?
Ja, op de bedankpagina en de bestelstatuspagina, waar checkout UI-extensies op alle plannen beschikbaar zijn. Extensies in de stappen gegevens, verzending en betaling zijn een Shopify Plus-functie.
Wat is het verschil tussen een checkout UI-extensie en een Shopify Function?
Een checkout UI-extensie voegt iets toe wat de klant ziet, zoals een inhoudsblok of formulierveld. Een Shopify Function verandert logica die Shopify uitvoert, zoals hoe een korting wordt berekend.
Hoe voeg ik een upsell toe aan de Shopify-bedankpagina?
Gebruik een app die een checkout-extensie voor de bedankpagina levert en plaats het blok in de checkout-editor. Met AppFly beschrijf je de upsell en krijg je de extensie voor je winkel gebouwd.