Advanced Wallet Connect Customization Guide
This guide provides detailed steps to customize the Wallet Connect experience for your token's website built on Spawned. Go beyond basic integration with branding, flow control, and user experience adjustments. Proper setup ensures a smooth connection for your community.
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 Customize Your Wallet Connection?
A generic wallet connection can feel disconnected from your token's brand. Customizing it creates a cohesive user journey from the moment a visitor arrives. Data shows branded flows can improve initial connection rates by up to 15%. It also allows you to guide users, especially those new to Solana, towards recommended wallets like Phantom or Solflare, reducing support requests.
Step 1: Apply Your Branding
- Navigate to your project's Site Settings in the Spawned dashboard.
- Open the Wallet Connect configuration panel.
- Upload your project's logo (recommended size: 120x40px).
- Set the primary button color to match your brand palette.
- Add a custom welcome message (max 80 characters).
- Save changes. The modal will now display your branding, making the connection process feel native to your site.
Controlling Network and Wallet Order
By default, the connector supports multiple Solana networks. You can set a preferred network, like Solana Mainnet, to simplify the choice for users. More importantly, you can reorder the list of wallet options. Placing the most popular and user-friendly wallets like Phantom at the top improves the experience. You can manage this list in the integration settings, hiding less common options if desired. This reduces decision fatigue for new users.
Basic vs. Advanced Integration
| Feature | Basic Integration | Advanced Customization |
|---|---|---|
| Branding | Default Spawned theme | Your logo, colors, and text |
| Network | User selects | You set a default (e.g., Mainnet) |
| Wallet List | Alphabetical order | Custom order, optional hiding |
| User Guidance | Minimal | Custom welcome message and cues |
| Setup Time | ~2 minutes | ~10-15 minutes |
Choosing advanced customization is recommended for established tokens to strengthen brand identity.
What Happens After Connection?
Once a user connects their wallet, you can trigger specific actions on your site:
- Auto-populate Data: Pre-fill forms with the wallet's public key.
- Check Token Holdings: Verify if the wallet holds your token to show exclusive content using our holder verification tools.
- Display Balance: Show the user's balance of your token or SOL.
- Enable Interactions: Activate buttons for swapping, staking, or voting that require a connected wallet. Planning these next steps is key for engagement.
Test Your Setup and Go Live
Before publishing changes, always test the connection flow:
- Use the Preview function in your Spawned dashboard.
- Try connecting with 2-3 different wallets (e.g., Phantom, Solflare).
- Verify branding appears correctly.
- Confirm the correct network is suggested. Once tested, publish your site. For further optimization, review our guide on improving website conversion. Ready to launch your token? Start your project with a 0.1 SOL fee on the Spawned launchpad.
Related Topics
Frequently Asked Questions
No. Customization only changes the visual appearance and user flow. The underlying connection security, which uses WalletConnect protocols, remains unchanged and secure.
Yes. In the advanced settings, you can choose to hide less common wallet options from the displayed list, simplifying the choice for your users.
We recommend using PNG or SVG files with a transparent background for the best results. The ideal display size is 120 pixels wide by 40 pixels tall.
In the Wallet Connect configuration panel, find the 'Reset to Defaults' option. This will remove your custom branding and restore the standard Spawned connection modal.
Currently, the customization settings apply universally to all devices. The connection modal is automatically optimized for mobile and desktop screen sizes.
No. Customizing the Wallet Connect integration is included as part of your Spawned website builder tools at no additional charge.
Changes are applied immediately after you save them and publish your site updates. Users will see the new connection flow on their next visit.
Ready to get started?
Join thousands of users who are already building with Spawned. Start your project today - no credit card required.