Google Facebook Twitter Unified social media Login in Magento

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

 

Social Login Magento

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

Login with google in Magento

  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

Login with facebook in MagentoLogin with facebook in Magento

  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

Login Via twitter to Magento Login Via twitter to Magento Login Via twitter to Magento

  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
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s