.cta-button {
  background-color: #007bff;
  color: white;
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
}


.activate-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  text-transform: unset;
  border-radius: 4px;
  font-family: bold-font;
  font-weight: 500;
  font-size: 0.875rem;
  height: 40px;
  min-width: 64px;
  padding: 6px 16px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: rgb(255, 255, 255);
  background-color: rgb(48, 98, 212);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}


.activate-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  background: #113997;
}

.activate-button p {
  margin: 0;
}

.activate-button:hover,
.activate-button:focus {
  background-color: #113997e1; /* A darker shade of WordPress blue for hover */
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.activate-button:active {
  background-color: #0a3495; /* Even darker for the active state */
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


Prerequisites

Choose your Programming Language:

Configure OAuth platforms on Dashboard

Step 2: Get Auth Token

🏁 Check Point : Verify Auth Token

Community

Schedule a Call

OTPLESS

Home

Frontend SDKs

API Reference

Resources

Sign in

Contact Support

Welcome to the Social Auth integration guide! Follow these steps to send and verify phone and email using the OTPLESS Headless SDK.

Social Auth

Headless - Social Auth

OTPLESS provides a modern approach to authentication and access management, designed for developers who prioritize both security and user experience. Our platform simplifies integration and enhances user interaction, allowing you to transcend traditional authentication with ease.

Introduction

Welcome to OTPLESS

Before you begin integrating OTPLESS into your application, complete the following initial steps to set up your environment.

Get started with integrating OTPLESS by choosing the right tools for your project. Select from our range of Plugins, SDKs, and APIs to match your development needs.

Quick Start

The OTPLESS API provides a secure, efficient, and seamless way to authenticate users without the need for traditional passwords and OTPs.

This section provides a comprehensive overview of potential error codes returned by the OTPLESS API, their meanings, possible causes, and suggested corrective actions.

Error Codes

A Redirect URI is a critical component in the authentication process, acting as the endpoint to which users are directed after authentication. In mobile apps, these often take the form of deep links, which bring users back to the app from a web-based authentication flow.

What's Redirect URI?

Webhooks are a powerful mechanism for receiving real-time notifications about events occurring within the OTPLESS system. By integrating webhooks into your application, you can gain valuable insights into user authentication activities and system health, enabling efficient tracking and reporting.

Webhook Guide

Learn how the id_token can simplify and secure user authentication in your applications.

id_token (JWT)

Biometric Authentication uses fingerprints or facial recognition for secure, passwordless logins. This enhances security by storing biometric data locally and employing cryptography, while simplifying the login process for users.

Biometric Authentication

Silent Network Authentication (SNA) is a cutting-edge technology designed to authenticate users silently without requiring active input like traditional OTPs. This blog explores what SNA is, why it's beneficial, and how you can integrate it into your web applications.

SNA - Web Applications

Integrating Silent Network Authentication (SNA) in Web Applications

Smart authentication is a multi-layered solution that maximizes user conversion rates and ensures robust security using a waterfall model. It transitions seamlessly through various methods to provide a smooth, secure user experience.

Smart Authentication

Integrating Smart Authentication into Your Application

Authentication via Whatsapp utilizes the WhatsApp platform to verify and identify user identity, leveraging it as a means of verification.

Authentication via WhatsApp

Authentication via Whatsapp

This endpoint initiates an OTP to be sent to the specified phone number using the provided channels.


Send OTP (Phone)

This endpoint initiates an OTP to be sent to the specified email.


Send OTP (Email)

This endpoint verifies the OTP sent to the user for authentication.

Verify OTP

This endpoint initiates a Magic Link to be sent to the specified phone number using the provided channels.


Send Magic link (Phone)

This endpoint initiates a Magic Link to be sent to the specified email address using the provided channels.
It enables a smart authentication flow if multiple channels are specified in the request.


Send Magic link (Email)

This endpoint validates the code received via a Magic link / OAuth request to complete user authentication.


Verify Code

This endpoint initiates an OTP link to be sent to the specified phone number using the provided channels.


Send OTP Link (Phone)

This endpoint initiates an OTP link to be sent to the specified email or phone number using the provided channels.


Send OTP Link (Email)

This endpoint initiates an WhatsApp OAuth authentication flow using the specified channel.


OAuth Authentication

This endpoint initiates a Phone Call Approval request to the specified phone number.


Phone Call Approval

This endpoint retrieves the status of an ongoing authentication request using the provided request ID.


Request Status

Sends messages across different channels like WhatsApp, SMS, or Email based on the provided parameters.

Send Message

Validates user details by exchanging the token obtained from the otplessUser object for the user's information. This server-to-server call requires authentication using the client ID and secret.

Verify token

Easily enhance your WordPress site with the OTPLESS plugin, enabling a variety of user-friendly login methods with just a few clicks. From social logins to mobile authentication, OTPLESS ensures top-notch security, simplifying user access while maintaining high protection standards.

WordPress

Seamlessly integrate OTPLESS into your Shopify store to enhance customer experience with secure, one-tap authentication solutions. From social logins to streamlined checkout processes, OTPLESS provides a robust platform that improves both security and usability, helping you increase conversion rates and build customer trust.

Shopify

Integrate OTPLESS to provide seamless, secure authentication solutions on your Magento store. Enhance user experience with simplified login processes and robust security features designed specifically for eCommerce platforms.

Magento Integration

Seamlessly integrate OTPLESS into your Webflow projects to enhance user authentication with advanced security features. This guide will help you install and activate the OTPLESS plugin, enabling you to implement a variety of authentication methods effortlessly.

Webflow

Explore the OTPLESS JavaScript SDK to seamlessly integrate various authentication methods into your applications. This SDK allows you to leverage pre-built UI components or create your own custom interfaces.

Leverage our Pre-Built UI for rapid integration and customization of authentication flows in your application. This setup allows you to adjust appearance and functionality through the OTPLESS dashboard with minimal coding.

Pre-Built UI

Utilize our Headless SDK for ultimate flexibility. Craft your own tailored UI and seamlessly integrate OTPLESS authentication capabilities using our SDK.

Headless

Harness the power of OTPLESS with your React applications to streamline user authentication. This SDK is designed to integrate seamlessly with React, offering both pre-built components and headless functionality for custom UI implementations.

Harness the power of OTPLESS with your Angular applications to streamline user authentication. This SDK is designed to integrate seamlessly with Angular, offering both pre-built components and headless functionality for custom UI implementations.

Explore the OTPLESS VU SDK to seamlessly integrate various authentication methods into your applications. This SDK allows you to leverage pre-built UI components or create your own custom interfaces.

Explore the OTPLESS Flutter Web SDK to seamlessly integrate various authentication methods into your applications. This SDK allows you to leverage pre-built UI components or create your own custom interfaces.

Explore the OTPLESS Android SDK to seamlessly integrate various authentication methods into your applications. This SDK allows you to leverage pre-built UI components or create your own custom interfaces.

Explore the OTPLESS iOS SDK to seamlessly integrate various authentication methods into your applications. This SDK allows you to leverage pre-built UI components or create your own custom interfaces.

Utilize our Headless SDK for ultimate flexibility. This guide provides detailed instructions on integrating custom UI elements with OTPLESS's backend authentication functions.

Explore the OTPLESS Flutter SDK to seamlessly integrate various authentication methods into your applications. This SDK allows you to leverage pre-built UI components or create your own custom interfaces.

Explore the OTPLESS React Native SDK to seamlessly integrate various authentication methods into your applications. This SDK allows you to leverage pre-built UI components or create your own custom interfaces.

Explore the OTPLESS Ionic SDK to seamlessly integrate various authentication methods into your applications. This SDK allows you to leverage pre-built UI components or create your own custom interfaces.

Plugins

Web SDKs

Native/Mobile SDKs

References

Headless - Social Auth

Prerequisites

Configure OAuth platforms on Dashboard

Choose your Programming Language:

Step 1: Initiate Social Auth

Step 2: Get Auth Token

🏁 Check Point : Verify Auth Token

Plugins

Web SDKs

Native/Mobile SDKs

References

​Prerequisites

​Configure OAuth platforms on Dashboard

​Choose your Programming Language:

Step 1: Initiate Social Auth

​Step 2: Get Auth Token

​🏁 Check Point : Verify Auth Token

Prerequisites

Configure OAuth platforms on Dashboard

Choose your Programming Language:

Step 2: Get Auth Token

🏁 Check Point : Verify Auth Token