There is many of plugin available for social login in wordpress, but the set-up for social login for client-id/secret keys is headache. Here is explained step by step for integrating social login in your website.

I’ve used Nextend Social Login Plugin for social login

  1.  Google:

  • First go to https://console.developers.google.com and login if not logged-in
  • Click on Create Project if not created any projects before, else you can create new project besides google apis logo in left top.
  • After creating project, click on credentials and create credentials
  • In redirect url, use > http://ybtestserver.com/wp/test/wp-login.php?loginSocial=google (It may be different and based on plugin you have used )
  • Now just copy client id and secret key, paste it in your plugin section.

     2.  FaceBook:

– As of March 2018, Facebook allows HTTPS OAuth Redirects only

  • Go to https://developers.facebook.com
  • Create New App , Click on My Apps > Add New App > Select Facebook Login
  • Add domains and privacy details
  • Copy your app id and app secret and paste it into plugin section.