Quick AJAX Login - Magento · Magento Quick Ajax Login - Social Login by Amasty | User Guide...

Quick AJAX Login

Magento Extension User Guide

Official extension page: Quick AJAX Login

User Guide: Quick AJAX Login

Support: http://amasty.com/contacts/

https://amasty.com/magento-quick-ajax-login.html








http://amasty.com/magento-quick-ajax-login.html






http://amasty.com/contacts/













Table of contents:



1. General settings …………………………...…………………. 3 2. Facebook settings ……………………………………………. 7 3. Google+ settings ………..……………………………..…… 14 4. Twitter settings ………………………………..………….… 23




















Here you can enable the extension and choose whether to redirect customers after successful login.

1. General Settings

Please go to admin panel -> System -> Configuration -> Ajax Login to manage the extension settings.

If URL Redirect is set to ‘No’ customers will stay on their current page after they log in.






















Switch Redirect URL to Yes to redirect customers to a particular page after successful login.

Insert the page URL to which you want redirect customers after they log in.

1. General Settings






















In case you already have jQuery plugin installed, you can disable this one when facing javascript errors at your frontend.

1. General Settings






















NOTE: Please, carefully study the user guide to find out how to make appropriate settings on social networks’ pages to create the apps

Choose which social buttons to enable on your pop-up login window and switch them to ‘Yes’ accordingly.

1. General Settings

Specify the App ID and the APP secret for each social button you want to add to the pop-up window.






















2. Facebook Settings To create Facebook app please go to: https://developers.facebook.com/apps

Register as a developer and choose ‘Create a New App’ in the Apps drop-down



https://developers.facebook.com/apps









































Specify the display name for your app

2. Facebook Settings

Select the app category

After specifying the app name and its category click on the ‘Create App’ button























Go to the ‘Settings’ tab to configure your app

The App ID and App Secret will be generated automatically

Click on the Add Platform button to choose the platform for your social apps






















2. Facebook Settings After clicking on the ‘Add Platform’ button you’ll see the grid with various platform types. Please select ‘Website’
























After specifying the platform type please insert your website URL here and click on the Save Changes button.























As soon as the app id and app secret are saved you’ll see the Facebook social button placed on your login pop-up window.

Insert your app id and app secret here and save the configuration.























After you’ve created your Facebook app please make it public to allow customers sign in with Facebook account






















3. Google+ Settings To create Google+ App please go to: https://cloud.google.com/console/project

Click on the CREATE PROJECT button and configure your app settings.



https://console.cloud.google.com/start





































3. Google+ Settings

Specify your project name. The project ID will be generated automatically.






















3. Google+ Settings



Press “Enable and manage APIs” to set Google APIs settings.




















3. Google+ Settings



Choose “Google+ API” to set APIs settings.




















3. Google+ Settings



Go to “Credentials” tab and create a client ID to integrate your website with Google+.

Press “Enable” button to activate Google API in your project.




















3. Google+ Settings



Choose “0Auth client ID” to create credentials for Google API. Then press “Configure consent screen” button to open Client ID settings.




















3. Google+ Settings

Insert your website URL in the required field.

In this field please add /amajaxlogin/google/index to your website URL






















3. Google+ Settings

Please copy the Client ID and Client secret and paste them to the appropriate fields in your backend.






















3. Google+ Settings



Support: http://amasty.com/contacts/ Page 20




















4. Twitter Settings

Click here to create a new Twitter app.

To create a Twitter App please go to: https://apps.twitter.com/



https://apps.twitter.com/

































4. Twitter Settings

In this field please add /amajaxlogin/twitter to your website URL

Please specify your website URL here























4. Twitter Settings

Copy the credentials: API key and API secret and paste them to the appropriate module fields in your backend























4. Twitter Settings

























Thank you!

Your feedback is absolutely welcome!

Page 25

Should you have any questions or feature suggestions, please contact us at:





































Quick AJAX Login - Magento · Magento Quick Ajax Login - Social Login by Amasty | User Guide...

Documents

Transcript of Quick AJAX Login - Magento · Magento Quick Ajax Login - Social Login by Amasty | User Guide...