Dynamische checkoutknoppen in je onlinewinkel

Dynamische checkoutknoppen zijn een alternatief voor de knop Aan winkelwagen toevoegen voor afzonderlijke producten. Met dynamische checkoutknoppen kunnen klanten de winkelwagen overslaan en direct naar de checkout gaan. Klanten kunnen ervoor kiezen om af te rekenen met behulp van Shopify of een andere bekende, versnelde afrekenmethode. Hierdoor verloopt het betalingsproces sneller en kunnen klanten afrekenen met een methode die zij prettig vinden.

Een dynamische checkoutknop met merk en een Apple Pay-logo

Overzicht

De dynamische betaalknop wordt naast of onder de knop Aan winkelwagen toevoegen weergegeven, afhankelijk van je thema en het apparaat van de klant. Er zijn twee verschillende soorten dynamische betaalknoppen:

  • Merkloze knoppen met de tekst Nu kopen. Als een klant op een merkloze knop Nu kopen klikt, wordt de winkelwagen overgeslagen en gaat de klant rechtstreeks naar de checkout.

Een merkloze dynamische checkoutknop met de tekst Nu kopen

  • Op knoppen met een merk staat het logo voor externe, versnelde checkoutmethoden. Als een klant op een knop met een merk klikt voor een externe, versnelde checkoutmethode, zoals Apple Pay, gaat deze naar de checkout voor deze methode en is de informatie vooraf ingevuld. Lees meer over versnelde checkout. De volgende versnelde checkoutmethoden van derden zijn beschikbaar:

Elke betaalmethode heeft specifieke vereisten voordat deze als een knop met merk wordt weergegeven.

Het type knop dat wordt weergegeven, is afhankelijk van de volgende factoren:

Als je cadeaubonnen of kortingscodes in je winkel gebruikt, kunnen klanten de codes nog steeds invoeren bij de checkout.

Compatibiliteit

In bepaalde gevallen zijn dynamische checkoutknoppen mogelijk niet geschikt voor je onlinewinkel. Voordat je dynamische checkoutknoppen aan je onlinewinkel toevoegt, controleer of deze compatibel zijn met de volgende kenmerken:

  • Apps
  • Winkelwagenattributen
  • Producten, betaalinstellingen en knoptekst

Apps

Dynamische checkoutknoppen kunnen conflicteren met bepaalde apps.

Als je een van de volgende soorten apps gebruikt, zijn dynamische checkoutknoppen mogelijk niet compatibel met je onlinewinkel:

  • Valutaconversieprogramma's
  • Apps die communiceren met de winkelwagen
  • Apps die klanten naar een externe checkout brengen

Winkelwagenattributen

Dynamische checkoutknoppen bieden geen ondersteuning voor winkelwagenattributen. Winkelwagenattributen zijn aangepaste formuliervelden die je kunt gebruiken om aanvullende informatie van je klanten te verzamelen op de winkelwagenpagina.

Voorbeelden van winkelwagenattributen zijn de volgende toevoegingen aan de winkelwagenpagina:

  • Selectievakjes voor algemene voorwaarden
  • Opties voor cadeauverpakkingen
  • Keuze van bezorgdatum

Als je winkelwagenattributen gebruikt, zijn dynamische checkoutknoppen niet geschikt voor je onlinewinkel.

Producten, betaalinstellingen en knoptekst

Houd rekening met de volgende punten voordat je dynamische checkoutknoppen opneemt in je onlinewinkel:

  • Dynamische checkoutknoppen kunnen alleen worden gebruikt om één variant van een product te kopen. Als je echter een hoeveelheidskiezer op de productpagina weergeeft, kunnen klanten meerdere exemplaren van dit product kopen. Een klant kan bijvoorbeeld een dynamische checkoutknop gebruiken om drie bakvormen in aqua te kopen, maar niet om er één in aqua en één in paars te kopen. Tenzij je onlinewinkel veel bestellingen voor één type product ontvangt, komen dynamische checkoutknoppen mogelijk niet ten goede aan je verkoop.

  • Als je geen versnelde afrekenmethode van derden hebt ingeschakeld in je betaalinstellingen, wordt alleen de merkloze versie van de betaalknop weergegeven.

  • Op de merkloze versie van de dynamische checkoutknop wordt de tekst Nu kopen weergegeven. Als op de knop Aan winkelwagen toevoegen ook Nu kopen of andere aangepaste tekst wordt weergegeven, kunnen klanten in de war raken.

Je thema bijwerken om dynamische checkoutknoppen te gebruiken

Dynamische checkoutknoppen zijn beschikbaar voor alle huidige versies van de thema's in de Shopify Theme Store. Als je een oudere versie van een thema gebruikt, kun je je thema bijwerken om dynamische checkoutknoppen te gebruiken. Als je je thema niet wilt bijwerken, kun je je themacode bewerken.

Dynamische checkoutknoppen weergeven op productpagina's

Stappen:

  1. Selecteer Productpagina's.

  2. Klik op de sectie productpagina's of product.

  3. Selecteer Dynamische checkoutknop weergeven.

  4. Klik op Opslaan.

Dynamische checkoutknoppen weergeven in de sectie met uitgelichte producten

De meeste thema's bevatten een instelling voor het weergeven van dynamische checkoutknoppen in de sectie met uitgelichte producten.

Stappen:

  1. Klik op een bestaande sectie met uitgelichte producten of klik op Sectie toevoegen om een nieuwe sectie met uitgelichte producten toe te voegen.

  2. Voer je productgegevens in en schakel Dynamische checkoutknop weergeven in.

  3. Klik op Opslaan.

Dynamische checkoutknoppen verbergen op productpagina's

Stappen:

  1. Selecteer Productpagina's.

  2. Klik op de sectie productpagina's of product.

  3. Schakel het selectievakje Dynamische checkoutknop weergeven uit.

  4. Klik op Opslaan.

Dynamische checkoutknoppen verbergen in de sectie met uitgelichte producten

Stappen:

  1. Klik op de sectie met uitgelichte producten.

  2. Schakel het selectievakje Dynamische checkoutknop weergeven uit.

  3. Klik op Opslaan.

Dynamische checkoutknoppen testen in je thema

Omdat de typen dynamische checkoutknoppen die in je thema worden weergegeven van meerdere factoren afhankelijk zijn, kun je een test uitvoeren zodat je alle combinaties kunt bekijken. Controleer of de knoppen worden weergegeven voordat je dynamische checkoutknoppen op je thema test.

Stappen:

  1. Klik op Je winkel bekijken.

  2. Ga naar een productpagina om de knop op een productpagina te testen. Blijf op de homepage om de knop in de sectie Uitgelicht product te testen.

  3. Voeg in de adresbalk van je browser een van de volgende tekenreeksen toe aan het einde van de huidige URL:

- Voeg ?shopify-debug=true&show=Amazon toe als je een knop met het Amazon-merk wilt weergeven. - Voeg ?shopify-debug=true&show=ApplePay toe als je een knop met het Apple Pay-merk wilt weergeven (Apple Pay werkt alleen in Safari). - Voeg add ?shopify-debug=true&show=Google toe als je een knop met het Google Pay-merk wilt weergeven. - Voeg ?shopify-debug=true&show=PayPal toe als je een knop met het PayPal-merk wilt weergeven. - Voeg ?shopify-debug=true&show=Venmo toe als je een knop met het Venmo-merk wilt weergeven. - Voeg ?shopify-debug=true&show=checkout toe als je een merkloze knop wilt weergeven.

  1. Druk op Enter om de pagina opnieuw te laden. Afhankelijk van de tekenreeks die je aan de URL hebt toegevoegd, zie je een dynamische checkoutknop met of zonder merk.

  2. Herhaal dit met de andere tekenreeksen om de verschillende typen dynamische checkoutknoppen te bekijken.

Dynamische checkoutknoppen weergeven voor sommige producten, maar niet voor andere

Als je alleen voor bepaalde producten dynamische checkoutknoppen wilt weergeven, kun je een alternatieve template maken. Een alternatieve template is een kopie van een themacodetemplate, die je kunt bewerken zonder het origineel te wijzigen. Door een alternatieve producttemplate te gebruiken, kun je dynamische checkoutknoppen weergeven voor producten die één template gebruiken en deze verbergen voor producten die de andere gebruiken.

Zie Alternatieve sjablonen maken voor meer informatie over het maken van een alternatieve productsjabloon.

Wanneer je een alternatief productsjabloon hebt gemaakt en deze aan een product hebt toegewezen, kun je dynamische checkoutknoppen voor dit product weergeven of verbergen.

Stappen:

  1. Zoek het thema op waarvoor je een alternatieve sjabloon hebt gemaakt en klik op Aanpassen.

  2. Ga in de themabewerker naar de productpagina van een product waaraan je de alternatieve template hebt toegewezen.

  3. Klik op de sectie productpagina's of product.

  4. Schakel Dynamische checkoutknop weergeven in als je een dynamische checkoutknop wilt weergeven voor producten die de alternatieve template gebruiken. Schakel Dynamische checkoutknop weergeven uit als je een dynamische checkoutknop wilt verbergen voor producten die de alternatieve template gebruiken.

  5. Klik op Opslaan. De wijzigingen worden toegepast op alle producten die de alternatieve template gebruiken.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis