---
updatedAt: 2026-03-01T18:34:50.000Z
---

# Modify the social login UI

> 📘
>
> Much of the content on this page deals with a legacy feature of the ​Akamai​ 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](https://techdocs.akamai.com/identity-cloud/docs/an-introduction-to-hosted-login-1)  for your login and registration needs. See [Configure social login in Hosted Login](https://techdocs.akamai.com/identity-cloud/docs/configure-social-login-in-hosted-login) to learn how to implement social login in Hosted Login.

<br />

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

```javascript
<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:

```javascript
janrain.settings.custom = true;
```

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

# Sibling pages

* [Modify the user data retrieved during social login](https://techdocs.akamai.com/identity-cloud/docs/modify-the-user-data-retrieved-during-a-social-login.md)
* [Change your application domain](https://techdocs.akamai.com/identity-cloud/docs/customize-your-application-domain.md)
* [Integrate third-party analytics](https://techdocs.akamai.com/identity-cloud/docs/use-third-party-analytics-with-social-login.md)
* [Assign social login scopes](https://techdocs.akamai.com/identity-cloud/docs/assign-social-login-scopes-on-a-per-page-basis.md)
* [Use progressive permissioning with Facebook](https://techdocs.akamai.com/identity-cloud/docs/use-progressive-permissioning-with-facebook.md)
* [Add a custom OpenID Connect provider](https://techdocs.akamai.com/identity-cloud/docs/add-a-custom-social-login-provider-button.md)
* [Map social login accounts](https://techdocs.akamai.com/identity-cloud/docs/map-social-login-accounts.md)