Spawned Web3Auth Setup Guide
This guide walks you through integrating Web3Auth for secure, non-custodial wallet authentication on your Spawned token page. Adding this feature improves user access and security. The process takes about 30 minutes to complete.
Try It NowKey Benefits
The Problem
Traditional solutions are complex, time-consuming, and often require technical expertise.
The Solution
Spawned provides an AI-powered platform that makes building fast, simple, and accessible to everyone.
Why Use Web3Auth with Spawned?
Integrating Web3Auth provides a familiar social or email login experience that creates a non-custodial wallet for your users. This removes a major barrier to entry compared to requiring a separate browser extension. For token projects on Spawned, this can increase holder engagement by over 40%. It's a practical upgrade for user onboarding.
Step 1: Prerequisites & Account Setup
- Have a Live Project: Ensure your token page is built and live on Spawned.com.
- Sign Up: Go to the Web3Auth Dashboard and create a free account.
- Create Project: Click 'Create Project'. Name it (e.g., 'MySpawnedToken') and select 'Solana Mainnet' as the blockchain.
- Note Your Keys: After creation, you will see a Client ID and Verifier Name. Save these securely; you'll need them later.
Step 2: Configure the Web3Auth Dashboard
In your new Web3Auth project dashboard, navigate to the 'Whitelist' section under settings. You must add your Spawned project's domain here for authentication to work. Enter the full URL (e.g., https://yourtoken.spawned.com). If you plan a local development phase, you can also add http://localhost:3000. Failure to whitelist your domain is the most common cause of setup errors.
Step 3: Code Integration Essentials
You will need to edit the code of your Spawned-built website. Locate the script section, usually in the site settings or custom code area.
- SDK Installation: Add the Web3Auth script tag or install via npm if using advanced modules.
- Initialization: Create a new
Web3Authinstance using your Client ID and network config. - Provider Setup: Initialize and connect to get a Solana provider object.
- Login Function: Trigger
web3auth.connect()to open the login modal. - Logout Function: Call
web3auth.logout()to safely disconnect the user.
Web3Auth vs. Traditional Wallet Login
| Feature | Web3Auth | Traditional Extension (e.g., Phantom) |
|---|---|---|
| User Onboarding | Email/Social login; no extension needed. | Must install a browser extension first. |
| Custody | Non-custodial; user holds keys. | Non-custodial. |
| Recovery | Social login allows easy account recovery. | Seed phrase is sole responsibility. |
| Best For | Mainstream users, quick access. | Experienced crypto users. |
| Integrating both methods gives users a choice, covering all audiences. |
Step 4: Test Thoroughly & Launch
Before making the feature public, conduct end-to-end testing:
- Try logging in with at least two different methods (Google, email).
- Check that the connected wallet address displays correctly.
- Verify you can sign a test transaction or message.
- Ensure the logout function clears the session.
Once confirmed, announce the new login option to your community. For more on engaging holders, see our guide on Holder Rewards. Ready to launch a token? Start with our Token Launchpad.
Related Topics
Frequently Asked Questions
Yes, Web3Auth offers a generous free tier perfect for most Spawned token projects. It includes up to 1000 monthly active users, which is sufficient for launches and growing communities.
With Web3Auth, the wallet is tied to the social login (like Google). As long as they can recover their Google account, they can recover their wallet. This is a key advantage over seed phrases.
Absolutely. We recommend offering both. You can code a button that says 'Connect Wallet' for Phantom/extension users and another that says 'Login with Email' that triggers Web3Auth.
In the Web3Auth dashboard, go to the 'Customization' section for your project. You can upload your logo, set primary colors to match your token's brand, and choose which login methods (Google, Discord, etc.) are displayed.
No. The Web3Auth setup is for login and wallet creation only. All token transactions, including the distribution of the 0.30% ongoing holder rewards, function independently through the Solana blockchain.
The 'Invalid Client ID' or 'Origin not whitelisted' error. This almost always means you skipped Step 2. Double-check that your live site URL is correctly entered in the 'Whitelist' section of the Web3Auth dashboard.
Yes. The wallet created by Web3Auth is a standard Solana wallet. Users can export their private key and import it into Phantom or any other Solana wallet app, giving them full control.
Ready to get started?
Join thousands of users who are already building with Spawned. Start your project today - no credit card required.