1. Authentication
  • Overview
  • Application Guides
    • Frontend
      • Get Started - React App
      • Get Started - HTML and JS
      • Get Started - Angular JS
      • Get Started - Next JS App
    • Backend
      • Get Started - Node JS
      • Get Started - Golang
      • Get Started - ASP.NET
      • Get Started - JAVA
  • Dashboard
    • API Credentials
    • Organization
    • Social Login
    • Customize Email Template
    • Configure Custom Domain
    • IT Admin Portal
  • Authentication
    • Login Widget
    • Magic Link
    • Google Social Login
    • Multi-Factor Authentication
    • Single Sign-On Overview
    • Setup SSO Connection
  • Security
    • Overview
    • Authentication
      • Password Hashing and Storage
      • Multi-Factor Authentication Methods and Implementation
      • Session Management
    • Attack Protection
      • Bot Detection
      • Breached Password Detection
      • Brute Force Protection
      • Log Events
      • Secure JSON Web Tokens (JWT)
      • Secure OpenID Connect (OIDC)
      • Suspicious IP Throttling
    • Data Security
      • Data Encryption At Rest and In Transit
      • Secure Storage of Secrets (Keys, Credentials)
      • Sensitive Data Handling
    • Infrastructure
      • Security Considerations for Cloud Provider or Deployment Model
      • Threat Modeling
  • API References
    • Authentication
      • MagicLink
        • Email a Magic Link
        • Resend Email Magic Link
        • Verify Magic Link
        • Ping Status
      • Magic Auth Code
        • Email a Magic Auth Code
        • Resend Magic Auth Code
        • Verify Magic Auth Code
      • Phone Authentication
        • Send Magic Auth Code via SMS
        • Resend Magic Auth Code via SMS
        • Phone Magic Auth Verify
      • PassKey
        • Initiate Passkey Login
        • Passkey Registration Initialize
        • Finish Passkey Authentication
        • Complete Passkey Registration
        • Check User Passkey Authentication Status
        • List User PassKey Credentials
        • Update Passkey Name
        • Delete Associated Passkey
      • GET Auth Status
    • Token
      • Refresh Token
      • Access Token By Auth Code
    • Mutli-Factor Authentication (MFA)
      • MFA Access Token
      • List of Authenticators
      • MFA Enroll TOTP
      • Initiate MFA
      • QR Code Image API
      • Validate MFA Token
      • Get Backup Code
    • Role And Permission
      • List All Roles
      • List All Permission
      • Create New Role
      • Update Existing Role
      • Update Permission By Permission Id
      • Remove Organization Role By Role Id
      • Remove Organization Permission By Permission Id
    • User Management
      • List All Users
      • GET User By User Id
      • GET User by User Email Address
      • Create a User
      • Update User by User Id
      • Verify User Status By User Id
      • Delete User By User Id
      • Manage User Roles
      • GET Users Organizations
      • GET User Login Logs
    • Organization
      • Add New Organization
      • Get Organization
      • Get All Organization
      • Update Organization
      • Delete Organization
      • GET Configuration By Client Id
      • GET Configuration By Custom Domain
  1. Authentication

Login Widget

This guide explains how to streamline user login within your application using SSOjet's Login Widget. This pre-built and customizable user interface simplifies the authentication process.

Login Widget#

Building authentication flows that handle various login scenarios and work with multiple login providers can be complex. SSOjet's Login Widget solves this problem by providing a hosted and customizable solution that takes care of the following:
User registration, login and email verification.
Integration with enterprise single sign-on (SSO) and multi-factor authentication (MFA) enrollment.
Automatic detection and blocking of bots to prevent security breaches.
The ability to customize branding and use your own domain name.
image.png

How Does It Work?#

The SSOJet Hosted Login Widget is a ready-made login interface. You can configure it using the SSOJet Dashboard to match your brand.
Here's the user journey:
The user initiates a login request in your application.
Your application redirects the user to the Login Widget URL you obtained from the SSOJet Dashboard.
The user completes the authentication process through the secure SSOJet interface.
Once authenticated, the user is automatically redirected back to your application.
Your application retrieves the authenticated user information and manages the session.
The Login Widget simplifies the user experience and automates many SSOJet API calls. Refer to the SSOJet Quick Start guide for detailed integration instructions.

Sign In Options#

The Login Widget also allows user signup. Available options depend on the configured authentication methods you choose, such as email magic links, one-time passwords (OTPs), or SSO connections. If a user's email domain is linked to an SSO connection, they'll be automatically redirected to sign up through their identity provider. However, signup behavior may vary depending on the specific SSO provider's policies.

Supported Authentication Methods#

The Login Widget adapts to the authentication methods enabled in your SSOJet User Management settings. Here are some common options:
Magic Link: Secure login via email link.
Magic Code: Login using a temporary code sent via SMS or email.
Single Sign-On (SSO): Leverage existing enterprise login credentials.
Social Login: Sign in with social media accounts.
Multi-Factor Authentication (MFA): Add an extra layer of security.
Passkeys: Login securely using fingerprint or device verification.
For detailed information on each method, refer to the relevant SSOjet documentation.

Integration Options#

Integrating the Login Widget into your application is easy, but the approach may differ depending on your needs:

Quick Integration#

For the fastest setup, use the Hosted Login Widget. Here's how to get the pre-built URL:
In your SSOJet Dashboard, navigate to the Branding section on the left panel.
Click on "Branding."
You'll see tabs for "Login Box" and "Admin Portal."
Select "Login Box" and click the "Try Now" button in the top right corner.
This will open the Hosted Login Widget in a new tab.
Use this URL to redirect your users for signup or login.

Custom Login Flows#

If you prefer more control over the look and feel, you can build your own authentication UI using SSOjet's User Management API.
Previous
IT Admin Portal
Next
Magic Link
Built with