Golf Amsteldijk: een dagkaart boeken in vier stappen
Voor Golf Amsteldijk bouwden we de app waarin golfers in vier stappen een dagkaart boeken en met iDEAL betalen, gekoppeld aan de WooCommerce-winkel van de club.

Deliverables
- Boekingsflow voor dagkaarten in vier stappen
- Koppeling met WooCommerce: producten, prijzen, kortingscodes en bestellingen
- iDEAL-betaling via Mollie
- Huursets en gastgegevens in dezelfde bestelling
- Nederlands, Engels en Duits
- Gedeelde cookietoestemming voor alle Amsteldijk-sites
- App en kioskmodus voor de servicezuil
- Inschrijfformulier voor lidmaatschappen met digitale ondertekening
Tech stack
- React en TypeScript
- Supabase Edge Functions
- WooCommerce REST API
- Mollie
- Stiply
- Google Tag Manager met Consent Mode
Golf Amsteldijk in Amstelveen heeft een 9 holes A-statusbaan, een par 3-baan, de 9 Werelden van Golf en een driving range. Met een dagkaart kun je er zonder ervaring een dag golfen. Your Tech Club bouwde de app waarin golfers die dagkaart boeken en betalen, op dagkaart.amsteldijk.nl. De app draait op de WooCommerce-winkel van amsteldijk.nl, de clubsite die we ook ontwierpen en bouwden. Later volgden de servicezuil in het clubhuis en het inschrijfformulier voor leden.
Wat moest de app doen?
Een dagkaart is geen gewoon webshopproduct. De golfer kiest een speeldag en een aantal kaarten. Wie met vrienden komt, wil dat iedereen een eigen bevestiging krijgt. Wie geen clubs heeft, wil die er meteen bij huren. En omdat er geen ervaring nodig is, moet de boeking te volgen zijn zonder golfkennis.
Onze keuze: een boekingsflow op de bestaande winkel
Producten, prijzen en kortingscodes stonden al in WooCommerce, en betalingen liepen via Mollie. Die winkel hebben we niet vervangen. De boekingsapp is een aparte app op een eigen adres, die op de achtergrond met de winkel van amsteldijk.nl praat.
Dagkaarten en huursets staan als producten in twee eigen categorieën in WooCommerce. De app haalt ze daar op, met prijs en omschrijving, en maakt er ook de bestelling aan. Past de club een prijs aan of maakt ze een kortingscode, dan werkt die meteen in de app. Er kwam geen tweede beheeromgeving bij.
De sleutels van WooCommerce en Mollie staan niet in de browser. De app praat via Supabase Edge Functions met beide systemen, zodat die gegevens aan de serverkant blijven.
Wat we hebben gebouwd
Boeken gaat in vier stappen: kies een datum en het aantal dagkaarten, vul je gegevens in, huur eventueel clubs en betaal met iDEAL. Een besteloverzicht naast het formulier houdt de datum, het aantal kaarten en het totaal bij. Op een telefoon staat dat overzicht onder het formulier.

Vier stappen, van datum tot huurset
In de eerste stap kies je een datum in de kalender en het aantal dagkaarten. De speeldatum gaat als vaste dag de bestelling in, zodat een tijdzoneverschil hem nooit een dag verschuift.
Daarna vul je je gegevens in: naam, geboortedatum, postcode, e-mailadres en eventueel je handicap en telefoonnummer. Je gaat akkoord met de voorwaarden en kiest zelf of je de nieuwsbrief wilt. Een kortingscode vul je hier ook in.
Boekt iemand meer dan één dagkaart, dan kan hij ook de gegevens van zijn medespelers invullen, zodat zij een eigen bevestigingsmail krijgen. Dat is niet verplicht.
In de derde stap vraagt de app of je al golfspullen hebt. Zo niet, dan kies je een huurset, van een starterskit tot een complete set met tas en trolley. Per bestelling kun je maximaal zes huursets huren. Een korte lijst legt uit welke spullen je nodig hebt.

Betalen en bevestigen
De laatste stap is betalen met iDEAL via Mollie. Op dat moment maakt de app de bestelling aan in WooCommerce, met het betaalnummer van Mollie erbij. Zo komt de uitkomst van de betaling bij de juiste bestelling terecht.
Na een geslaagde betaling staat de bestelling in WooCommerce op betaald. De golfer ziet een bevestiging met het reserveringsnummer, de datum, het aantal dagkaarten en een kaart met de ligging van de club. De dagkaart zelf, met QR-code, komt per e-mail.
Lukt de betaling niet, dan legt een aparte pagina uit dat de reservering is geannuleerd, met een knop om opnieuw te beginnen. Is het totaal na korting nul euro, dan slaat de app de betaalstap over.
Kortingscodes en acties
Kortingscodes maakt de club in WooCommerce aan. De app controleert de code daar en rekent de korting, een percentage of een vast bedrag, meteen door in het besteloverzicht.
Tijdelijke acties rekent de app zelf uit. Van december 2025 tot en met januari 2026 en in juli 2026 was de tweede dagkaart de halve prijs, gerekend naar de dag van bestellen. Het besteloverzicht toont dan gewone kaarten en kaarten met korting apart. Zo komen ze ook in WooCommerce, zodat de bedragen daar kloppen.
In het Nederlands, Engels en Duits
Sinds april 2026 is de app er ook in het Engels en Duits. Elke taal heeft een eigen adres, zodat een link direct in de juiste taal kan openen. Staat er geen taal in de link, dan gebruikt de app de eerder gekozen taal of anders de taal van de browser. Ook de namen van de huursets, de datums en de foutmeldingen zijn vertaald.

Eén geheel met amsteldijk.nl
De knop 'Dagkaart boeken' in het menu van amsteldijk.nl en de knoppen 'Boek nu je dagkaart' op de pagina's leiden naar de app. De app gebruikt dezelfde lettertypes en kleuren als de clubsite, zodat de overstap niet opvalt.
Ook de cookiekeuze is gedeeld. Wie op de clubsite of in de app een keuze maakt, krijgt de vraag op de andere Amsteldijk-sites niet opnieuw. Cookies voor analyse en marketing staan standaard uit. Pas na toestemming meet de app per stap hoe ver bezoekers komen, zonder namen of e-mailadressen mee te sturen.

Daarna: een servicezuil en het lidmaatschap
In het clubhuis staat een servicezuil met touchscreen. In 2026 bouwden we de app die erop draait. Het beginscherm heeft drie keuzes: dagkaart bestellen, lidmaatschap afsluiten en starttijd reserveren. Rechtsboven wissel je tussen Nederlands en Engels.
De dagkaart en het lidmaatschap openen in de zuil zelf. Het zijn dezelfde apps als online, in een kioskmodus. De boekingsapp neemt ook de taal over die op de zuil gekozen is.
Starttijden voor de A-statusbaan lopen via Nexxchange. Dat systeem laat zich niet insluiten in een ander scherm. Daarom toont de zuil een QR-code en reserveert de golfer op zijn eigen telefoon.
Na een tijd zonder aanraking zet de zuil zelf het beginscherm terug. Een eigen time-out in de app hebben we bewust uitgezet, zodat het scherm niet halverwege een boeking terugspringt. Op de zuil staan alleen noodzakelijke en functionele cookies aan, dus bezoekers krijgen daar geen cookiemelding.
Een dagkaart kopen op de zuil
In de kioskmodus is de boekingsapp korter. De datum staat vast op vandaag: wie bij de zuil een dagkaart koopt, speelt dezelfde dag. Achternaam, telefoonnummer en gastgegevens vallen weg, en de vraag naar je handicap beantwoord je met twee grote knoppen voor ja en nee.
Betalen gebeurt niet op de zuil zelf. Het scherm toont een QR-code. De golfer scant die met de camera van zijn telefoon en betaalt daar met iDEAL. Een melding vraagt om de camera-app te gebruiken en niet de bank-app. Ondertussen kijkt de zuil elke drie seconden in WooCommerce of de bestelling betaald is. Zodra dat zo is, volgt de bevestiging.
Elke bestelling krijgt in WooCommerce een label, website of kiosk. Zo ziet de club welke boekingen via de zuil binnenkomen.

Lid worden via lidmaatschap.amsteldijk.nl
Ook het inschrijfformulier op lidmaatschap.amsteldijk.nl is van ons. Het heeft drie stappen: je gegevens, je adres en het lidmaatschap. Je kiest onbeperkt toegang tot de 9 Werelden van Golf, de 9 holes A-statusbaan of allebei, en een startdatum. Betalen gaat per maand met automatische incasso.
Daarna ondertekent het nieuwe lid het contract en de incassomachtiging digitaal via Stiply. Dat werkt het best op een telefoon, vanwege de controle via de bank. Op een telefoon gaat het formulier daarom direct door naar Stiply. Op een computer en op de zuil toont het een QR-code.
De aanvraag gaat via een eigen kleine server, zodat ook hier de sleutel van de koppeling uit de browser blijft. Het formulier werkt in het Nederlands, Engels en Duits.

Wat het oplevert
De boekingsapp, de zuil en het inschrijfformulier zijn in gebruik. Online en in het clubhuis loopt de verkoop van dagkaarten via dezelfde app, en elke boeking komt in dezelfde winkel binnen. Elke bestelling is compleet, met speeldatum, kaarten, huursets, gasten, toestemmingen en de plek waar geboekt is.
Sinds de start in februari 2025 hebben we de app stap voor stap uitgebreid: kortingscodes, acties, gastgegevens, drie talen en de kioskmodus. Elke uitbreiding bouwt voort op dezelfde koppeling met WooCommerce. De code van de zuil en het lidmaatschapsformulier wordt elke week automatisch gecontroleerd op kwetsbare softwarepakketten.
Neem direct contact met ons op. We komen zo snel mogelijk bij je terug


Je bericht komt bij ons team in Amsterdam binnen.Wat heeft Your Tech Club voor Golf Amsteldijk gebouwd?
De boekingsapp voor dagkaarten op dagkaart.amsteldijk.nl, met de koppeling met WooCommerce en iDEAL-betaling via Mollie. Daarnaast de app voor de servicezuil in het clubhuis, de kioskmodus van de boekingsapp en het inschrijfformulier voor lidmaatschappen op lidmaatschap.amsteldijk.nl. Ook de clubsite amsteldijk.nl is door ons ontworpen en gebouwd.
Waarom is de webshop van amsteldijk.nl niet vervangen?
Producten, prijzen, kortingscodes en bestellingen stonden al in WooCommerce. Door de app daarop te bouwen, beheert de club alles op één plek en komt er geen tweede systeem bij.
Hoe betaal je een dagkaart op de servicezuil?
De zuil toont een QR-code. De golfer scant die met de camera van zijn eigen telefoon en betaalt daar met iDEAL. De zuil controleert elke paar seconden of de betaling binnen is en toont dan de bevestiging.
Kan de club zelf kortingscodes en prijzen aanpassen?
Ja. Prijzen, huursets en kortingscodes staan in WooCommerce. Wat de club daar aanpast, werkt meteen in de app. Alleen tijdelijke acties zoals de tweede dagkaart voor de halve prijs zetten wij met een begin- en einddatum in de app.
Hoe werkt inschrijven als lid?
Via het formulier op lidmaatschap.amsteldijk.nl of op de servicezuil. Na drie stappen ondertekent het nieuwe lid het contract en de incassomachtiging digitaal via Stiply, bij voorkeur op de eigen telefoon.
In welke talen kun je een dagkaart boeken?
In het Nederlands, Engels en Duits. De taalkeuze staat rechtsboven in de app. Op de servicezuil kies je tussen Nederlands en Engels.

