Social Sign-in Widget

For customers of our JUMP Solution, or Capture Premium, Social Sign-in is included as part of the JUMP starter kit. You will not need to follow these initial steps.

The Social Sign-in Widget for Janrain Engage supports convenient and secure sign-in, authenticated by standard Identity Providers. The process is completely transparent to your users. You can select from a long and growing list of Identity Providers, including Facebook, Google, Twitter, Yahoo!, PayPal, AOL, and LinkedIn. Once a user has signed in, your application can use the Engage RESTful server-to-server API to access user profile data.

The following topics cover the Social Sign-in Widget:

• Social Sign-in Quick Start Guide — For a quick widget proof of concept integration.
• Implementation Guide – An overview of the social sign-in widget implementation process.
• User’s Guide — Explains how to use the features of the sign-in widget.
• Social Sign-in Widget APIs — Describes the client-side Javascript APIs used to manipulate the widget.
• RESTful APIs – Details the commands used to communicate with your application, allowing you to manage users and their information.

By default, the social sign-in widget consists of two columns of Identity Provider buttons (see Figure 1). The user clicks on a button to choose a provider and begins signing in. The default also shows up to 6 providers at a time, the order of which may be arranged to your liking. You can also choose to make the widget embedded (appears in a web page) or modal (pops up in an overlay when the user clicks on a link).

Figure 1: Social Sign-in Widget

Users who have logged in previously are greeted with a simplified “return experience”, as seen in Figure 2:

Figure 2: Widget Return Experience

Pro and Enterprise applications can customize widgets in various ways. In particular, the layout option can be changed to “one column”, as seen in Figure 3:

Figure 3: One Column Widget

Or to “one row” for a compact row of icons, as seen in Figure 4:

Figure 4: One Row Customized Widget

You can also enable scrolling to accommodate more providers, as seen in Figure 5:

Figure 5: Side Scrolling Widget