Pre-Built UI
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.
Step 1: Add SDK Dependency
- Open your app’s project file
.xcodeproj
. - Add the following line into the dependencies section of your project’s
Podfile
:
Make sure to run the following commands in your root folder to fetch the dependency.
Step 2: Configure info.plist
Add the following block to your info.plist
file:
Replace YOUR_APP_ID
with your actual App
ID provided in
your OTPLESS dashboard.
Step 3: Handle Redirection
Add the following code to your App Delegate
to handle redirection:
Step 4: Configure your Signup/Sign in page
Import the OTPLESS SDK in your file:
Add the following code in your viewDidLoad()
function:
Step 5: Handle Callback on your Signup/Sign in page
Implement the OtplessDelegate
protocol and handle the callback from the OTPLESS SDK:
Configure Auth Method
Select from a wide array of auth methods, including SMS, WhatsApp, Email, Google, and many more
Configure UI
Customize logos, headings, color schemes, and more to match your brand identity and improve UX.
🏁 Checkpoint
To ensure a smooth integration process:
- Deploy your app/website with the included OTPLESS SDK.
- Conduct tests to verify the sign-in flow functions correctly.
- Ensure that after a successful sign-in, the user is redirected back to your app/website and their information is correctly logged in the console.
User Information Response Structure
The structure of the user information returned upon successful sign-in is as follows:
You can check out a complete sample response here.
Next Steps
Was this page helpful?