Skip to main content

SSO in WordPress

To implement SSO in Wordpress so that users logged-in your wordpress sites get automatically logged-in to Dead Simple Chat, follow this guide.

In this Guide we use the Dead Simple Chat Basic SSO and Login the Users into the Dead Simple Chat, Chat Room who are already logged-in to Wordpress.

  1. Login to your Wordpress dashboard and open themes editor Appearance → Theme Editor
  2. The edit Theme Functions file (functions.php)
  3. Add the following code on top of the file

function hook_javascript() {
    if(is_user_logged_in()) {
        $output="<script> window.userObject = ".json_encode(wp_get_current_user()).";</script>";
        echo $output;
    } else {
        $output="<script> window.userObject;; </script>";
        echo $output;
    }
}
add_action('wp_head','hook_javascript')

php with deadsimplechat SSO snippet php with DeadSimpleChat SSO snippet

  1. The open Theme Footer file (footer.php) and paste the following code in the footer

<script type="text/javascript">
    var frames = document.getElementsByClassName("myFrame");
    for (var i =0; i < frames.length; i++) {
        frames[i].src = frames[i].src + "?username=" + userObject.data.user_nicename;
    }
</script>

footer with deadsimplechat sso snippet footer.php with DeadSimpleChat SSO snippet

  1. Now get the embed code of your chat room from the Dead Simple Chat Dashboard

Embed code chatroom Embed code chatroom DeadSimpleChat

Embed info page Embed info page DeadSimpleChat

Paste the iFrame code wherever you like to the chat on your Wordpress site, it can be added as a Custom HTML block, but add the class="myFrame" to the iFrame.

<iframe class="myFrame" src="https://deadsimplechat.com/JmWhoSUBX" width="100%"
height="500px"></iframe>
  1. That's it! Now the user will be automatically logged-in to the chatroom when are logged-in to your site.