Social Application Guide

 

This document is intent to use for our following Magento Extensions:

                     logo-ajaxloginsocial-login

Or any other cases it might help.

Go to: https://developers.facebook.com/apps/

At Main menu click “Create a New App”, a popup will open, enter “Display Name” and “Namespace”, for “Category” choose “Apps for Pages”. Then click on “Create App”.

facebook-app-1

In Settings tab, click “Add Platform”

facebook-app-2

In the opened popup, click “Website”

facebook-app-3

Enter “Site Url” and click “Save Changes”

facebook-app-4.

In Status & Review tab. Click “Yes” to publish the app.

facebook-app-5

Go to: https://cloud.google.com/console/project

Click on “Create Project”. Enter “Project name”, “Project ID”, and choose “Create”.

google-app-1

In next screen choose APIs & auth -> Credentials. Click Create New Client ID.

In the opened windows choose:

Application type: Web application

Authorized Jacascript origins: your website url

Authorized redirect URI: your website url + “/le_sociallogin/google/connect/” (your website url + “/ajaxlogin/google/connect/”)

google-app-2

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

https://youwebsite.com/le_sociallogin/google/connect/

To check that, please navigate to your login page, if its something like:

https://yourwebsite.com/customer/account/login/

Then you are using HTTPS.

Go to: https://www.linkedin.com/secure/developer

Click “Add New Application”.

In the next page, at “Company Info” enter Company Name.

At “Application Info” enter:

  • Application Name, Description
  • Website Url: your website domain
  • Application Use: choose “Networking”

At “Contact Info” enter: Developer Contact Email, Phone

At “OAuth User Agreement” choose “r_basicprofile”

At “OAuth 2.0 Redirect URLs” enter: your website url + “/le_sociallogin/linkedin/connect/” (your website url + “/ajaxlogin/linkedin/connect/”)

At “Terms of Service” choose “Agree”

Finally click “Add Application”

linkend-app

Go to: https://dev.twitter.com/apps click “Create a new application”

In the next page, enter:

Name: name app

Description: description app

Website: your website url

Callback Url: your website url + “/le_sociallogin/twitter/connect/” (your website url + “/ajaxlogin/twitter/connect/”)

twitter-app

Finally click “Create your Twitter application”

Go to: https://developer.apps.yahoo.com/projects/ click “Create a Project”

In the next page, enter:

Application Name: Application name

Application Type: choose “Web-based”

Description: description

Home Page URL: your website url

yahoo-app-1

Access Scopes: choose “This app requires access to private user data.”

Callback Domain: your website url + “/le_sociallogin/yahoo/connect/” (your website url + “/ajaxlogin/yahoo/connect/”)

Select APIs for private user data access: choose “Social Directory (Profiles)” => “Read/Write Public and Private”

Finally click “Create Project”.

yahoo-app-2

Go to https://developer.paypal.com/webapps/developer/applications/myapps

Click Create App

Fill App Name and click Create App

In App redirect URLs click Edit, Fill “App return URL (test)” and “App return URL (live)” and click Save

paypal-app-1

Only enter Client IDSecret in  “Live credentials” and just ignore “Sandbox credentials”

paypal-app-2

At Log In with PayPal click Advanced options

Select Personal Information, Address Information, Account Information

paypal-app-3

Finally hit Save.

Go to https://login.amazon.com/manageApps

Click “Sign in to the App Console”, login using your Amazon account.

Click “Register new application”. Fill out the following info:

  • Name: application name
  • Description: application description
  • Privacy Notice URL: url
  • Logo Image: application image if possible

In Web Settings place the following info:

Please note all the lins should be in https.

amazon-app

Click Save to finish.