Build Frontend Flows
Introduction
Integrate the OwnID SDK with your frontend
Prerequisites
To get the most out of this guide, make sure you’ve already completed the backend integrations as described in Build Server-Side Endpoints.Integration Options
Choose between two different integration paths based on your needs: OwnID Elite and OwnID Boost. Each path offers unique capabilities and implementation strategies.1. OwnID Elite
OwnID Elite offers a fully guided, secure, and streamlined login or registration flow that prioritizes a passwordless-first experience. It provides predefined screens that can be easily customized with your brand’s look and feel. This path is ideal for those looking to offer a seamless and branded passwordless authentication experience from the very first user interaction. Overview:- Fully guided user journeys with minimal setup.
- Customizable screens for a branded experience.
- Prioritizes passwordless login (passkeys) to enhance security and user convenience.
- Social login (Google and Apple)
- Profile data collection
- Implement the predefined screens provided by OwnID.
- Customize the branding elements as needed.
2. OwnID Boost
OwnID Boost is designed to enhance your existing login and registration forms by adding OwnID as an add-on. This integration places OwnID side-by-side with the traditional password field, giving users the option to choose a passwordless experience without altering your current login flow. It’s an ideal choice for those who want to introduce passwordless authentication incrementally. Overview:- Works alongside your existing login and registration forms.
- Users can choose between passwordless login and traditional password-based login.
- Minimal disruption to your current login flow.
- Add OwnID as an add-on to your existing forms.
- Ensure proper placement of the OwnID option next to the password field.
- Customize the OwnID Button with your desired colours.