🏟️ BUIDL where legends play. Join our Hackathon at Parc des Princes, Paris – July 2025 •
Register Now
Chiliz Chain Developer Docs
Chiliz ChainBlock ExplorerCommunitySocios.com
English
English
  • Chiliz Chain developer docs
  • Quick Start
    • Chiliz Chain in a nutshell
    • Connect to Mainnet and Testnet
    • Deploy and verify a contract
      • Deploy with Remix IDE
      • Deploy with thirdweb
      • Verify with Chiliscan
      • Verify with Chiliz Block Explorer
    • Run a Chiliz Chain Node
    • Free online courses
    • Inflation Supply Allocation Addresses
    • Smart Contract Addresses
  • Learn
    • About Chiliz Chain
      • Tokenomics
      • Security Audits
      • Chiliz Labs
    • About Wallets
      • How to use MetaMask
        • Install MetaMask
        • Link Chiliz Chain to MetaMask
      • How to use a multisig wallet (Safe)
    • About Bridging
      • Using Dcentralab's Chainport
      • Using Chiliz Bridge
      • Bridging stablecoins
      • Making your project token bridgeable
    • About Staking
      • Stake your CHZ
      • Unstake your CHZ
      • Staking Rewards
      • Stake CHZ from your Ledger
      • Chiliz Staking FAQ
    • About Validators
      • Defining Validators and Delegators
      • Why Become a Validator
      • How to Become a Validator
      • Running a Validator node
      • How to Stop Being a Validator
      • About Validator slashing
    • About Fan Tokens
      • 2023 Migration of Fan Tokens to Chiliz Chain
    • About Stablecoins
      • Stablecoins on Chiliz Chain
    • Glossary
      • Blockchain
      • Consensus mechanisms
      • Governance
      • Validator
      • Staking
      • Wallet
      • CAP-20
      • Wrapped CHZ (wCHZ)
  • Develop
    • Basics
      • Connect to Chiliz Chain
        • Connect using RPC
        • Run a Chiliz Chain Node
        • Use a hardware wallet
      • Block Explorers
      • Testnet Faucet
        • Obtain testCHZs with Tatum Faucet
      • Use Wrapped CHZ
      • How-Tos
        • How to get the balance of a wallet
        • How to get the history of a wallet
        • How to get the metadata of a specific NFT
      • Tips & Tricks
    • Advanced
      • How to integrate Socios Wallet in your dApp
      • How to use Account Abstraction
      • How to get the USD price of Fan Tokens
      • How to generate random numbers
      • How to follow transfers of a Fan Token
      • How to create Telegram notifications for Fan Token transfers
      • How to estimate gas fees
    • Chiliz Chain API
    • Developers FAQ
  • Community
    • Chiliz Chain Ecosystem
      • Developer Tools
        • Ankr
        • Azuro
        • Biconomy
        • Blocknative
        • Hyperlane
        • Lumx
        • Moralis
        • Pyth
        • Reown
        • Rarible
        • Tatum
        • The Graph
        • Thirdweb
        • Web3Auth
      • Custody solutions
        • Cobo
        • Fireblocks
      • Wallets
        • Magic
        • Privy
    • Developers events
      • Chiliz Sports Hackathon - July 2024
        • Setting The Stage
        • Getting Started
        • Mission Brief & Key Dates
        • The Prize Money
        • Theme & Intro
        • Tracks, Requirements, Regulations & Scoring Criteria
        • The Process
        • Disclaimers
        • Useful information
      • ETHGlobal Bangkok Hackathon 2024
      • ETHGlobal Istanbul Hackathon 2023
      • ETHGlobal London Hackathon 2024
      • ETHGlobal Online Hackathon Summer 2024
      • Hacking Poland 2025
      • Lumx Hack powered by ETH Rio
  • Chiliz Chain Changelog
    • Governance Proposals & Decisions
      • February 2025: New validator proposals
      • December 2024: Governance Update Proposals
      • May 2024: Dragon 8 (Tokenomics 2.0) Proposal
      • 2024 Dragon8 hard fork announcement
    • Blockchain code changes
    • Outage reports
      • Details on the May 21st outage
  • Doc Updates
Powered by GitBook
On this page
  • Pick your libraries & frameworks
  • WalletConnect (now Reown)
  • RainbowKit
  • Moralis
  • thirdweb
  • Recommend Socios Wallet in the pop-up modal
  • Ensure an optimal experience for your users

Was this helpful?

  1. Develop
  2. Advanced

How to integrate Socios Wallet in your dApp

Last updated 3 months ago

Was this helpful?

dApps typically have a “Connect Wallet” button to trigger a pop-up window where the user can select their wallet provider. The pop-up would then send a message to the chosen wallet in order to verify that this user does own this wallet address.

There are several ways of integrating the Socios Wallet into your dApp's "Connect Wallet" pop-up modal. By relying on reputed tools, you can provide a secure and seamless experience that works with multiple wallet providers (such as MetaMask & others), and chains, including Chiliz Chain (both Spicy Testnet and Chiliz Mainnet).

This page aims to present you with various options to choose from.

Because you are targeting Chiliz Chain, ensure you specify the correct chainId in your configuration:

  • 88882: Spicy Testnet

  • 88888: Chiliz Mainnet

Start by testing your integration on Spicy Testnet (88882), confirm that everything runs smoothly, and only then move to Chiliz Mainnet (88888).

Pick your libraries & frameworks

You can leverage various external tools to streamline wallet connectivity, multi-chain support, and advanced features. Choose your tool based on your project’s tech stack.

WalletConnect (now Reown)

is the of WalletConnect. The well-known WalletConnect wallet connection toolkit is now called .

Reown has a , and you should also peruse .

They also provide a which, although focused on Polkadot, has steps that can be applied more broadly.

REQUIRED

The Socios.com Wallet implements the standard, which means that the smart contract behind it implements the isValidSignature() method instead of erecover().

Therefore, your dApp MUST support ERC-1271 and implement a call to isValidSignature().

See for more.

HIGHLY RECOMMENDED

This is done by connecting to Reown Cloud, going to the "Domain verification" section, and indicating the site that you wish to verify.

RainbowKit

Moralis

If you already use Moralis, you can use it to create your dApps "Connect Wallet" button with several methods/tools:

They also have longform blogposts about each:

thirdweb

Recommend Socios Wallet in the pop-up modal

You can customize the display of the pop-up modal to feature Socios Wallet:

Ensure an optimal experience for your users

For a better user experience, we recommend you to store the user wallet address in the session storage on your app, or in the user profile. This way, the user won't have to connect to their wallet address every time they comes on your platform.

To ensure the authenticity of connections between your dApp and Socios.com Wallet (as well as other wallets), we strongly recommend you to use .

is a React library for adding wallet-connection features. It relies on and , and provides pre-built components for a modern, user-friendly integration flow.

View to learn more about it.

offers (including Chiliz Chain if configured properly), as well as server-side methods to validate and manage user sessions.

offers Connect, a flexible sign-up flow that accommodates different preferences is critical when onboarding users.

You can rely on their , and even play with their .

With Reown/WalletConnect: Customize the "Recommended Wallet" section of the modal using the option.

With RainbowKit: You can build your own list of wallets using the option.

Reown
new name
WalletKit
step-by-step guide to using WalletKit
their full documentation
Polkadot Wallet Integration Guide
ERC-1271
the Reown doc
Reown Cloud’s Verify API
RainbowKit
viem
wagmi
their own introduction
Moralis
ready-made authentication flows for EVM-compatible chains
How to Sign in with WalletConnect
How to Authenticate Users with RainbowKit
WalletConnect Integration – How to Integrate WalletConnect
How to Add a Sign In with RainbowKit to Your Project in 5 Steps
thirdweb
External Wallet doc
ConnectButton playground
explorerRecommendedWalletIds
connectorsForWallets