Shopify

Shopify Checkout Extensibility: verbeter je Shopify checkout voor nog meer conversie door Linda Bleijenberg

De snelste, best converterende checkout ter wereld blijft maar beter worden - en Code helpt je graag om te profiteren van alle nieuwe mogelijkheden. Hoe kun je de checkout van jouw store optimaliseren voor je publiek, nu de Shopify checkout steeds makkelijker aan te passen is? In deze blog leggen we uit hoe je je Shopify checkout kunt aanpassen, vertellen we hoe Shopify Checkout Extensibility werkt, en geven we je ter inspiratie een lijstje checkout aanpassingen die ook voor jou interessant kunnen zijn.

Shopify-checkout-2.0

Wat is Shopify Checkout?

De Shopify Checkout is de snelste, best converterende checkout die op dit moment beschikbaar is voor e-commerce merchants. Daarmee is de checkout ontzettend waardevol voor alle gebruikers: een frictieloze checkout ervaring verbetert conversie ratios, voorkomt verlaten winkelmandjes, verhoogt je klanttevredenheid en leidt tot herhalingsaankopen. 

Bij Code hebben we altijd veel bewondering voor Shopify’s checkout-first benadering, en hoe ze doorlopend bezig zijn om er een van de beste, veiligste en meest betrouwbare checkouts ter wereld van te maken. 

Shopify investeert altijd veel geld en middelen in hun checkout. In 2023 implementeerden ze een aantal grote verbeteringen: een platform-brede one-page checkout, en een serie tools om de layout en functionaliteit ervan aan te passen. Merchants hebben nu veel ruimte om hun checkout naar eigen inzicht af te stemmen op de behoeften van hun klanten, en conversie te verbeteren.

Het belang van een goede checkout
Wij hoeven je natuurlijk niet te vertellen dat je checkout aantoonbaar het belangrijkste stukje van je hele online store is. Dit is waar conversie moet plaatsvinden, anders gaat je business de gevolgen merken. Zoals onze co-founder Bob Rockland het verwoordt: “Je kunt de meest ongelooflijke product configurator bouwen, een vermogen spenderen aan branding en acquisitie campagnes - maar als je checkout niet lekker werkt ga je nooit een gezonde omzet draaien.”

Wat weerhoudt mensen ervan om een checkout af te ronden, nadat ze de moeite hebben genomen om producten te selecteren en aan hun winkelmandje toe te voegen? Het Baymard Instituut, een UX research instelling, heeft daar onderstaand diagram over samengesteld, met daarin de belangrijkste redenen:

cart-abandonment-stats (1)

Zoals je ziet is een te lang of te ingewikkeld checkout proces de vijfde meest voorkomende reden voor mensen om alsnog van hun aankoop plannen af te zien. Dit is dan ook waar Shopify’s one-page checkout een merkbaar verschil maakt voor de conversie in jouw store, en het geeft Shopify gebruikers nog meer competitief voordeel. 

Je Shopify checkout aanpassen

Welke tools heb je als merchant tot je beschikking om je checkout te customizen? Zoals gebruikelijk is er veel te kiezen voor Shopify merchants - en nog meer voor Shopify Plus gebruikers. We zetten alle tools voor je op een rij.

Drag & drop checkout editor
Dit is Shopify’s makkelijke, code-vrije tool om de Shopify checkout aan te passen, te vinden onder Settings > Checkout > Checkout customization. Met de editor kunnen merchants zelf de functionaliteit toevoegen die ze willen, op de plek waar ze die willen.   

Lees hier hoe je met de checkout editor werkt

Shopify checkout apps
Voordat je aan de slag kunt met de editor moet je eerst de functionaliteit aanschaffen die je wilt. Dat doe je bijvoorbeeld door checkout apps te installeren vanuit de Shopify App Store. Als je op Shopify Plus zit en niet kunt vinden wat je zoekt, kun je ook een Shopify development agency zoals Code inschakelen om checkout functionaliteit op maat voor je te bouwen of te configureren. 

De Shopify App Store biedt een flink aantal veelzijdige, allround checkout apps aan die een paar veelgevraagde checkout toevoegingen bundelen in een app. Een populaire app uit die categorie is Checkout Blocks: een door Shopify aangekochte, gratis app waarmee Shopify gebruikers dynamische contentblokken kunnen aanmaken. Voor Shopify Plus merchants heeft de app nog veel meer mogelijkheden.

Bekijk hun YouTube kanaal om te zien wat Checkout Blocks te bieden heeft   

Via Shopify Functions hebben merchants ook de mogelijkheid om de standaard ingebouwde eigenschappen van de Shopify checkout aan te passen met apps uit de App Store. Geef je klanten automatische kortingen, gratis cadeautjes, extra betaalmethoden en bezorgopties - of verberg en reorganiseer alle opties naar eigen inzicht.

En tenslotte kunnen merchants nu zonder een letter code te gebruiken hun tracking pixels beheren, door tracking apps te installeren die integreren met Shopify's web pixel API.

Shopify Checkout Extensibility - voor Shopify Plus gebruikers
Enterprise merken op Shopify Plus hebben zelfs nog meer ruimte om hun checkout aan te passen. Naast de checkout editor hebben Shopify Plus gebruikers en hun agencies ook toegang tot Checkout Extensibility: een serie tools om checkout customizations op maat te bouwen. Dat kan voor een enkele gebruiker, maar agencies kunnen hun app ook publiek beschikbaar maken in de Shopify App Store.  

Checkout customizations

Wat zijn die tools, en wat kun je ermee? Sommige zijn vooral bedoeld voor developers, die de tools kunnen gebruiken om maatwerk checkout functionaliteit te bouwen voor hun klanten, of om een publieke app te bouwen voor de App Store. Sommige tools kunnen gebruikt worden door de merchant zelf, meestal nadat hun agency ze geconfigureerd heeft. 

  • Voeg extra contentblokken en invulvelden toe, naast de standaard velden in de checkout. Laat je agency deze Checkout UI Extensions (de term gebruikt door developers) bouwen, of download publieke UI Extensions uit de Shopify App Store. Je kunt ze installeren via de checkout editor.

  • Track klantgedrag over je hele site met de Web Pixel Extension API. De pixel manager is een nieuw onderdeel in de Shopify admin waar merchants tracking pixels uit de App Store kunnen toevoegen en beheren - zonder code.

  • Pas ingebouwde Shopify features aan met Shopify Functions: voeg betaal- en bezorgmethoden toe en verwijder ze, of stel nieuwe regels in voor het combineren van kortingen. Kun je geen app vinden die doet wat jij zoekt? Laat je Shopify agency het voor je bouwen. 

  • Pas met een klik je huisstijl en branding toe op alle checkout componenten. Laat je Shopify agency eenmalig je branding regels instellen via de Checkout Branding API, en pas ze toe op alle bestaande en toekomstige toevoegingen.

Shopify checkout optimalisatie inspiratie

Ben je op zoek naar inspiratie voor de checkout van jouw store? Bij Code zien we veel creativiteit in Shopify checkouts, nu zowel merchants als app developers aan de slag gaan met Shopify's laatste checkout updates. Welke functionaliteit zou jij graag toevoegen aan je store? Hier een aantal ideeën om jouw checkout te optimaliseren. 

Manage verwachtingen met banners

  • Laat de USPs van je merk zien in de checkout.
  • Voeg keurmerken en waarborgen toe voor meer klantvertrouwen.
  • Toon een BFCM banner met een waarschuwing dat bezorgtijden langer zijn.
  • Plaats een opmerking dat je niet naar postbusnummers verzendt vanwege fraudegevoeligheid.

Verzamel belangrijke informatie met custom invulvelden 

  • Voeg een veld toe waar zakelijke klanten hun BTW nummer kunnen invoeren.
  • Of een veld waar klanten extra informatie over de bezorging kunnen achterlaten, bijvoorbeeld dat een pakketje bij de buren afgeleverd mag worden.
  • Voeg een adresverificatie toe: bestaat het adres? Dit voorkomt mislukte bezorging vanwege een niet-bestaand adres.
  • Voeg een leeftijdscheck toe (als je bijvoorbeeld alcoholische dranken verkoopt).
  • Voeg een veld toe voor het lidmaatschaps- of ID nummer van de klant.

Geef je klant extra opties 

  • De optie om een donatie te doen bij de betaling.

  • De optie om een product als cadeau te laten verpakken en om een tekst in te voeren voor een handgeschreven kaartje bij de bestelling.

  • Een checkbox om een gratis cadeautje te ontvangen bij de bestelling.

Donation-page-kinderpostzegels
Gift-wrap-option-rosefield

Creëer custom kortingen

  • Gebruik Shopify Functions om kortingen in te stellen op producten, bestellingen en verzending die automatisch verrekend worden in de checkout - bijvoorbeeld volume kortingen of gratis cadeautjes bij een product.
  • Geef klanten de optie om verschillende kortingen en loyalty punten te combineren.

Pas betaal- en verzendmethoden aan

  • Stem betaalmethoden af op de gekozen bezorgmethode: klanten die voor lokale pickup kiezen kunnen ook ter plekke pinnen of contant betalen.

  • Voeg een betalen-aan-de-deur optie toe voor klanten in landen waar dit gebruikelijk is.

  • Sluit bezorging aan postbussen uit door die optie te verbergen.

  • Biedt lokale last mile diensten aan zoals Budbee and Ingrid.

  • Geef klanten de optie om met express betaalmethoden zoals Shop Pay of het nieuwe iDeal te betalen.

Koppel je checkout aan upselling- en loyalty apps

  • Voeg gepersonaliseerde upselling en cross-selling content toe aan de checkout met Rebuy.
  • Laat klanten hun loyalty punten gebruiken om te betalen met LoyaltyLion of Yotpo.
Namuk-checkout-faq
Sports-loyalty points

Gebruik verschillende versies van je checkout
Je kunt zelfs verschillende versies van je checkout aanmaken en tijdelijk naar een andere versie switchen, bijvoorbeeld tijdens BFCM of bij een speciale gelegenheid. Er zijn ook apps die het mogelijk maken om verschillende checkout varianten te A/B testen: Checkout Pro is er een van.

checkout versions (1)

Je eigen custom checkout extension
Heb jij iets nodig voor je checkout dat er niet bij staat, en ben je nieuwsgierig of jouw idee überhaupt mogelijk is? Neem contact op met Code: wij helpen je graag de app te vinden die doet wat jij zoekt, en als die er niet is, kunnen we hem altijd voor je bouwen. We zijn benieuwd naar wat je in gedachten hebt!

Een opmerking over express checkouts met Shop Pay

We stipten het al heel even aan in dit artikel: de trend voor express betaalmethoden waarmee klanten nog sneller kunnen afrekenen. 

Shopify's eigen express payment service heet Shop Pay, en is gekoppeld aan de Shop app - een app voor signed-in shopping waarmee gebruikers al hun online shopping op een plek kunnen doen. De app laat alleen producten zien van merchants die Shop ingeschakeld hebben, of ze nu wel of niet op Shopify zitten - dus dit kan een interessant extra verkoopkanaal zijn voor merken.   

Hoe werkt Shop Pay? Klanten kunnen hun Shop account gebruiken om checkouts af te ronden. Als ze op de knop ‘Koop met Shop Pay’ klikken worden ze naar hun Shop app geleid, waar ze hun bestelling in een handomdraai kunnen afronden door een vijfcijferige verificatiecode in te voeren. Omdat de app hun checkout gegevens opslaat hoeven ze niet meer alles zelf in te vullen - waardoor de Shop Pay checkout super gebruiksvriendelijk is en zo frictie-vrij als het maar kan.

Een nadeel voor Nederlandse klanten is dat iDeal (nog) niet beschikbaar is in Shop. Voor hen is het nieuwe iDeal mogelijk een betere optie: iDeal's eigen express payment service. 

De Shop app en Shop Pay zijn uitgerold in een aantal Europese landen, waaronder Nederland. Sommige van onze klanten hebben Shop Pay al aangezet en zien veelbelovende resultaten. Wil je er meer over weten? Neem contact op met Code, wij helpen je graag op weg met Shop en Shop Pay.

Optimaliseer je Shopify checkout met Code

De Shopify checkout verbetert continu, en met de laatste ronde nieuwe checkout features heeft Shopify opnieuw een grote stap vooruit gezet. Gebruik de hoog converterende, flexibel aanpasbare one-page checkout van het platform in je voordeel: verken de uitgebreide opties van Shopify Checkout Extensibility om de checkout te bouwen die het beste bij jouw merk past. 

Zoek je een ervaren Shopify Plus partner om je te helpen jouw Shopify checkout nog beter te laten converteren? Neem contact op met Code voor een gratis checkout audit, of boek een checkout consult waarin we je opties en ideëen bespreken.