Quick Ajax Login: Magento Extension by Amasty. User guide
-
date post
19-Oct-2014 -
Category
Documents
-
view
2.744 -
download
2
description
Transcript of Quick Ajax Login: Magento Extension by Amasty. User guide
Page 1
Quick AJAX Login
Support: http://amasty.com/contacts/
Magento Extension User Guide
Official extension page: Quick AJAX Login
User Guide: Quick AJAX Login
Table of contents:
1. General Settings ………………….……………………………….…… 3 2. Facebook Settings…………..…………………………………….…… 7 3. Google+ Settings …………………………………………………..... 14 4. Twitter Settings ……………………..…………………………….….. 21
Page 2 Support: http://amasty.com/contacts/
User Guide: Quick AJAX Login
Page 3 Support: http://amasty.com/contacts/
Here you can enable the extension and choose whether to redirect customers after successful login.
1. General Settings
User Guide: Quick AJAX Login
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.
Page 4 Support: http://amasty.com/contacts/
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
Page 5 Support: http://amasty.com/contacts/
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
Page 6 Support: http://amasty.com/contacts/
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
User Guide: Quick AJAX Login
Specify the App ID and the APP secret for each social button you want to add to the pop-up window.
Page 7 Support: http://amasty.com/contacts/
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
Page 8 Support: http://amasty.com/contacts/
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
Page 9 Support: http://amasty.com/contacts/
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
Page 10 Support: http://amasty.com/contacts/
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
Page 11 Support: http://amasty.com/contacts/
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
Page 12 Support: http://amasty.com/contacts/
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
User Guide: Quick AJAX Login Page 13
Support: http://amasty.com/contacts/
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 Page 14 Support: http://amasty.com/contacts/
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 Page 15
Support: http://amasty.com/contacts/
3. Google+ Settings
Specify your project name. The project ID will be generated automatically.
User Guide: Quick AJAX Login Page 16 Support: http://amasty.com/contacts/
3. Google+ Settings
Find the Google+ API setting and switch it off
Having created the project, please go to APIs & auth tab
User Guide: Quick AJAX Login Page 17
Support: http://amasty.com/contacts/
3. Google + Settings To create a new client ID please go to the Credentials tab
Click here to create a new client ID
User Guide: Quick AJAX Login Page 18 Support: http://amasty.com/contacts/
3. Google+ Settings
Insert your website URL in the required field.
In this field please add /amajaxlogin/google to your website URL
User Guide: Quick AJAX Login Page 19 Support: http://amasty.com/contacts/
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 Page 20 Support: http://amasty.com/contacts/
3. Google+ Settings
Insert your app id and app secret here and save the configuration.
User Guide: Quick AJAX Login Page 21 Support: http://amasty.com/contacts/
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 Page 22 Support: http://amasty.com/contacts/
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 Page 23 Support: http://amasty.com/contacts/
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 Page 24
Support: http://amasty.com/contacts/
4. Twitter Settings
Insert your app id and app secret here and save the configuration.
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/