Since version 2.1 it’s really easy to login using your social network account like Twitter, Facebook, Google + , LinkedIn etc., we use a 3rd party open source project called HybridAuth (awesome project!).

To activate any of these social logins you need first to purchase a premium theme from our market.

How to enable Google login

  1. Open in a new window the Google Developers Console
  2. Press Project on the top and choose Create project.

google1


3. Choose Project name, Yes or No for the other options and press Create.
4. Once the project is created, choose Use Google APIs from the Dashboard.
5. Go to Library, find and enable Contacts API and Google+ API.

google3

6. Then choose Credentials, on the left menu.
7. Choose Create Credentials -> OAuth client ID and then click on Configure consent screen.
8. Now you need to enter a Product name and you can fill any of the other optional fields you want. Click Save.
9. After that you will be redirected to create client ID.

  • Application type: Web application
  • Authorized Javascript origins: Your site URL here. ex: https://yclas.com/
  • Authorized redirect URI: ex: https://yclas.com/social/login/1?hauth.done=Google

google2

10. Click Create.
11. Now you have to verify (register) your domain name. Go to Google Console Developers -> Credentials, choose the last tab, Domain verification and follow the steps there.
12. Go to http://yourdomain.com/oc-panel/social/index
13. Set Google = TRUE
14. Fill ID = Client ID as appears at Google page
15. Fill Secret = Client secret as in Google
16. Click Update in the bottom of the page
17. Logout
18. Go to login, Google should appear there
19. Test!


How to enable Facebook login

This social login might change depending on Facebook !

1. Go to Facebook for developers.

2. Click Add a New App.

3. Fill the fields Display Name and Contact Email and choose a category.

4. Press Create App ID.

fb1

5. Choose Add Product on the left menu and select Facebook Login.

6. Enable Client OAuth Login and Web OAuth Login and fill the fields:

Valid OAuth redirect URIs:
http://yourdomain.com/social/login/1?auth_done=Facebook, http://yourdomain.com
or
https://yourdomain.com/social/login/1?auth_done=Facebook, https://yourdomain.com

Deauthorize Callback URL: https://yourdomain.com

7. Click Save Changes.

8. Choose Settings -> Advanced and enable Social Discovery and Allow API Access to App Settings.

9. Go to App Review and switch Make test public? to Yes.

fb1

10. Go to http://yourdomain.com/oc-panel/social/index
11. Set Facebook = TRUE
12. Fill ID = App ID as appears at FB page
13. Fill Secret = App secret as in FB
14. Click Update in the bottom of the page
15. Logout
16. Go to login, Facebook should appear there
17. Test!

How to enable AOL login

  1. Go to http://yourdomain.com/oc-panel/social/index
  2. Set AOL = TRUE
  3. Click Update in the bottom of the page
  4. Logout
  5. Go to login, AOL should appear there
  6. Test!

How to enable Open ID (yahoo) login

With this option users will be able to login using an Open ID account. In Yclas we use Yahoo as Open ID provider since it’s really easy to implement.

  1. Go to http://yourdomain.com/oc-panel/social/index
  2. Set Open ID = TRUE
  3. Click Update in the bottom of the page
  4. Logout
  5. Go to login, Open ID should appear there
  6. Test!

How to enable Yahoo login

  1. Go to https://developer.apps.yahoo.com/dashboard/createKey.html and create a new application.
  2. Fill out any required fields such as the Application Name and Description.
  3. Put your website domain in the Home Page URL and Callback Domain fields.
  4. Set Application Type to Web Application.
  5. Choose Contacts API

yahoo contacts

6. Go to your panel, Settings -> Plugins, enable Social Auth, click Save and then go to Settings -> Social Auth or http://yourdomain.com/oc-panel/social/index
7. Set Yahoo = TRUE
8. Fill ID = Client ID as appears at Yahoo
9. Fill Secret = Client secret as in Yahoo
10. Click Update in the bottom of the page
11. Logout
12. Go to login, Yahoo should appear there
13. Test!

Other social login

From documentation Hybrid Auth, follow similar procedure.

  1. Twitter
  2. Yahoo (deep integration, but check better Open ID)
  3. MySpace
  4. Windows Live
  5. LinkedIn
  6. Foursquare