Explore Sign Up and Sign In widget Capabilities

Customer integrates the sign up and sign in widget to authenticate CyberArk Identity cloud user

Using the widget customer application will not redirect to CyberArk Identity server for user authentication. The widget will embed to the existing customer web application to perform the user authentication.

Introduction to Sign Up / Sign In Widget

CyberArk provides a widget which a customer can use to avail the sign up and sign in capabilities in their applications.
The Sign Up and Sign In widget can be integrated into a custom application where the company can authenticate the identity of end users using CyberArk Identity.

Widget overview

  • User registers an account with CyberArk Identity server
  • Admin needs to map the role in CyberArk Admin portal for newly registered user
  • User authenticates to CyberArk Identity server
  • Authentication (with MFA) based on the configured policies
  • The protocol used for this widget is OAuth (Authorization code + PKCE)

Widget Usage

The signup/signin card in the demo web app simulates Acme.com (dummy website) securing their end user registration and authentication using CyberArk SignUp/SignIn widget respectively.

  • On click of Start button of the signup/signin card, a screen with detailed description of the widgets along with the API endpoints being used appears. It also has Sign up and Login button, which we can see how the widget can be integrated into a client app.

Widget Exploration

  • On the click of Sign up button, the CyberArk Identity Sign Up widget appears using which the user can register and create an account.
Registering user using Sign Up widgetRegistering user using Sign Up widget

Registering user using Sign Up widget

  • Post creation of the user, the Sign In widget appears through which user can sign in to the demo app. The challenges during sign in appears on the basis of the configured policies for the user.
Logging in user using Sign In widgetLogging in user using Sign In widget

Logging in user using Sign In widget

  • When clicked on Next button, the authentication challenges appear, responding to which the user authenticates itself. This can be explored in MFA Widget in more detail.
  • Click on Next, the user logging in for the first time is navigated to the Reset Password page in the widget where user has to chose a new password for the account.
  • Upon entering the new password in both the New Password and Confirm Password fields, click on Next button will take the user to password change confirmation page.
  • By clicking on the Start Over option from the page, the sample app takes user to the Sign In widget using which user can log in to the custom app with the credentials.

Sample app functionalities

  • Post successful authentication using the widget, user navigates to the application to explore various functionalities provided. In the sample app, the following activities are integrated for demonstration purpose.