Post on 28-Jul-2020
Quick AJAX Login
Magento Extension User Guide
Official extension page: Quick AJAX Login
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 1
Table of contents:
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 2
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.
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 3
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
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 4
In case you already have jQuery plugin installed, you can disable this one when facing javascript errors at your frontend.
1. General Settings
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 5
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.
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 6
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
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 7
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
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 8
2. Facebook Settings
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
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 9
2. Facebook Settings After clicking on the ‘Add Platform’ button you’ll see the grid with various platform types. Please select ‘Website’
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 10
2. Facebook Settings
After specifying the platform type please insert your website URL here and click on the Save Changes button.
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 11
2. Facebook Settings
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.
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 12
2. Facebook Settings
After you’ve created your Facebook app please make it public to allow customers sign in with Facebook account
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 13
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.
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 14
3. Google+ Settings
Specify your project name. The project ID will be generated automatically.
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 15
3. Google+ Settings
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 16
Press “Enable and manage APIs” to set Google APIs settings.
3. Google+ Settings
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 17
Choose “Google+ API” to set APIs settings.
3. Google+ Settings
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 18
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
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 19
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
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 20
3. Google+ Settings
Please copy the Client ID and Client secret and paste them to the appropriate fields in your backend.
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 21
3. Google+ Settings
Insert your app id and app secret here and save the configuration.
User Guide: Quick AJAX Login
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/
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 23
4. Twitter Settings
In this field please add /amajaxlogin/twitter to your website URL
Please specify your website URL here
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 24
4. Twitter Settings
Copy the credentials: API key and API secret and paste them to the appropriate module fields in your backend
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 25
4. Twitter Settings
Insert your app id and app secret here and save the configuration.
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 26
User Guide: Quick AJAX Login
Thank you!
Your feedback is absolutely welcome!
Page 25
Should you have any questions or feature suggestions, please contact us at:
http://amasty.com/contacts/
Support: http://amasty.com/contacts/