Setting up social login in Sociable

Sociable has built-in support for authenticating and login users via social platforms such as Facebook, Google, LinkedIn and Twitter. This guide explains how to setup the services.

Sociable has built-in support for authenticating and login users via social platforms such as Facebook, Google, LinkedIn and Twitter

Enable Social Authentication

To enable social authentication, follow the below steps

  1. Go to Components -> Sociable
  2. Click on Options button on the toolbar, this will open the component options
  3. Click on the Profile tab to show profile options
  4. Select the desired authentication platforms in the “Social Authentication” option under “Integration” tab
  5. Enter the API keys of the respective authentication methods in the fields shown after selective the above, if any shown.

Enable Authentication Plugin

When the user is authenticated, his profile will be integrated into Joomla! by using an authentication plugin. Enable it by following the below steps.

  1. Go to Extensions -> Plugins
  2. Filter Authentication type plugins in the search filters or Search for “Authentication – Sociable” plugin
  3. Enable it

How to get Facebook API Key

You need to create your application on the Facebook developer page to get your API key. Follow the below steps.

  1. Login into your Facebook account.
  2. Go to https://developers.facebook.com/
  3. Click on My Apps and click on Create App button
  4. Enter required details to create an app
  5. Now you can access your app from the My Apps menu
  6. In the App Dashboard, choose your app and scroll to Add a Product Click Set Up in the Facebook Login card. Select Settings in the left side navigation panel and under Client OAuth Settings, enter your redirect URL in the Valid OAuth Redirect URIs field for successful authorization.
  7. The Valid OAuth Redirect URL should be with the following format: https://yourwebsitename/index.php?option=com_sociable&task=user.login
  8. You can find your app credentials under the settings menu
  9. See more details at https://developers.facebook.com/docs/facebook-login/web/

The Facebook login button will be shown below the login form on your Sociable login page. Now your Sociable compopnent is enabled for social authentication.