Basic Open Elements
Easily integrate Open Elements with a straightforward implementation you can inspect quickly.
Basically use it
OPEN ELEMENTS
Payment UI experiments for real integration work.
Explore secured payment element patterns, direct payment flows, 3DS scenarios, and older compatibility examples in the same Playground environment.
9 examples
Cards, checks, IDP, and compatibility testing
Choose a flow
Back to hub
Open Elements
Standard Open Elements
Customize payment placement and include agreement controls for a more complete checkout flow.
Standardize itOpen Elements with Checks
Test alternative payment methods beyond credit cards, including check-based payments.
Check this outOpen Elements with Options
Showcase card, check, and account-to-account payment options in one example.
Show optionsOpen Elements with 3DS
Explore how Open Elements work with 3DS gateways, processors, and third-party providers.
Secure itOpen Elements 1.0
Inspect the legacy Open Elements implementation for backward compatibility testing.
Open legacy flowIDP Only (TEST)
Test instant direct payment fields focused on the payment experience only.
Play nowInstant Direct Payments (TEST)
Use the staging IDP flow to verify instant settlement interactions without live movement.
Play nowInstant Direct Payments (LIVE)
Open the live instant direct payments example for production-like flow checks.
Play now