Helpcentrum

Subscriptions openen

Voeg een iDEAL-knop toe aan een headless-webshop

Geef je Storefront API-site de instructies die nodig zijn om iDEAL-abonnees naar een kant-en-klare checkout te sturen.

De integratiehandleiding van Progus vertelt je webshop dat het winkelmandje naar de Progus API moet worden gestuurd wanneer een koper op de iDEAL-knop klikt. Progus geeft je instructies voor je ontwikkelaar of voor een AI-builder zoals Lovable. De webshop stuurt vervolgens het winkelmandje naar Progus en de koper naar een kant-en-klare checkout.

Voordat je begint

  • Koppel Mollie en zet de Mollie-checkoutknop aan.

  • Zonder beide werkt de API nog steeds, maar wordt elke koper naar de normale Shopify-checkout gestuurd.

Stap 1: Open de Mollie-instellingen

Ga naar Instellingen → Integraties.

Stap 2: Open Mollie

Klik op de Mollie-kaart op Configureren.

Stap 3: Zet de checkoutknop aan

Vink De Mollie-checkoutknop weergeven aan.

Stap 4: Sla de instelling op

Sla de wijzigingen aan de checkoutknop op in de contextuele balk.

Stap 5: Open de instructies

Open de handleiding voor de headless-integratie.

Stap 6: Voeg je winkeldomein toe

Voer bij Je winkeldomein het .myshopify.com-adres uit het Shopify-beheercentrum in.

Stap 7: Kopieer de instructies

Klik op Kopiëren voor LLM.

Stap 8: Geef ze aan je webshop

Plak de instructies in Lovable of stuur ze naar je ontwikkelaar.

Stap 9: Plaats een testbestelling

Plaats één echte iDEAL-bestelling.

Stap 10: Controleer de checkout

Controleer of de checkout iDEAL en de abonnementsprijs toont.

Stap 11: Controleer een afgebroken checkout

Start een checkout, ga terug zonder te betalen en controleer of het winkelmandje ongewijzigd is.

Als het niet werkt

  • Prepaid-abonnementen, abonnementen van andere apps en winkelmandjes die niet in euro zijn, gaan automatisch naar de normale Shopify-checkout.

  • Als de API variant_not_found antwoordt en je producten alleen in je headless-kanaal zijn gepubliceerd, vraag je ontwikkelaar dan om de openbare Storefront-token als storefrontAccessToken mee te sturen.

Wat je hierna kunt doen

Kom je er niet uit? Open de chat rechtsonder in de app, dan helpen we je het instellen.

Heeft dit antwoord je vraag beantwoord?
😞
😐
😁