There are several paid as well as free extensions for social media login that allows you to login into magento shop. However, my idea is several options creates confusion for the user, therefore I want to use the most popular ones and that too FREE.

The first step is to download the extension. I am using the following extension

CedCommerce Social Login

http://www.magentocommerce.com/magento-connect/cedcommerce-social-login.html

 

After installing this extension in your magento store ( I am using magento 1.9.1), you need to obtain keys from each site

I will start with Google login First

Login into magento via gmail or Google account

1. Go to the https://console.developers.google.com/project
2. Create a new project with any name
3. In the sidebar under “APIs & auth”, select Credentials, and click the OAuth consent screen tab.
4. Choose an Email Address, specify a Product Name, and click Save.
5. Now in the sidebar under “APIs & auth”, select Credentials.
6. Click on Add Credentials and select oauth2 clientID
7. Select Web Application
8. Fill up the details and click create
9. In Authorized JavaScript origins enter your domain name like : http://shop.example.com
10. In Authorized redirect URIs, enter the page location from where the account login will be called like:: http://shop.example.com/cedsociallogin/google/connect/ OR http://shop.example.com/customer/account/create/ OR http://shop.example.com/checkout/onepage/
11. You will get a Client ID and client secret. SAVE it in a notepad
12. Now login into your magento shop backend and go in  SYSTEM -> CONFIGURATION ->CEDCOMMERCE EXTENSION->SOCIAL LOGIN
13. Use these credentials in Social Login Google Options
14. Give 5-10 mins for google server to update your details
15. Now go to your magento frontend and try to login via google plus

I used the following link as guide  https://developers.google.com/identity/sign-in/web/devconsole-project

 

Login into magento via facebook account

1. First step is go to https://developers.facebook.com/apps/
2. Click on add a new app and select website
3. Name the project and click on the app
4. Add the website URL
5. Now click on Finish
6. Go again to https://developers.facebook.com/apps/
7. Select your app
8. Copy the App ID & App secret. You need to enter your password to get the app secret.
9. Copy the details and paste it to your magento backend (SYSTEM -> CONFIGURATION ->CEDCOMMERCE EXTENSION->SOCIAL LOGIN->FACEBOOK)
10. Give 5-10 mins for google server to update your details
11. Now go to your magento frontend and try to login via facebook
12. Sometimes in facebook you need to submit an application and get approval to make this thing work. All these things can be managed from facebook apps page

 

 

Login into magento via Twitter account

1. First step is go to https://apps.twitter.com/
2. Create a new app
3. Fill in the details like domain name , description, website and call back url
4. Click save
5. Now copy the Consumer Key (API Key) Consumer secret to your magento backend (SYSTEM -> CONFIGURATION ->CEDCOMMERCE EXTENSION->SOCIAL LOGIN->TWITTER)
6. Now go to your magento frontend and try to login via twitter