Quick AJAX Login

Magento Extension
User Guide
Official extension page: Quick AJAX Login

User Guide: Quick AJAX Login
Sup...
Table of contents:
1.
2.
3.
4.

General Settings ………………….……………………………….…… 3
Facebook Settings…………..…………………………………….…… 7
Goog...
1. General Settings

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

I...
1. General Settings

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

Insert...
1. General Settings

In case you already have
jQuery plugin installed, you
can disable this one when
facing javascript err...
1. General Settings

Choose which social
buttons to enable on your
pop-up login window and
switch them to ‘Yes’
accordingl...
2. Facebook Settings
To create Facebook app please go to:
https://developers.facebook.com/apps

Register as a developer an...
2. Facebook Settings

Specify the display name for
your app

Select the app
category

After specifying the
app name and it...
2. Facebook Settings
The App ID and App
Secret will be
generated
automatically

Go to the ‘Settings’ tab
to configure your...
After clicking on the ‘Add
Platform’ button you’ll see the
grid with various platform types.

2. Facebook Settings

Please...
2. Facebook Settings

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

As soon as the app id and app
secret are saved you’ll see the
Facebook social button placed on
your ...
2. Facebook Settings

After you’ve created your
Facebook app please make it
public to allow customers sign in
with Faceboo...
3. Google+ Settings
To create Google+ App please go to:
https://cloud.google.com/console/project

Click on the CREATE
PROJ...
3. Google+ Settings

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

User Guide: Quick AJAX Lo...
Having created the project,
please go to APIs & auth tab

3. Google+ Settings

Find the Google+ API setting and
switch it ...
3. Google + Settings
To create a new client ID please
go to the Credentials tab

Click here to create a
new client ID

Use...
3. Google+ Settings

Insert your website URL in
the required field.

In this field please add
/amajaxlogin/google to your
...
3. Google+ Settings

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

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

User Guide: Quick AJAX Login
Supp...
4. Twitter Settings
To create a Twitter App please go to:

https://apps.twitter.com/

Click here to create a
new Twitter a...
4. Twitter Settings

Please specify your website
URL here

In this field please add
/amajaxlogin/twitter to
your website U...
4. Twitter Settings

Copy the credentials: API key
and API secret and paste
them to the appropriate
module fields in your
...
4. Twitter Settings

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

User Guide: Quick AJAX Login
Supp...
Thank you!
Should you have any questions or feature suggestions, please contact us at:
http://amasty.com/contacts/

Your f...
Upcoming SlideShare
Loading in …5
×

Quick Ajax Login: Magento Extension by Amasty. User guide

12,401
-1

Published on

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.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
12,401
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Quick Ajax Login: Magento Extension by Amasty. User guide

  1. 1. 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
  2. 2. Table of contents: 1. 2. 3. 4. General Settings ………………….……………………………….…… 3 Facebook Settings…………..…………………………………….…… 7 Google+ Settings …………………………………………………..... 14 Twitter Settings ……………………..…………………………….….. 21 User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 2
  3. 3. 1. General Settings Here you can enable the extension and choose whether to redirect customers after successful login. If URL Redirect is set to ‘No’ customers will stay on their current page after they log in. Please go to admin panel -> System -> Configuration -> Ajax Login to manage the extension settings. User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 3
  4. 4. 1. General Settings 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. User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 4
  5. 5. 1. General Settings In case you already have jQuery plugin installed, you can disable this one when facing javascript errors at your frontend. User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 5
  6. 6. 1. General Settings Choose which social buttons to enable on your pop-up login window and switch them to ‘Yes’ accordingly. Specify the App ID and the APP secret for each social button you want to add to the pop-up window. NOTE: Please, carefully study the user guide to find out how to make appropriate settings on social networks’ pages to create the apps User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 6
  7. 7. 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
  8. 8. 2. Facebook Settings Specify the display name for your app 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
  9. 9. 2. Facebook Settings The App ID and App Secret will be generated automatically Go to the ‘Settings’ tab to configure your app 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
  10. 10. After clicking on the ‘Add Platform’ button you’ll see the grid with various platform types. 2. Facebook Settings Please select ‘Website’ User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 10
  11. 11. 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
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. 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
  16. 16. Having created the project, please go to APIs & auth tab 3. Google+ Settings Find the Google+ API setting and switch it off User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 16
  17. 17. 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 Support: http://amasty.com/contacts/ Page 17
  18. 18. 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 Support: http://amasty.com/contacts/ Page 18
  19. 19. 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 19
  20. 20. 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
  21. 21. 4. Twitter Settings To create a Twitter App please go to: https://apps.twitter.com/ Click here to create a new Twitter app. User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 21
  22. 22. 4. Twitter Settings Please specify your website URL here In this field please add /amajaxlogin/twitter to your website URL User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 22
  23. 23. 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 23
  24. 24. 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 24
  25. 25. Thank you! Should you have any questions or feature suggestions, please contact us at: http://amasty.com/contacts/ Your feedback is absolutely welcome! User Guide: Quick AJAX Login Support: http://amasty.com/contacts/ Page 25
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×