Onboarding Assistance: A step-by-step guide to help your users go from newbie to clueful.

Our integrated, customizable UI will guide new users through onboarding to Web3 and getting ready to transact with your Dapp.

Sign Up

 

Just Drop In a Few Lines of Code

After creating your unique API Key, include a single JS file with your configuration settings and just initialize Assist.js on the first page of your Dapp. Then call the onboard() function to run your users through the setup process.

Want to see it live? Disable MetaMask (if you have it) and visit our demos below.

Maker CDP Demo   Uniswap Demo

Dapps with more complex architecture can call  our API through a singleton. The file linked below demonstrates this pattern.

Download blocknative_config.js

Why use Assist.js? ¯\_()_/¯

Keeping track of all of the possible user states is complex and error-prone. They change on the fly. Instead, free yourself – and your team – from this never-ending headache and hours of follow-on support work. Let us cover every nuance and edge case for you.

icon-yellow-sign@2x

Using simple, relatable language that end-users understand,  Blocknative Assist will:



  • Guide Your Users to Desktop
    Guide Your Users to Desktop

    Since most Dapps aren’t designed for mobile, we’ll let users know if they must use a desktop browser to access the Dapp.

  • Point users toward a supported browser.
    Point users toward a supported browser.

    Not all browsers support Dapp transactions. We’ll see if their browser matches our list of supported Web3 Browsers. And if not, we’ll point them to one that is — and tell them where to install it.

  • Help your users install MetaMask.
    Help your users install MetaMask.

    Many new Dapp users don’t know what a wallet is. We’ll see if they’ve installed MetaMask and if not provide a link to where they can go install it.

  • Tell your users how to log in to MetaMask.
    Tell your users how to log in to MetaMask.

    After users install MetaMask, they’ll need to log in. We’ll show them exactly how.

  • Show users how to authorize MetaMask.
    Show users how to authorize MetaMask.

    Newer versions of web3 require users to grant access to your Dapp to interact with their wallet. We’ll see if that’s necessary, and help them complete this task.

  • Prompt users to connect to the right network.
    Prompt users to connect to the right network.

    If users aren’t connected to your specified network, we’ll show them how to change their network in MetaMask.

  • Help your users get ETH.
    Help your users get ETH.

    If your new users don’t have any ETH, we’ll direct them to an exchange where they can get ETH and transfer it to their MetaMask wallet.


 

Additional Features

  • Customize the look, feel, and intro text to match your Dapp’s unique brand.
  • Deploy “DARK MODE” if a light style isn’t your thing ;).
  • Some onboarding steps are not required. You have full control of what parts you need to onboard your users.

Assist-Dark-Mode