# Multi-page flows
Split longer checkouts into focused pages for plan selection, buyer details, payment, upsells, and confirmation.
Source: /docs/offers/multi-page-flows
Last modified: 2026-06-18
Use a multi-page flow when one screen would overload the buyer.

## Good fits

- application or intake checkout
- plan selection before payment
- paid upgrade with user context
- event registration with attendee details
- checkout followed by an upsell or save offer

## SDK behavior

The SDK still opens the offer by slug:

```js
await plandalf.present("application-flow", {
  frame: "fullscreen"
});
```

For embedded flows, mount the offer into a stable container:

```html
<div data-plandalf-mount="application-flow"></div>
```

## Close protection

For longer flows, add close confirmation.

```js
plandalf.present("application-flow", {
  confirmClose: () => window.confirm("Leave this application?")
});
```

## Related docs

- [Configure the SDK](/docs/sdk/configure)
- [Session continuity](/docs/sdk/session-continuity)
- [Design your checkout](/docs/offers/design)