# Multi-page flows

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](https://plandalf.com/docs/sdk)
-   [Session continuity](https://plandalf.com/docs/packages/sdk/interfaces/FlowOpenOptions)
-   [Design your checkout](https://plandalf.com/docs/product-guides/checkouts/design)

Source: https://plandalf.com/docs/product-guides/checkouts/multi-page-flows