How to enable Email and Social Login for your Web3 App

Learn how to use Reown to enable email and social login for your Web3 app!

Connecting to an onchain application shouldn't feel like a hurdle. For many users, the traditional process of setting up a wallet, securing a seed phrase, and managing private keys creates significant friction.

But building something that feels intuitive for all users doesn’t need to be difficult. As you likely know, most people on the internet already have a social media or email account—and they are very familiar with these web2 login processes. That’s the kind of seamless, one-click entry users are looking for in onchain apps too.

For these types of users, it’s imperative to build something friction free. While Reown also offers onchain native authentication methods, via one-click auth (siwe) and multichain auth (SIWX), if you’re looking to provide a familiar bridge into the onchain world, social and email login might fit your app better.

Ready to onboard the masses? Let’s dive into how social and email logins with Reown works.

Why add social & email logins to your app

First, you might want to know why social and email logins are so useful. Well for starters, you can;

Onboard non-crypto natives

Social and email logins allow users to interact with your application without needing to understand the complexities of blockchain infrastructure first. By removing the seed phrase requirement, you make onchain finance accessible to everyone.

Reach more users

With billions of active social media and email users worldwide, enabling this familiar authentication method means you can tap into a massive global audience that may not yet own a crypto wallet. Simply onboard millions of users by meeting them where they already are.

Improve UX

A streamlined login flow significantly reduces friction, leading to better conversion and retention. Users can pay, swap, or deposit directly in-app with fewer steps, creating a more professional and usable product experience.

Who should add social & email logins to their apps?

Decentralized social media apps

Social media users expect speed and familiarity; allowing them to sign in with existing accounts like Farcaster, X, or Google ensures they can start engaging with content immediately.

Prediction markets

For users looking to participate in quick market events, the ease of an email-based login removes the barrier to entry, allowing for faster participation and higher session volume.

NFT marketplaces

First-time buyers are often deterred by wallet setup; offering social logins allows them to purchase and hold digital assets in a secure, non-custodial wallet created instantly upon login.

Gaming apps

Gamers want to play, not manage infrastructure. Social logins enable players to jump into the action and track their progress or assets without ever leaving the gaming environment.

How do social & email logins work?

Reown enables passwordless onboarding by allowing users to create a non-custodial wallet using just their email or social network account. When a user signs in via email, Reown sends a One Time Password (OTP) to verify their identity. Once verified, a non-custodial wallet is created for the user, which remains available across any application that integrates Reown authentication.

For social logins, the process is even faster, as the user simply authenticates through their chosen provider (e.g., Google or Apple) to gain access.

What to consider when you add social & email logins to your app

User Experience

Consider how much of your onboarding should be automated. Reown allows you to choose whether to show wallet options immediately or lead with a simplified social-first interface to reduce visual clutter for new users.

Security

While the flow is simple, the underlying security is robust. These are non-custodial wallets where private keys are managed securely, and users can eventually choose to "Upgrade Wallet" to a full self-custodial experience if they wish to move their assets.

Compatible frameworks

Ensure your chosen solution supports your development stack. Reown is compatible with a wide range of frameworks, including React, Next.js, Vue, JavaScript, React Native, Flutter, Android, iOS, and Unity.

How to integrate social & email logins into your app: a step-by-step guide

Step 1: Choose whether you want to enable social and/or email logins

You have full control over which providers you want to offer. You can enable email, specific social platforms like Google and X, or even disable certain options to tailor the experience to your specific audience.

Step 2: Set up Reown SDK (AppKit)

Integration starts by installing the Reown SDK and configuring your Project ID from the Reown Dashboard. You then initialize the configuration using the createAppKit function, where you can define your supported networks and metadata.

Step 3: Relax! Social & email logins are enabled by default.

One of the biggest advantages of using Reown is that email and social logins are enabled by default in the createAppKit configuration. You don't need to write extra code to turn them on; they are ready to use as soon as you integrate the SDK.

Dive into the docs to learn more!

Why Reown is the best solution for social & email logins

Compatible with all popular social and email accounts

Reown supports a comprehensive list of providers, including Google, X, GitHub, Discord, Apple, Facebook, and Farcaster. This ensures your users can always find a login method they already use and trust.

No extra set up needed

Because these features are built into the core infrastructure, you can launch secure, user-friendly flows without starting from scratch or stitching together multiple third-party tools. This allows your team to ship faster and focus on building your core product features.

Add social & email logins to your app and scale to the millions

Congratulations! By enabling social and email logins, you’ve just made your application accessible to a global audience. You are now equipped to scale your onchain experience with secure, frictionless onboarding that feels just like the web your users already know.

Social and Email Logins via Reown: FAQ

How to disable social and email logins

The createAppKit function is configured so that email and social logins are enabled by default on the wallet connection modal. Therefore, developers do not need to take any extra steps to enable them.

However, if you want to choose whether to enable or disable these options, you can do so. Let’s look at how we can do this.

const modal = createAppKit({
  adapters: [wagmiAdapter], 
  projectId,
  networks: [mainnet, arbitrum],
  features: {
    email: true, // is set to true by default
    socials: ['google', 'x', 'github', 'discord', 'apple', 'facebook', 'farcaster'] //  these social login methods are enabled by default
  }
})

How do the code parameters work?

So what's happening in the above code? Let's break it down step-by-step.

All of the Reown SDK's additional features are configured inside the features object:

1. Email – This parameter controls whether the connection modal will include an email login option. It is set to true by default, so developers don’t need to configure it explicitly. However, if you don't want the connection modal to include email login, you can set the email parameter to false.
2. Socials – This parameter allows you to choose which social platform logins you want to enable for your users. For instance, if you only pass 'google', only Google login will be available. If you want to disable social login entirely, simply pass an empty array: socials: [].

The createAppKit() function creates and configures the wallet connection modal for your Web3 app.