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 checkout-methode. Hierdoor verloopt het betalingsproces sneller en kunnen klanten afrekenen met een methode die zij prettig vinden.
Overzicht
De dynamische checkoutknop 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 checkoutknoppen:
- 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.
- Op knoppen met een merk staat het logo voor externe, versnelde checkout-methoden. Als een klant op een knop met een merk klikt voor een externe, versnelde checkout-methode, zoals Apple Pay, gaat hij of zij naar de checkout voor deze methode en is de informatie vooraf ingevuld. Lees meer over versnelde checkout. De volgende versnelde checkout-methoden 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:
- Je betaalinstellingen
- De browser van de klant
- Het apparaat van de klant.
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
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 checkout-methode 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 checkout-knoppen 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 checkout-knoppen te gebruiken. Als je je thema niet wilt bijwerken, kun je de themacode bewerken.
Dynamische checkoutknoppen weergeven op productpagina's
Stappen:
- Ga vanuit het Shopify-beheercentrum naar de onlinewinkel > Thema's.
- Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
- Open de vervolgkeuzelijst bovenaan de pagina.
- Tik in de Shopify-appop winkel.
- Tik in het gedeelte verkoopkanalen op onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
- Tik op Templates.
- Tik in de Shopify-appop winkel.
- Tik in het gedeelte verkoopkanalen op onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
- Tik op Templates.
Selecteer Productpagina's.
Klik op de sectie productpagina's of product.
Selecteer Dynamische checkoutknop weergeven.
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:
- Ga vanuit het Shopify-beheercentrum naar de onlinewinkel > Thema's.
- Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
- Tik in de Shopify-appop winkel.
- Tik in het gedeelte verkoopkanalen op onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
- Tik op bewerken.
- Tik in de Shopify-appop winkel.
- Tik in het gedeelte verkoopkanalen op onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
- Tik op bewerken.
Klik op een bestaande sectie met uitgelichte producten of klik op Sectie toevoegen om een nieuwe sectie met uitgelichte producten toe te voegen.
Voer je productgegevens in en schakel Dynamische checkoutknop weergeven in.
Klik op Opslaan.
Dynamische checkoutknoppen verbergen op productpagina's
Stappen:
- Ga vanuit het Shopify-beheercentrum naar de onlinewinkel > Thema's.
- Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
- Open de vervolgkeuzelijst bovenaan de pagina.
- Tik in de Shopify-appop winkel.
- Tik in het gedeelte verkoopkanalen op onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
- Tik op Templates.
- Tik in de Shopify-appop winkel.
- Tik in het gedeelte verkoopkanalen op onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
- Tik op Templates.
Selecteer Productpagina's.
Klik op de sectie productpagina's of product.
Schakel het selectievakje Dynamische checkoutknop weergeven uit.
Klik op Opslaan.
Dynamische checkoutknoppen verbergen in de sectie met uitgelichte producten
Stappen:
- Ga vanuit het Shopify-beheercentrum naar de onlinewinkel > Thema's.
- Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
- Tik in de Shopify-appop winkel.
- Tik in het gedeelte verkoopkanalen op onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
- Tik op bewerken.
- Tik in de Shopify-appop winkel.
- Tik in het gedeelte verkoopkanalen op onlinewinkel.
- Tik op Thema's beheren.
- Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
- Tik op bewerken.
Klik op de sectie met uitgelichte producten.
Schakel het selectievakje Dynamische checkoutknop weergeven uit.
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:
- Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
- Tik in de Shopify-app op Winkel.
- Tik in het gedeelte Verkoopkanalen op Blogberichten.
- Tik op Thema's beheren.
- Tik in de Shopify-app op Winkel.
- Tik in het gedeelte Verkoopkanalen op Blogberichten.
- Tik op Thema's beheren.
- Klik op Je winkel bekijken.
- 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.
-
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=Shop
toe als je een knop met het Shop Pay-merk wilt weergeven. - 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.
- Voeg
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.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 Een nieuw template aanmaken voor het aanmaken van een alternatief producttemplate.
Wanneer je een alternatief producttemplate hebt gemaakt en deze aan een product hebt toegewezen, kun je dynamische checkoutknoppen voor dit product weergeven of verbergen.
Stappen:
- Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
- Tik in de Shopify-app op Winkel.
- Tik in het gedeelte Verkoopkanalen op Blogberichten.
- Tik op Thema's beheren.
- Tik in de Shopify-app op Winkel.
- Tik in het gedeelte Verkoopkanalen op Blogberichten.
- Tik op Thema's beheren.
Zoek het thema op waarvoor je een alternatieve template hebt gemaakt en klik op Aanpassen.
Ga in de themabewerker naar de productpagina van een product waaraan je de alternatieve template hebt toegewezen.
Klik op de sectie productpagina's of product.
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.
Klik op Opslaan. De wijzigingen worden toegepast op alle producten die de alternatieve template gebruiken.