Scribd
Upload
769 views8 pages

Integration Guide by OTPless

This document provides instructions for integrating WhatsApp login on various platforms using OTPless. It outlines the steps to install SDKs and add login buttons for WordPress, Shopify, JavaScript, React, Angular, Android and iOS apps. Live support is available at the provided links for any integration issues. The process involves copying and pasting SDK and button code, then defining a function to retrieve user details on login.

Uploaded by

Bhavik Koladiya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
769 views8 pages

Integration Guide by OTPless

This document provides instructions for integrating WhatsApp login on various platforms using OTPless. It outlines the steps to install SDKs and add login buttons for WordPress, Shopify, JavaScript, React, Angular, Android and iOS apps. Live support is available at the provided links for any integration issues. The process involves copying and pasting SDK and button code, then defining a function to retrieve user details on login.

Uploaded by

Bhavik Koladiya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Integration Guide

Choose your platform

Plugins

Wordpress Shopify

Website

JavaScript React JS Angular

App

Android iOS React Native


WordPress

Step 1

Install and Activate Plugin


Install now

Step 2

Copy-paste the shortcode on


your login page to create the
button
[otpless]

Need help? Get live support


JavaScript

Copy-paste the code on your


login page

<!-- Create a " WhatsApp Login "


button -->

<div id="otpless">

<script type="text/javascript"
src="https://otpless.com/
auth.js"></script>

<!-- Get user's whatsapp number
and name -->

<script type="text/javascript">

function otpless(otplessUser)
{

var waName =
otplessUser.waName;

var waNumber =
otplessUser.waNumber;

// Signup-sign the user and
redirect to next page

</script>

</div>

Need help? Get live support


React JS

Step 1 - Install SDK

Copy-paste the code in your


app's public/index.html file to
install the SDK.

<!-- OTPless SDK -->

<script type="text/javascript"
src="https://otpless.com/auth.js">

</script>

Step 2 - Create Button

Copy-paste the code on your


app's login page

<!-- WhatsApp Login Button -->

<div id="otpless"></div>

Need help? Talk to our live experts


React JS

Step 3 - Do signup/signin

Copy-paste the code on your


login page to retrieve the
user's WhatsApp name and
number.

useEffect(() => {

// Define the 'otpless' function

window.otpless = (otplessUser) =>


{

// Retrieve the user's details


after successful login

const waName =
otplessUser.waName;

const waNumber =
otplessUser.waNumber;

// Signup-sign the user and


redirect to next page

};

}, []);

Need help? Get live support


Angular

Step 1 - Install SDK

Copy-paste the code in your


app's src/index.html file

<!-- OTPless SDK -->

<script type="text/javascript"
src="https://otpless.com/auth.js">

</script>

Step 2 - Create Button

Copy-paste the code on your


app's login page

<!-- WhatsApp Login Button -->

<div id="otpless"></div>

Need help? Get live support


Angular

Step 3 - Do signup/signin

Copy-paste the code on your


login page to retrieve the
user's WhatsApp name and
number.

constructor() {

// Define the 'otpless' function

window.otpless = (otplessUser) =>


{

// Retrieve the user's details


after successful login

const waName =
otplessUser.waName;

const waNumber =
otplessUser.waNumber;

// Signup-sign the user and


redirect to next page

};

}, []);

Need help? Get live support


Quick links

Latest Integration Guide

https://otpless.com/platforms

Live support 24x7

https://otpless.com/help

You might also like