Onboarding SDK demo

Embed payroll onboarding in one call

This page uses the published @payroll-integrations/onboarding-sdk exactly as a customer would. Everything behind the frame is emulated: a stand-in onboarding app and an in-browser backend with fictional payroll providers. Walk through the whole flow with no account and no API key.

Status Idle

Things to try: Acme Payroll with Company ID FAIL0000 or API key fail to see a connection error, Northwind HR for the OAuth popup, Contoso Pay to skip billing, and card 4000 0000 0000 0002 for a declined payment.

Reload the frame (right-click → Reload frame) mid-flow to see the session resume where you left off.

Real SDK

The button calls bootstrap() from npm. It mounts the iframe, posts the token and filters replies by origin, unchanged.

Emulated frame

A stand-in for the hosted onboarding app at /link/start: same screens, same server-driven step definitions, same messages back to the SDK.

Emulated backend

An in-browser implementation of the onboarding API with fictional providers. No network calls, no data collected.