Ready-to-Use Integration Patterns
Explore production-ready examples for common use cases
Technical Integration
Implementation Examples
Explore different integration patterns and widget configurations. Each example demonstrates a unique use case with live, interactive demonstrations.
Inline Widget
Always MountedThe simplest integration pattern. The widget is always mounted and visible in your page layout. Perfect for dedicated payment pages or when you want the payment interface to be immediately accessible.
React ComponentSimple Integration
Dialog Widget
Modal OverlayRenders the widget inside a fullscreen dialog with scrollable content using a React portal. Perfect for triggered payment flows where you want to focus the user's attention on the payment process. Auto-closes on completion or failure.
React PortalFullscreen ModalAuto-Close
Contract Calls Integration
AdvancedShowcases the
targetContractCalls feature, which enables executing custom contract calls on the target chain after payment deposit. Perfect for scenarios requiring post-deposit actions like token swaps, conversions, or custom contract interactions. Contract calls execute sequentially with confirmation waiting.Contract CallsPost-Deposit ExecutionSequential Processing
Loading token selection...
Tip: Click the config toggle on each example to view the technical configuration. All examples are fully functional and can be tested with a connected wallet.