---
title: "Een iDEAL-knop toevoegen aan een headless storefront"
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-een-ideal-knop-toevoegen-aan-een-headless-storefront
collection: "Integraties en automatisering"
updated: 2026-11-02
language: nl-nl
alternates: [en]
---

# Een iDEAL-knop toevoegen aan een headless storefront

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 storefront 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 storefront stuurt vervolgens het winkelmandje naar Progus en de koper naar een kant-en-klare checkout.

### Voordat je begint

-   Koppel Mollie voordat je begint.
    
-   Zonder de koppeling stuurt de API kopers naar de normale Shopify-checkout.
    

### 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 tonen** 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 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 storefront

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 verlaten checkout

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

### Als het niet werkt

-   Prepaid-plannen, plannen uit andere apps en winkelmandjes die niet in euro zijn, gaan automatisch naar de normale Shopify-checkout.
    
-   Factuurplannen, producten die alleen als abonnement verkrijgbaar zijn en plannen waarvan de eerste afschrijving hoger is dan de eenmalige prijs, gaan ook naar de normale Shopify-checkout.
    
-   Als de API variant\_not\_found retourneert en je producten alleen op je headless-kanaal zijn gepubliceerd, vraag je ontwikkelaar dan om het openbare Storefront-token als storefrontAccessToken mee te sturen.
    

### Wat je hierna kunt doen

-   [**iDEAL en Bancontact accepteren: Mollie koppelen**](https://subscriptions.help.progus.com/nl-nl/articles/16-accept-ideal-and-bancontact-connect-mollie.md)
    
-   [**Een abonnement testen voordat je live gaat**](https://subscriptions.help.progus.com/nl-nl/articles/51-test-a-subscription-before-going-live.md)
    
-   [**Hoe Mollie-abonnementen via SEPA-incasso worden verlengd**](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.