Learn how to seamlessly integrate the WalletModal component from OnchainKit to rapidly onboard new users with a smart wallet experience.
In onchain apps, the wallet is at the center of your user model. Onboarding requires users to connect an existing wallet or sign up for a new wallet. The <WalletModal />
component provides a drag-and-drop solution to handle wallet onboarding seamlessly to eliminate friction and churn.
The component offers:
Lets add the WalletModal
component to your app.
Create a new OnchainKit app
Configure the OnchainKitProvider with modal settings
Add the <Wallet/> component
Wrap with Wallet Modal Context
Ensure that the Wallet Modal is globally accessible by wrapping your key UI components:
You now have an interface to streamline user onboarding! The WalletModal
component handles:
In addition to providing a secure and feature-rich wallet experience, Smart Wallets provide a streamlined onboarding experience through account creation with Passkeys. This allows anyone to securely create a new wallet and begin transacting without ever leaving your app.
More on Smart Wallets
Smart Wallet has advanced features such as sponsored transactions, spend permissions, and Magic Spend. Learn more about Smart Wallet here.
By integrating <WalletModal />
, you offer a robust and user-friendly wallet onboarding experience. First-time users benefit from a seamless Smart Wallet creation flow, while returning users can quickly connect their wallets to get started with your onchain app.