Top Banner
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
25

Quick Ajax Login: Magento Extension by Amasty. User guide

Oct 19, 2014

Download

Documents

Provide customers with the best sign in experience ever. Let them log in from any store page without interrupting their shopping process. Use handy pop-up windows to let visitors get registered or retrieve passwords just in a few clicks.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 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

Page 2: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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: Quick Ajax Login: Magento Extension by Amasty. User guide

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

Page 13: Quick Ajax Login: Magento Extension by Amasty. User guide

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

Page 14: Quick Ajax Login: Magento Extension by Amasty. User guide

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.

Page 15: Quick Ajax Login: Magento Extension by Amasty. User guide

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.

Page 16: Quick Ajax Login: Magento Extension by Amasty. User guide

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

Page 17: Quick Ajax Login: Magento Extension by Amasty. User guide

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

Page 18: Quick Ajax Login: Magento Extension by Amasty. User guide

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

Page 19: Quick Ajax Login: Magento Extension by Amasty. User guide

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

Page 20: Quick Ajax Login: Magento Extension by Amasty. User guide

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.

Page 21: Quick Ajax Login: Magento Extension by Amasty. User guide

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/

Page 22: Quick Ajax Login: Magento Extension by Amasty. User guide

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

Page 23: Quick Ajax Login: Magento Extension by Amasty. User guide

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

Page 24: Quick Ajax Login: Magento Extension by Amasty. User guide

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.

Page 25: Quick Ajax Login: Magento Extension by Amasty. User guide

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/