Integrate by Framework

1

Clone Starter Repo

Run the following from your terminal to clone the starter repo.

npx sequence-cli boilerplates create-embedded-wallet-react-starter
2

Connect and Authenticate

Open your browser and navigate to http://localhost:4444. Click on Connect to initiate the authentication process.

You can now test the Embedded wallet with the boilerplate! Now, let’s configure your own project.

3

Configure your Project

Navigate to embedded wallet configuration for your project on Builder. Enter your recovery wallet address and set a password, then Create Configuration. Be aware that this configuration cannot be changed at a later date.

4

Update Environment Variables

Navigate to the cloned directory and copy & paste this configuration in the file .env replacing the existing configuration.

Ensure you update the PROJECT_ACCESS_KEY and WAAS_CONFIG_KEY with the new keys located on the integration page.

# Update with your project access key

VITE_PROJECT_ACCESS_KEY="AQAAAAAAAKJcPk5v95BJE-Q7GwdlY9hPuAM"

# Update with your WAAS_CONFIG_KEY

VITE_WAAS_CONFIG_KEY="eyJwcm9qZWN0SWQiOjQxNTY0LCJycGNTZXJ2ZXIiOiJodHRwczovL3dhYXMuc2VxdWVuY2UuYXBwIn0="

VITE_GOOGLE= NULL

VITE_APPLE= NULL

VITE_WALLET_CONNECT_ID= NULL

VITE_CHAINS= 80002

VITE_DEFAULT_CHAIN= 80002
5

Test your new configuration

Save your .env file, run pnpm dev from the root directory, and navigate back to http://localhost:4444. Sign into your wallet using email to test the wallet actions again.

You are done! You can now see your wallet connection on the Overview page and the keys are scoped to your project.

As next steps:

Was this page helpful?