Modify the social login UI

Suggest Edits

📘
Much of the content on this page deals with a legacy feature of the <COMPANY_NICKNAME>> Identity Cloud (in this case, the JavaScript SDK). If you are currently an Identity Cloud customer and are using the JavaScript SDK, that SDK is still supported. However, if you’re new to the Identity Cloud the JavaScript SDK is no longer available. Instead, you should use Hosted Login for your login and registration needs. See Configure social login in Hosted Login to learn how to implement social login in Hosted Login.

After adding the Social Login code you obtained from the Social Login Dashboard, your document will look something like this:

<script>
(. function(){
     if(typeofwindow.janrain !== 'object')window.janrain = {};
       if(typeofwindow.janrain.settings !== 'object')window.janrain.settings = {};
         janrain.settings.tokenUrl = 'https://www.example.com/token.php';
   function isReady(){janrain.ready = true;};
     if(document.addEventListener){
       document.addEventListener("DOMContentLoaded",isReady,false);
     }else{
   window.attachEvent('onload',isReady);
   }
  var e = document.createElement('script');
  e.type = 'text/javascript';
  e.id = 'janrainAuthWidget';
  if(document.location.protocol === 'https:'){
   e.src = 'https://rpxnow.com/js/lib/app-name/engage.js';
  }else{
   e.src = 'http://widget-cdn.rpxnow.com/js/lib/app-name/engage.js';
  }
 var s = document.getElementsByTagName('script')[0];
 s.parentNode.insertBefore(e,s);
})();
</script>

Add the following line to your JavaScript file:

janrain.settings.custom = true;

Now you’ll be able to build your own Social Login experience using our JavaScript API.

Updated over 2 years ago