Spawned Web3Auth Guide: Add Social Logins to Your Token Website
This guide details how to integrate Web3Auth's authentication service with a Solana token project launched via Spawned. By adding Web3Auth, your token holders can connect their wallets using familiar social logins like Google, Discord, or email, removing a major barrier to entry. This integration is handled directly within the Spawned AI website builder, making it accessible even for developers with limited Web3 experience.
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.
What is Web3Auth and Why Add It to Your Token?
Turn social media accounts into Solana wallets for your token.
Web3Auth is a non-custodial authentication infrastructure that lets users access Web3 applications using familiar social logins. For a Solana token launched on Spawned, integrating Web3Auth solves a critical user acquisition problem: cryptographic wallet complexity.
Instead of forcing new users to install a browser extension, secure a seed phrase, and buy SOL just to interact with your token's website, they can sign in with an existing Google or Discord account. Web3Auth then creates a non-custodial wallet for them in the background. This dramatically lowers the barrier to entry, which is vital for growing your token's holder base and community engagement. Given that Spawned provides a 0.30% ongoing reward to holders, making it easy to become a holder directly impacts your project's growth.
Integration Paths: Spawned AI Builder vs. Manual Code
You have two primary paths to add Web3Auth to your token project. The Spawned AI website builder offers a streamlined, code-light approach, while a manual integration provides maximum customization.
Using the Spawned AI Website Builder:
- Method: Use the built-in 'Web3Auth Widget' component from the component library.
- Setup Time: Approximately 10-15 minutes.
- Requirements: A Web3Auth project ID from their dashboard.
- Best For: Founders who launched with Spawned's 0.1 SOL fee and want a fast, integrated solution that maintains their site's design.
- Limitation: Configuration is limited to the widget's options panel.
Manual Code Integration:
- Method: Install Web3Auth SDKs (
@web3auth/modal,@web3auth/solana-provider) into a custom-coded site. - Setup Time: 1-3 hours for a developer.
- Requirements: Development environment, package manager, and deeper technical knowledge.
- Best For: Projects needing custom UI/UX flows or complex authentication chains.
- Benefit: Full control over the user experience.
The Spawned builder method is ideal for most token projects, as it aligns with the platform's goal of simplifying the launch process, which includes the website.
Step-by-Step: Add Web3Auth in the Spawned Website Builder
A six-step process from dashboard to live login button.
Follow these steps to integrate Web3Auth into the website you built with Spawned's AI tool.
- Create a Web3Auth Project: Go to the Web3Auth Dashboard and sign up. Create a new project, selecting 'Solana' as the blockchain network. Note down your
Project ID. - Configure Authentication Methods: In your Web3Auth project settings, enable the login methods you want (e.g., Google, Discord, Email). You will need to provide OAuth credentials for services like Google.
- Open Your Spawned Site Editor: Log into your Spawned dashboard and open the editor for your token's website.
- Add the Web3Auth Widget: From the components panel, find and drag the 'Web3Auth Login' widget onto your page, typically in the header or a hero section.
- Configure the Widget: Click on the placed widget. In the settings panel on the right, paste your Web3Auth
Project ID. Select the login providers you configured (Google, Discord, etc.). - Test the Integration: Publish your site from Spawned. Visit the live site and click the login button. You should see a modal offering your chosen social logins. Test a full login cycle.
After login, the widget will provide the user's public key. You can connect this to other components, like a token balance checker or a buy widget linked to your Spawned launch liquidity pool.
Should You Integrate Web3Auth with Your Spawned Token?
A clear recommendation based on your token's target audience.
Yes, for most community-focused tokens. If your goal is to build a broad holder base beyond experienced crypto natives, Web3Auth integration is a strong recommendation. The primary benefit is user onboarding: reducing friction directly correlates to more holders engaging with your website, claiming airdrops, or participating in community votes.
Consider your token's niche: For a highly technical DeFi token aimed at experts, a standard Phantom connection may suffice. However, for gaming tokens, social tokens, or meme coins launched on platforms like Spawned, the audience is wider. The 0.30% holder reward distributed by Spawned is more valuable with more holders, making easy access a tactical advantage.
The cost is minimal: The integration effort via Spawned's builder is low, and Web3Auth offers a generous free tier. The potential upside—more engaged holders—supports the long-term value of your project as it graduates from Spawned to its own liquidity, where Spawned collects a 1% perpetual fee.
What Can Users Do After They Log In?
Once a user authenticates via Web3Auth on your Spawned-built site, their generated wallet address can be used for various on-chain interactions. Plan these flows to maximize engagement.
Here are key actions to implement:
- View Token Balance: Connect to the Solana RPC to display the user's balance of your token. This reminds them of their holding and the 0.30% rewards.
- Claim Airdrops or Rewards: Create a button that lets authenticated users claim community airdrops directly to their Web3Auth-managed wallet.
- Connect to Raydium or Jupiter: Use a swap widget (like the one from Jupiter) that pre-fills the user's connected wallet address, allowing them to buy more tokens easily.
- Participate in Governance: If you have a snapshot page or simple proposal system, use the auth'd address for voting weight calculation.
- Access Gated Content: Reveal exclusive content, Discord role links, or mint pages only to verified holders.
Common Integration Issues and Solutions
Quick fixes for typical setup problems.
Even with a straightforward builder tool, you might encounter hiccups. Here are common issues and how to fix them.
- 'Invalid Project ID' Error: Double-check you've pasted the correct Project ID from the Web3Auth dashboard into the Spawned widget settings. Ensure there are no leading or trailing spaces.
- Login Modal Not Appearing: This is often a browser pop-up blocker. Instruct users to allow pop-ups for your site. Also, verify your site is published from Spawned, as the widget may not work fully in the editor preview.
- Social Logins (Google) Not Showing: You must configure OAuth credentials in the Web3Auth dashboard for each social provider. Simply enabling the toggle is not enough; you need to provide the Client ID and Secret from Google Cloud Console or Discord Developer Portal.
- User's Balance Shows Zero for New Wallet: Remember, Web3Auth creates a new wallet. A user logging in with Google for the first time has a fresh wallet with no tokens. You need a mechanism to airdrop or allow them to purchase tokens to that new address. Consider linking directly to your token's buy page on Raydium.
Ready to Simplify Onboarding for Your Holders?
Integrating Web3Auth is a practical step toward sustainable growth for your Solana token. By removing the wallet setup hurdle, you open your project to a much larger audience, which can help stabilize your token's holder base and increase engagement.
If you haven't launched your token yet, start with Spawned's launchpad and AI website builder. For just 0.1 SOL, you get a token launch, a professional website, and the ability to easily add features like Web3Auth. The built-in 0.30% creator revenue and holder rewards create a positive feedback loop: more holders mean more rewards distributed, which can attract more attention.
Take action now:
- If you have a Spawned-launched token, log into your dashboard and edit your website.
- Sign up for a Web3Auth account and create your project.
- Follow the steps above to add the login widget.
Spend an hour today to potentially onboard thousands of users tomorrow.
Related Topics
Frequently Asked Questions
Yes, Web3Auth is non-custodial. Users always control their private keys, which are split using cryptographic techniques and distributed. No single party, including Web3Auth or you as the integrator, has full access. The social login is simply a familiar method to reconstruct access to their keys. This maintains the core security principle of Web3 while vastly improving usability.
Web3Auth offers a very generous free tier, which is sufficient for most new Solana token projects. As of this writing, the free plan includes up to 1000 monthly active users. For a growing community, this provides ample runway. Spawned does not charge extra for using the Web3Auth widget in its builder; you only pay Spawned's standard 0.1 SOL launch fee and the associated 0.30% creator fee per trade.
Absolutely. A well-designed login flow should offer both options. The Spawned Web3Auth widget can be placed alongside a traditional 'Connect Phantom' button. This gives experienced users their preferred method while offering social login to newcomers. The goal is to cater to all segments of your potential community.
The Web3Auth integration is part of your independent website. When your token meets the graduation criteria (e.g., liquidity threshold) and moves to its own permanent liquidity pool, your website and its features remain fully functional. Spawned's role shifts to collecting a 1% fee on trades via the Token-2022 program, but your site's authentication and user experience are unaffected.
Technically, yes. The Web3Auth service is platform-agnostic. However, the guide above specifically uses the Spawned AI website builder's drag-and-drop widget. If you launched elsewhere, you would need to manually code the integration into your own website. A key Spawned benefit is bundling the launchpad with the builder, simplifying this entire process.
It positively reinforces it. Holder rewards are distributed based on the quantity of tokens held. By making it easier for people to become holders (via simple login and a token purchase), you increase the number of wallets eligible for rewards. More holders create a more distributed and potentially more stable token community, which benefits everyone involved.
Ready to get started?
Join thousands of users who are already building with Spawned. Start your project today - no credit card required.