social login guide - magento€¦ · social login guide version 0.1.0–june 2015 configuration go...

Website: http://magehit.com Contact: sale@magehit.com

Social Login Guide Version 0.1.0–June 2015

Configuration

Go to System >> Configuration click to Social Login go to configure the extension.

In the Enable field, select Yes to enable the module.

In the Title field, put a title to display to title of box Social Login.

In the Display Position Default field, select Yes or No to allow display default position in login

page, register page, checkout page And in comment of this field have simple code, you can use it

copy to any place which you need display.

<?php

if(Mage::helper('core')->isModuleEnabled('Magehit_Sociallogin')):

echo Mage::app()->getLayout()->createBlock('sociallogin/login')->toHtml();

endif;

?>

Enter application ID and application key for each social network

Same in above screen

Google: Click to tab “Social Login Google Options”

In the Enabled field, select Yes or No to allow display Google social network. If Yes is selected,

two field Google API Client ID and Google API Client Secret will be displayed

Then please click to the link below to go to page to create app:

https://cloud.google.com/console#/project

Click on “Create Project” enter “Project name” and click to “Create”

In the next screen click to APIs & auth -> Credentials. Then click to "Create New Client ID".

In the opened popup select “Web application”, click to “Configure consent screen”

In next screen, enter “Product name” and “Homepage URL” then click to “Save”

In the opened popup, enter “Authorized JavaScript origins” and “Authorized redirect URIs”

Note: If you have enabled HTTPS for your login page, you must also use HTTPS for the “Authorized

redirect URL”: https://youwebsite.com/mhsociallogin/google/connect/

After click to “Create Client ID” it will be redirect to screen success for create project.

Then you can use Client ID and Client Secret.

Facebook: Click to tab “Social Login Facebook Options”

In the Enabled field, select Yes or No to allow displaying Facebook social network. If Yes is

selected, two field Facebook APP ID and Facebook APP Secret will be displayed

Then please click to the link below to go to page create app:

https://developers.facebook.com/docs/opengraph/getting-started#create-app

In this screen click to “Create a new App ID”, a popup will be opened, enter “Display Name” & “Namespace”

& “Choose a Category” and click to “Create App ID”

In Settings tab on left menu, click to “Add Platform”

A popup opened, click to “Website”

In the next screen, enter “Site URL” then click to “Save Changes”

In Status & Review tab on left menu, click to place red border to publish the app

In tab Dashboard, you can copy App ID and App Secret to use.

Twitter: Click to tab “Social Login Twitter Options”

In the Enabled field, select Yes or No to allow displaying Twitter social network. If Yes is selected,

two field Consumer Key and Consumer Secret will be displayed

Then please click to the link below to go to page create app: https://dev.twitter.com/apps

In this screen, click to “Create New App”. Then will redirect to page, enter “Name” & “Description” &

“Website” & “Callback URL”

Click to checkbox “Yes, I agree”, then click to “Create your Twitter application”

In “Keys and Access Tokens” tab, you can copy “Consumer Key (API Key)” and “Consumer Secret (API

Secret)” to use.

Linkedin: Click to tab “Social Login Linkedin Options”

In the Enabled field, select Yes or No to allow display linkedin social network. If Yes is selected,

two field Consumer Key and Consumer Secret will be displayed

Then please refer this link below to see detail step by step to configuration application

https://developer.linkedin.com/docs/oauth2

Some pictures will be displayed at frontend

For default position display.