Autofill mogelijkheden voor op de checkoutpagina

Autofill mogelijkheden om o.a. kortingscode, maand/jaarplan automatisch te selecteren

Maartje Daems avatar
Geschreven door Maartje Daems
Meer dan een week geleden bijgewerkt

Stel je even de volgende situatie voor:

Je hebt een checkoutpagina gemaakt waarbij de klant zowel per maand als per jaar kan betalen, maar je wilt de checkoutpagina doorsturen naar een klant waarbij de pagina alvast vooraf staat ingesteld op 'betalen per jaar'.

Of misschien wil je een checkoutpagina toesturen naar een klant waar de kortingscode al is ingevuld.

Goed nieuws: Dit kan! šŸ˜„

Door een URL parameter toe te voegen aan je checkoutpagina kan je velden vooraf laten invullen. In deze handleiding leg ik stap voor stap uit hoe je dat doet.

Betalingsplan wijzigen middels URL parameters

Een parameter is een stukje tekst die je toevoegt aan de URL van je checkoutpagina. Een voorbeeld van een parameter die gebruikt wordt om een product standaard op 'betalen per jaar' te weergeven is:
ā€‹

?plan=yearly

Zoals je kan zien begint een parameter dus altijd met een vraagteken, daarna het type (plan) en afsluitend met de waarde die de parameter bevat (=yearly).

Voor 'betalen per maand' is de parameter als volgt:

?plan=monthly

Voorbeeld: Hoe pas ik dit toe?

Stel dat dit mijn checkoutpagina is:

https://checkout.plugandpay.nl/checkout/premium

Je ziet op deze pagina dat we Plug&Pay Premium zowel per maand als per jaar aanbieden:

Als ik deze checkoutpagina naar iemand wil doorsturen waarbij het jaarabonnement standaard al geselecteerd/ingevuld is, dan kan ik de URL als volgt aanpassen met de volgende parameter "?plan=yearly":

https://checkout.plugandpay.nl/checkout/premium?plan=yearly

Met deze link zorg je er dus voor dat je bezoeker direct voor een jaarabonnement kiest:

Een checkoutpagina delen met vooraf ingevulde kortingscode

Je kan ook een parameter toevoegen voor het automatisch invullen van een kortingscode.

Hiervoor kan je de parameter ?discount_code= gebruiken. Je zult dan alleen nog de kortingscode zelf na het = teken in te vullen. Stel dat ik de kortingscode KERSTACTIE3000 heb aangemaakt en deze wil meegeven aan een checkoutpagina, dan zou dat er als volgt uitzien in de URL:

https://checkout.plugandpay.nl/checkout/premium?discount_code=KERSTACTIE3000

Als dit een bestaande kortingscode was, dan zou de pagina nu een ingevulde kortingscode bevatten.

Welke parameters zijn er allemaal?

De volgende parameters kan je meegeven aan je checkoutpagina om velden vooraf in te laten vullen:

  1. ?discount_code=

  2. ?plan=monthly

  3. ?plan=yearly

  4. ?plan=quaterly

  5. ?suggested-plan=monthly

  6. ?suggested-plan=quarterly

  7. ?suggested-plan=yearly

  8. ?firstname=

  9. ?lastname=

  10. ?street=

  11. ?telephone=

  12. ?city=

  13. ?country=

  14. ?zipcode=

  15. ?housenumber=

  16. ?email=

  17. ?company=

  18. ?vat_number=

Wat moet ik doen als ik meerdere parameters tegelijk wil gebruiken?

Voor het gebruik van meerdere parameters tegelijk hoef je simpelweg het &-teken te gebruiken tussen de parameters.

Voorbeeld: Voor mijn checkoutpagina wil ik de betaling automatisch per jaar instellen met een vooraf ingevulde kortingscode, genaamd KERSTACTIE3000. Dat ziet er dan zo uit:

https://checkout.plugandpay.nl/checkout/premium?plan=yearly&discount_code=KERSTACTIE3000

Was dit een antwoord op uw vraag?