Browse Product guides

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:

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

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

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

Close protection

For longer flows, add close confirmation.

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

Feature detail