Inloggen
Gratis proefperiode starten

Dynamische checkoutknoppen in je webshop

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.

Een dynamische checkoutknop met merk en een Apple Pay-logo

Op deze pagina

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 tonen de tekst Nu kopen text. 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

  • Knoppen met een merk bevatten 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 betaalknop dat aan je wordt weergegeven, is afhankelijk van de volgende factoren:

  • je betaalinstellingen
  • of Shop Promise actief is, waardoor prioriteit wordt gegeven aan Shop Pay boven andere checkouts
  • de browser van de klant
  • het apparaat van de klant
  • de persoonlijke betalingsgeschiedenis 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 webshop. Voordat je dynamische checkoutknoppen in je webshop opneemt, controleer je 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 webshop:

  • 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 webshop.

Producten, betaalinstellingen en knoptekst

Hou rekening met de volgende punten voordat je dynamische checkoutknoppen opneemt in je webshop:

  • 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 webshop 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 geactiveerd in je betaalinstellingen, wordt alleen de merkloze versie van de betaalknop weergegeven.
  • De merkloze versie van de dynamische checkoutknop bevat de tekst Nu kopen. Als bij de knop Aan winkelwagen toevoegen ook Nu kopen of andere aangepaste tekst wordt weergegeven, kan dit klanten in verwarring brengen.

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 checkout-knoppen weergeven op productpagina's

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Klik op Aanpassen naast het thema dat je wilt bewerken.
  3. Klik op de vervolgkeuzelijst van de Homepage.
  4. Klik op Producten en selecteer de template die je wilt bewerken.
  5. Klik in de sectie Productgegevens op Koopknoppen.
  6. Selecteer Dynamische checkout-knoppen weergeven.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op Templates.
  6. Selecteer Productpagina's.
  7. Tik op de sectie Productpagina's of Product.
  8. Selecteer Dynamische checkoutknop weergeven.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op Templates.
  6. Selecteer Productpagina's.
  7. Tik op de sectie Productpagina's of Product.
  8. Selecteer Dynamische checkoutknop weergeven.
  9. Tik op Opslaan.

Dynamische checkout-knoppen weergeven in de sectie met uitgelichte producten

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

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Klik op Aanpassen naast het thema dat je wilt bewerken.
  3. Klik op een bestaande sectie met uitgelichte producten of klik op Sectie toevoegen > Uitgelicht product om een nieuwe sectie voor uitgelichte producten toe te voegen.
  4. Klik in de sectie Uitgelicht product op Koopknoppen.
  5. Selecteer Dynamische checkout-knoppen weergeven.
  6. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Tik op een bestaande sectie met uitgelichte producten of klik op Sectie toevoegen om een nieuwe sectie met uitgelichte producten toe te voegen.
  7. Voer je productgegevens in en schakel Dynamische checkoutknop weergeven in.
  8. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Tik op een bestaande sectie met uitgelichte producten of klik op Sectie toevoegen om een nieuwe sectie met uitgelichte producten toe te voegen.
  7. Voer je productgegevens in en schakel Dynamische checkoutknop weergeven in.
  8. Tik op Opslaan.

Dynamische checkoutknoppen verbergen op productpagina's

Je kunt alle dynamische checkout-knoppen verbergen op je productpagina's, maar je kunt geen specifieke dynamische checkout-knoppen verbergen.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Klik op Aanpassen naast het thema dat je wilt bewerken.
  3. Klik op de vervolgkeuzelijst van de Homepage.
  4. Klik op Producten en selecteer de template die je wilt bewerken.
  5. Klik in de sectie Productgegevens op Koopknoppen.
  6. Schakel Dynamische checkout-knoppen uit.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op Templates.
  6. Selecteer Productpagina's.
  7. Tik op de sectie Productpagina's of Product.
  8. Schakel het selectievakje Dynamische checkoutknop weergeven uit.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op Templates.
  6. Selecteer Productpagina's.
  7. Tik op de sectie Productpagina's of Product.
  8. Schakel het selectievakje Dynamische checkoutknop weergeven uit.
  9. Tik op Opslaan.

Dynamische checkoutknoppen verbergen in de sectie met uitgelichte producten

Je kunt alle dynamische checkout-knoppen in de secties met jouw uitgelichte producten verbergen, maar je kunt geen specifieke dynamische checkout-knoppen verbergen.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Klik op Aanpassen naast het thema dat je wilt bewerken.
  3. Klik op de sectie met uitgelichte producten.
  4. Schakel Dynamische checkout-knoppen uit.
  5. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Tik op de sectie met uitgelichte producten.
  7. Schakel het selectievakje Dynamische checkoutknop weergeven uit.
  8. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Tik op de sectie met uitgelichte producten.
  7. Schakel het selectievakje Dynamische checkoutknop weergeven uit.
  8. Tik 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 in je thema test.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Klik op Je winkel bekijken.
  3. 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.

  4. 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 wil weergeven.
    • Voeg ?shopify-debug=true&show=Amazon toe als je een knop met het Amazon-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=ApplePay toe als je een knop met het Apple Pay-merk wil weergeven (Apple Pay werkt alleen in Safari).
    • Voeg ?shopify-debug=true&show=Google toe als je een knop met het Google Pay-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=PayPal toe als je een knop met het PayPal-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=Venmo toe als je een knop met het Venmo-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=checkout toe als je een merkloze knop wil weergeven.

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

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

iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Thema's beheren.
  4. Tik op Je winkel bekijken.
  5. 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.

  6. 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 wil weergeven.
    • Voeg ?shopify-debug=true&show=Amazon toe als je een knop met het Amazon-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=ApplePay toe als je een knop met het Apple Pay-merk wil weergeven (Apple Pay werkt alleen in Safari).
    • Voeg add ?shopify-debug=true&show=Google toe als je een knop met het Google Pay-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=PayPal toe als je een knop met het PayPal-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=Venmo toe als je een knop met het Venmo-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=checkout toe als je een merkloze knop wil weergeven.

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

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

Android
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Thema's beheren.
  4. Tik op Je winkel bekijken.
  5. 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.

  6. 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 wil weergeven.
    • Voeg ?shopify-debug=true&show=Amazon toe als je een knop met het Amazon-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=ApplePay toe als je een knop met het Apple Pay-merk wil weergeven (Apple Pay werkt alleen in Safari).
    • Voeg add ?shopify-debug=true&show=Google toe als je een knop met het Google Pay-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=PayPal toe als je een knop met het PayPal-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=Venmo toe als je een knop met het Venmo-merk wil weergeven.
    • Voeg ?shopify-debug=true&show=checkout toe als je een merkloze knop wil weergeven.

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

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

Dynamische checkout-knoppen niet voor alle producten weergeven

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 met één template en deze verbergen voor producten met de andere template.

Zie Een nieuw template aanmaken voor het aanmaken van een alternatief producttemplate.

Wanneer je een alternatieve producttemplate hebt aangemaakt en deze aan een product hebt toegewezen, kun je dynamische checkoutknoppen voor dit product weergeven of verbergen.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Klik op Aanpassen naast het thema waarvoor je een alternatieve template hebt aangemaakt.
  3. Ga naar de productpagina voor een product waaraan je de alternatieve template hebt toegewezen.
  4. Klik in de sectie Productgegevens op Koopknoppen.
  5. Schakel Dynamische checkout-knop weergeven in als je een dynamische checkout-knop wilt weergeven voor producten die de alternatieve template gebruiken. Schakel Dynamische checkout-knop weergeven uit als je een dynamische checkout-knop wilt verbergen voor producten die de alternatieve template gebruiken.
  6. Klik op Opslaan. De wijzigingen worden toegepast op alle producten die de alternatieve template gebruiken.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Thema's beheren.
  4. Zoek het thema op waarvoor je een alternatieve template hebt aangemaakt en tik op Aanpassen.
  5. Ga in de themabewerker naar de productpagina van een product waaraan je de alternatieve template hebt toegewezen.
  6. Tik op de sectie Productpagina's of Product.
  7. Schakel Dynamische checkoutknop weergeven in als je een dynamische checkoutknop wilt weergeven voor producten met de alternatieve template. Schakel Dynamische checkoutknop weergeven uit als je een dynamische checkoutknop wilt verbergen voor producten met de alternatieve template.
  8. Tik op Opslaan. De wijzigingen worden toegepast op alle producten die de alternatieve template gebruiken.
Android
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op webshop.
  3. Tik op Thema's beheren.
  4. Zoek het thema op waarvoor je een alternatieve template hebt gemaakt en klik op Aanpassen.
  5. Ga in de themabewerker naar de productpagina van een product waaraan je de alternatieve template hebt toegewezen.
  6. Tik op de sectie Productpagina's of Product.
  7. Schakel Dynamische checkoutknop weergeven in als je een dynamische checkoutknop wilt weergeven voor producten met de alternatieve template. Schakel Dynamische checkoutknop weergeven uit als je een dynamische checkoutknop wilt verbergen voor producten met de alternatieve template.
  8. Tik op Opslaan. De wijzigingen worden toegepast op alle producten die de alternatieve template gebruiken.
Zat het antwoord dat je zocht er niet bij? Wij helpen je graag verder.