Enabling User Onboarding with Slush Web Wallet Integration in Dapp Kit

Original Thread: Discord
Thread ID: ch_ddebe9eb
Messages Count: 3
Copied on: 2025-09-24T18:20:39.174Z


Problem/Question

A developer working on a personal project wanted to enhance the user onboarding experience when using Mysten dApp Kit. The current implementation prompts new users to install the Slush extension, but they wanted to modify this behavior to redirect users to the Slush web wallet instead of forcing them to install a browser extension. They were unable to find documentation or references on how to implement this functionality.

Discussion Points

  • How to modify the default wallet connection flow in Mysten dApp Kit
  • Redirecting users to web wallet instead of requiring extension installation
  • Improving user experience by reducing friction in the onboarding process
  • Finding the appropriate configuration options for wallet provider setup

Solutions/Approaches

The solution involves adding the slushWallet attribute to the WalletProvider component configuration. This enables web wallet support as an alternative to the browser extension:

<WalletProvider 
  autoConnect
  slushWallet={{
    name: 'your app name here',
  }}
>

The participant provided a reference to the official documentation at Slush Integration | Mysten Labs TypeScript SDK Docs for additional implementation details.

This approach allows developers to provide a more flexible onboarding experience by giving users the option to use the web wallet without requiring browser extension installation, thereby reducing barriers to entry for new users.