Login Button

The Social Login buttons are what powers the single-sign on functionality of JFBConnect, making social network login for Joomla a simple task for your. As with the rest of JFBConnect, we've given you the power to integrate this button in numerous, extremely simple ways to fit your site's design and function. JFBConnect login buttons

SCLogin Module

This option will get single-sign on up and running on your site in minutes, by using the standard Joomla login module, with enhancements for Joomla social login functionality. The SCLogin Module extends the normal Joomla Login module by adding the social login buttons along with a few other customizations to make integration easier.


If you already have your site customized how you want, don't worry about adding a new module! Simply use the login functionality you already have, and add the following tag to your existing template or login module:


If you'd like to add just a single provider, use the call for the specific provider like the following two examples:

{SCAmazonLogin} {SCLinkedInLogin}

Once added, JFBConnect will automatically replace that tag with the social login buttons. No more messing with your template and finely crafted Joomla site to add the power of Joomla social login features.

Custom Login Button Image (or Button)

You have full control of the Joomla Social Login buttons. While many social networks recommend using their standard Sign In button, you're free to use any image, html button, or standard text link.

  1. If you'd prefer to just change the login images, follow the directions here.
  2. If you'd prefer to fully customize the buttons, you can instead just add a bit of Javascript to let JFBConnect know to use that button for logging in, and you're good to go! For example, to use your own custom image, use the following code*: (Note:* You will need to add this link for each social provider you wish to display, changing the name in the provider() method)
<a href="javascript:void(0)" onclick="jfbc.login.provider('amazon');"><img src="/linktoimage.jpg" /></a>