Spawned Wallet-Connect Deploy Guide: Step 3 - Integration & Configuration
This guide details the third step in deploying Wallet-Connect for your Solana token using Spawned. You will integrate wallet authentication, configure connection settings, and prepare your token's website for user interaction. Completing this step activates the user-facing components of your token launch.
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 Step 3 Integration is Critical for Your Token
This step bridges your token's smart contract with its user interface.
This integration phase transforms your token from a backend asset into an interactive project. By implementing Wallet-Connect, you enable potential buyers and holders to connect their wallets directly to your token's website. This is a foundational requirement for any subsequent steps, such as enabling swaps, tracking the 0.30% holder reward, or facilitating community engagement. Skipping or rushing this step can lead to a broken user experience post-launch.
- Enables user interaction and transactions.
- Required for tracking holder eligibility for rewards.
- Directly impacts post-launch user retention.
Before You Begin: The Pre-Integration Checklist
A successful integration depends on proper preparation.
Do not start the Wallet-Connect integration until you have confirmed a few key items from the previous steps in your Spawned deployment. First, ensure your token's smart contract is fully deployed on Solana. You should have a contract address. Second, verify that your token's website, built with Spawned's AI website builder, is live and accessible. This saves you the typical $29-99 monthly cost of a separate web service. Third, have your Spawned project dashboard open, as you will need specific project IDs and keys for the configuration.
Step-by-Step: Wallet-Connect Integration Process
A detailed, actionable walkthrough for developers.
Follow these steps to integrate Wallet-Connect into your Spawned-built token website. Each action builds upon the last to create a secure and functional connection.
- Access Your Project Scripts: In your Spawned project dashboard, navigate to the 'Website' section and open the code editor for your AI-generated site.
- Insert Wallet-Connect Script: Locate the
<head>section of yourindex.htmlfile. Add the Wallet-Connect client library script provided in your Spawned integration panel. - Configure Connection Instance: In your main JavaScript file (e.g.,
app.js), initialize the Wallet-Connect connector. Use the project-specific configuration object (containing your Project ID and chain ID for Solana) provided by Spawned. - Build the UI Connector: Create a button or UI element in your website's frontend that triggers the
walletConnect.connect()method. Style this to match your token's branding. - Handle Connection Events: Implement listeners for
'connect'and'disconnect'events. On successful connection, display the connected wallet's truncated address. - Test the Connection: Use the 'Preview' function in Spawned's dashboard. Click your connect button and attempt to link a test wallet (like Phantom or Solflare). Confirm the connection is established.
Spawned Integration vs. Manual Wallet-Connect Setup
See how using our platform simplifies a complex task.
Integrating via Spawned offers distinct advantages over a manual, from-scratch setup, especially for token creators focused on speed and reliability.
| Aspect | Spawned Integration | Manual Setup |
|---|---|---|
| Configuration Time | ~15-30 minutes using pre-built scripts and project IDs. | 2-4 hours for sourcing libraries, writing boilerplate, and debugging. |
| Security & Keys | Project IDs and RPC endpoints are managed and provided by the platform, reducing configuration errors. | You must source and securely manage all API keys and RPC URLs yourself. |
| Ongoing Cost | Included with your 0.1 SOL launch fee; no extra hosting cost for the site. | Potential monthly fees for hosting and maintaining the connection infrastructure. |
| Future-Proofing | Integrated with Spawned's post-graduation fee structure (1% via Token-2022), ensuring compatibility. | You are responsible for all future updates to the Wallet-Connect protocol or Solana libraries. |
Using Spawned streamlines the process, letting you focus on your token's community rather than infrastructure.
Troubleshooting Common Integration Issues
Quick fixes for frequent hurdles.
If your wallet connection isn't working, check these common problems before seeking support.
- 'Invalid Project ID' Error: Confirm you've copied the exact Project ID from your Spawned dashboard, not a generic example. It's case-sensitive.
- Wallet Not Popping Up: Ensure your
connect()button calls the method correctly. Check the browser console for JavaScript errors. The site must be served over HTTPS (which Spawned handles). - Wrong Network Connected: Your configuration must specify the Solana mainnet or devnet. Verify the
chainIdin your config object matches the network your token is on. - UI Not Updating Post-Connection: Your event listeners for
'connect'may not be properly set up. Ensure the callback function updates the DOM to reflect the connected state. - Mobile Wallet Not Connecting: Test on a mobile device. Some wallets require specific QR code modal configurations, which are included in Spawned's provided script.
What Happens After Integration?
Integration is a milestone, not the finish line.
With Wallet-Connect successfully integrated, your token's website is now interactive. Users can connect their wallets to view their potential holdings or prepare for your token's launch. The next steps in your Spawned journey involve finalizing your launch parameters. This includes setting your token's initial liquidity, defining the 0.30% creator fee and the unique 0.30% ongoing holder reward, and scheduling your public launch. The integrated wallet connection is what will allow users to participate in that launch event directly from your site. Consider reading our guide on how to launch a gaming token on Solana for context on post-integration launch strategies.
Ready to Finalize Your Token Launch?
You've completed a vital technical step. Now, move forward to configure your token's economics and launch. Return to your Spawned dashboard to set up liquidity pools, define your fees, and schedule your launch date—all for the 0.1 SOL launch fee. Your integrated website is ready to onboard your community and start generating the creator revenue and holder rewards you've planned.
Proceed to the next step in your Spawned dashboard.
Related Topics
Frequently Asked Questions
No, you do not need to be a Solana expert. This guide and the Spawned platform provide the specific scripts and configuration objects. You need basic familiarity with HTML/JavaScript to paste code snippets into the correct files in your website's editor. The process is designed for creators who may not be full-time developers.
The Spawned AI website builder and this guide are optimized for Wallet-Connect due to its broad support across many wallets (like Phantom, Solflare, Backpack). While you could manually add other connectors, Wallet-Connect provides the widest compatibility for users and is the recommended solution supported by the Spawned platform for a seamless user experience.
The integration remains fully functional. Your website, including the Wallet-Connect code, continues to operate. The 1% perpetual fee collected via the Token-2022 program after graduation is separate from the frontend website functionality. Your community will still be able to connect their wallets to your token's site indefinitely.
Not directly. This step integrates the wallet *authentication* mechanism. The 0.30% holder reward is a function of your token's smart contract and the Spawned launchpad fee system. However, this integration is a prerequisite. It allows the system to identify wallet addresses, which is necessary for tracking eligibility and distributing the ongoing holder rewards from transactions.
Yes. You should perform all testing on the Solana devnet. Use devnet SOL (available from faucets) and connect with a wallet set to devnet mode. Spawned's preview function allows you to test the website integration fully before you proceed to the final launch steps on mainnet, which involve the 0.1 SOL launch fee.
The Wallet-Connect modal's core functionality is standardized, but you can customize its appearance (like colors and border radius) through the configuration options in the initialization script provided by Spawned. This allows you to align the modal's look with your token's branding on the AI-built site.
For gaming tokens, wallet integration is often the first step toward enabling in-game asset purchases, NFT minting, or reward claims. This guide establishes the foundational connection. You would then build additional game-specific functions (e.g., mint buttons, reward dashboards) that utilize the connected wallet. Our guide on [how to create a gaming token on Solana](/use-cases/token/how-to-create-gaming-token-on-solana) covers the broader strategy.
Ready to get started?
Join thousands of users who are already building with Spawned. Start your project today - no credit card required.