---
title: "Voeg een iDEAL-knop toe aan een headless-webshop"
description: "Geef je Storefront API-site de instructies die nodig zijn om iDEAL-abonnees naar een kant-en-klare checkout te sturen."
url: https://subscriptions.help.progus.com/nl-nl/articles/89-voeg-een-ideal-knop-toe-aan-een-headless-webshop
collection: "Integraties en automatisering"
updated: 2026-10-28
language: nl-nl
alternates: [en]
---

# 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**](https://subscriptions-app.progus.com/storefront/v1/guide).

### 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

-   [**Accepteer iDEAL en Bancontact: koppel Mollie**](https://subscriptions.help.progus.com/nl-nl/articles/16-accept-ideal-and-bancontact-connect-mollie.md)
    
-   [**Test een abonnement voordat je live gaat**](https://subscriptions.help.progus.com/nl-nl/articles/51-test-a-subscription-before-going-live.md)
    
-   [**Hoe Mollie-abonnementen worden verlengd via SEPA-incasso**](https://subscriptions.help.progus.com/nl-nl/articles/24-how-mollie-subscriptions-renew-with-sepa-direct-debit.md)
    

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