# Multistep- en gekoppelde componenten

**Samenvatting:** Bouw flows met meerdere stappen in één component, of koppel meerdere componenten achter elkaar. Voor onboarding, rondleidingen en langere begeleide routes.

**Kort samengevat:** Meerdere stappen in één component, of verschillende componenten achter elkaar gekoppeld. Voor onboarding, rondleidingen en langere routes.

**Laatst bijgewerkt:** 2026-08-10

## Kernbegrippen

### Multistep-component
Eén component met ingebouwde stappen. Twee tot vier stappen is aan te raden. Elke stap heeft eigen inhoud (afbeelding, kop, tekst, knoppen). Veelgebruikt voor: onboarding binnen het product bij een nieuwe functie.

### Gekoppelde componenten
Meerdere zelfstandige componenten die achter elkaar zijn gekoppeld. Elk is een eigen component, op een eigen pagina of plek. Veelgebruikt voor: een kwalificatieroute op de marketingsite die overgaat in een aanmeldformulier.

### Stap-ID's en koppelen
Elke component heeft een ID. Je koppelt componenten door de URL van de primaire knop op de ID van de volgende component te zetten. Binnen dezelfde pagina gebruik je `#[id]`. Naar een andere pagina gebruik je het pad plus de ID.

### Acties bij de laatste stap
De laatste stap van een multistep-component kan sluiten, doorverwijzen, een Procedure starten of een e-mailadres opvragen.

## Wat je hier kunt doen

- Een multistep-component bouwen
- Meerdere componenten tot een reeks koppelen
- Bij de laatste stap een e-mailadres of andere variabelen opvragen
- Bij elke stap een Procedure starten
- Gekoppelde routes combineren met Doelgroepen voor gerichte klantreizen

## Wanneer je het gebruikt

- Je bouwt een onboardingroute met meerdere stappen
- Je hebt een route die over meerdere pagina's loopt
- Je wilt een snelle kwalificatieroute die overgaat in iets uitgebreiders
- Je wilt een nieuwe gebruiker op weg helpen met een begeleide rondleiding

## Wanneer je het niet gebruikt

- Eén stap zou volstaan. Weersta de neiging om elke route in stappen op te knippen.
- De route is van nature opeenvolgend, maar klanten slaan vaak stappen over. Gebruik dan gekoppelde componenten, waarbij elke stap een eigen pagina is.

## Hoe het werkt

Een multistep-component regelt de stappen intern. De klant loopt erdoorheen met de primaire en secundaire knoppen. Gekoppelde componenten zijn eenvoudiger: de URL van de primaire knop wijst naar de ID van de volgende component, en het platform regelt de navigatie.

## Veelgestelde vragen

**Hoe bouw ik een multistep-component?**
Ga naar \

**Hoe voeg ik stappen toe aan een bestaande multistep-component?**
Open de editor van de component en zoek het tabblad Stappen. Klik op het plusje om een stap toe te voegen. Houd het totaal op drie of vier stappen voor het beste resultaat.

**Hoe koppel ik twee componenten aan elkaar?**
Zet bij de eerste component de URL van de primaire knop op `#[id]` van de tweede component (zelfde pagina) of op `/pad/#[id]` (andere pagina). De tweede component verschijnt zodra de klant klikt.

**Waar vind ik de ID van een component?**
De ID staat in de URL wanneer je de component bekijkt, en op de instellingenpagina.

**Kan ik aan het einde van een multistep-component een e-mailadres opvragen?**
Ja. De laatste stap heeft een optie voor een e-mailveld. Koppel dat aan je CRM of laat het een opvolgende Procedure starten.

**Kunnen gekoppelde componenten over verschillende plekken lopen?**
Ja. De eerste component kan op je marketingsite staan en de volgende in het product, zolang de Unless-snippet op allebei is geïnstalleerd.