Joomla 3.x. How to configure Google login in “Joomla Social Login” component

This tutorial is going to show you how to configure Google+ login in “Joomla Social Login” component.

Joomla 3.x. How to configure Google login in “Joomla Social Login” component

Joomla Social Login is a component that allows to display login buttons to the social network accounts:

To configure Google+ Login, please do the following:

1. Open your Joomla admin panel and navigate to Components > Social Login And Social Share section:

   

2. You will see two tabs on the Social Login And Social Share page:

Social Login

Social Login section allows you to enable/disable Google tab on your site frontend. Set Do you want to Enable Google Login for your website? to Yes to enable Google tab at your site frontend.

In order to activate Google+ login in Joomla Social Login component, you should do the following:

1. You will need to generate Google+ App ID and App Secret key:

   1. Go to the Google Developers Console.

   2. Create/select a project.

   3. Select APIs & auth > Credentials on the left sidebar:

      

   4. Navigate to Add Credentials > OAuth 2.0 client IDs section:

      

   5. Select Web Application type, enter your Authorized JavaScript origins and Authorized redirect URIs. Click Create button:

      

   6. You will see your App ID and App Secret key on the next screen:

      

2. Insert Google App ID and App Secret on the “Joomla Social Login” component page in your Joomla admin panel:

   

3. Save changes and check your site.

Social Share

Social Share section allows you manage sharing settings on your site:

1. You can select which Sharing Networks you want to show in the sharing widget.

2. Choose the position of Social sharing interface.

3. Select what area(s) you want to show the social sharing widget in.

Feel free to check the detailed video tutorial below:

Joomla 3.x. How to configure Google login in “Joomla Social Login” component