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.
3. 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
4. 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
5. 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
6. 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
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. 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
9. 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
10. 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
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. 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. 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. 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. 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. 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.
17. 3. Google+ Settings
User Guide: Quick AJAX Login
Support: http://amasty.com/contacts/ Page 17
Choose “Google+ API” to set
APIs settings.
18. 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.
19. 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.
20. 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
21. 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
22. 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
23. 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
24. 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
25. 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
26. 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
27. 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/