Description
Login With Ajax is for sites that need user logins or registrations and would like to avoid the normal wordpress login pages, this plugin adds the capability of placing a login widget in the sidebar with smooth AJAX login effects.
Some of the features:
- AJAX-powered, no screen refreshes!
- Login
- Registration
- Remember/Reset Password
- Custom Login/Logout redirections
- Redirect users to custom URLs on Login and Logout
- Redirect users with different roles to custom URLs
- WPML – Language-specific redirects
- SSL-compatible
- Fallback mechanism, will still work on javascript-disabled browsers
- Compatible with WordPress, MultiSite, BuddyPress and many other plugins that alter the login/registration form (e.g. captcha plugins)
- Customizable, upgrade-safe widgets
- shortcode and template tags available
- Widget specific option to show link to profile page
If you have any problems with the plugin after reading the FAQ, Other Notes, etc. please visit the support forums.
Translated Languages Available
To view translated languages avaialble or to contribute translations in your language, visit the WordPress translation portal. Any translated languages over 90% will be automatically installed with the plugin, for other languages not fully translated, please see our FAQ.
Notes
Shortcodes & Template Tags
You can use the shortcode [login-with-ajax] or [lwa] and template tag login_with_ajax() with these options :
- profile_link – (1 or 0)
- If value is 1 (default), a profile link to wp-admin appears.
- registration – (1 or 0)
- If value is 1 (default), a registration link appears, providing you have registration enabled in your WP settings.
- template – (template name/directory)
- If this template directory exists, this template will be used. Default is ‘default’ template.
- remember – (1 or 0)
- If value is 1 (default), a remember password link appears for password recovery
- redirect
- Successful logins are redirected to this URL
Multilingual Support
We have WPML compatiblity with regards to login/logout redirects. Aside from custom redirect links for each language, you can also use the %LANG% placeholder to dynamically insert the language fragment used to build URLs, such as en for English or es for Spanish.
SSL Logins
To force SSL, see https://codex.wordpress.org/Administration_Over_SSL. The plugin will automatically detect the wordpress settings.
Customizing the Widget
You can customize the html widgets in an upgrade-safe manner by copying files and editing them within your theme. Firstly, you need to understand how Login With Ajax loads templates:
-
When looking for files/templates there is an order of precedence – active child theme (if applicable), active parent themes, and finally the plugin folder:
wp-content/themes/your-theme/plugins/login-with-ajax/wp-content/themes/parent-theme/plugins/login-with-ajax/wp-content/plugins/login-with-ajax/widget/
-
Login With Ajax loads only one CSS and JS file which contains code for all templates. The plugin checks the locations above and loads the one it finds first. The default files are:
wp-content/plugins/login-with-ajax/widget/login-with-ajax.jswp-content/plugins/login-with-ajax/widget/widget.css
-
One caveat for JavaScript files, if you’ve enabled WP_DEBUG, then LWA will look for a file called
login-with-ajax.source.js, a non-minified version of the normal JS file. -
Login With Ajax then checks for template folders which are loaded according to the preference highlighted above.
- When a user is logged out, the
widget_out.phpwill be used. - If logged out, then
widget_in.phpwill be used - If either of these files don’t exist in your template, the one located in the default folder will be used (which you can also override in your theme).
- When a user is logged out, the
Examples
If you wanted to change some text on the default theme, you could simply copy wp-content/plugins/login-with-ajax/widget/default to wp-content/themes/yourtheme/plugins/login-with-ajax/default and edit the files as needed.
If you need to change the CSS file, copy the file wp-content/plugins/login-with-ajax/widget/widget.css over to wp-content/themes/yourtheme/plugins/login-with-ajax/widget.css and edit accordingly.
The JavaScript ajax magic relies on the class names and hierarchical structure within the template files, if you want to modify the templates without adding your own JS, make sure you keep these class names and structure intact.
Screenshots
Add a fully customizable login widget to your sidebars.
Smoothen the process via ajax login, avoid screen refreshes on failures.
If your login is unsuccessful, user gets notified without loading a new page!
Customizable login/logout redirection settings.
Choose what your users see once logged in.
Installation
-
Upload this plugin to the
/wp-content/plugins/directory and unzip it, or simply upload the zip file within your wordpress installation. -
Activate the plugin through the ‘Plugins’ menu in WordPress
-
If you want login/logout redirections, go to Settings > Login With Ajax in the admin area and fill out the form.
-
Add the login with ajax widget to your sidebar, [lwa] on your pages, or use login_with_ajax() in your template.
-
Happy logging in!
FAQ
-
Language Support
-
If your language has been translated 90% or more on the translate.wordpress.org project page, then your language translation of Login With Ajax should be automatically installed and maintained by WordPress.
If not, you can also manually install this, we’ll use Russian as an example:
- Find your language on the translate.wordpress.org project page, and click on either the stable or development column percentage.
- Click the ‘Export’ link at the bottom of the page, but select ‘All Current’ and the (.mo) file format, save the downloaded file.
- Rename that file in the format of login-with-ajax-LANG.mo, where LANG = your language locale, for example russian is ru_RU so you’d get
login-with-ajax-ru_RU.mo - Upload that file to the
wp-content/languages/pluginsfolder on your WordPress installation. - Your Login With Ajax plugin should now be translated partially into your language.
We suggest you contribute to the WordPress translation project page, anyone with a registered wordpress.org account can suggest new translations!
-
The registration link doesn’t show! What’s wrong?
-
Before you start troubleshooting, make sure your blog has registrations enabled via the admin area (Settings > General) and that your widget has the registration link box checked.
-
AJAX Registrations don’t work! What’s wrong?
-
Firstly, you should make sure that you can register via the normal wp-admin login, if something goes wrong there the problem is not login with ajax. Please note that currently there is no AJAX registration with BuddyPress due to it rewriting the login area (this will be resolved soon).
-
How can I customize the login widget?
-
See the notes section about customizing a widget.
-
How do I use SSL with this plugin?
-
Yes, see the notes section.
-
Do you have a shortcode or template tag?
-
Yes, see the notes section.
For further questions and answers (or to submit one yourself) go to our [https://wordpress.org/support/plugin/login-with-ajax/](support forums).
Reviews
Contributors & Developers
“Login With Ajax” is open source software. The following people have contributed to this plugin.
Contributors
“Login With Ajax” has been translated into 18 locales. Thank you to the translators for their contributions.
Translate “Login With Ajax” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
3.1.11
- replaced deprecated JS functions due to jQuery 3.5 transition in WordPress 5.6-7
3.1.10
- fixed bug where login via wp-admin is not possible when %LASTURL% is the default redirect action
3.1.9
- added precautionary security sanitization/escaping of input data on admin pages and settings,
- added USERNICENAME for login redirects for url-friendly usernames
- fixed styling of template dropdown in admin page
- fixed invalid/confirmed status boxes getting class/style names confused on login failures/success attempts
- changed wp_redirect usage to wp_safe_redirect for extra security precaution
- changed use of site_url with wp_login_url where appropriate allowing for better plugin compatibility
3.1.8.1
- fixed translations from translate.wordpress.org not loading properly (languages must be translated %95 or more),
- fixed settings pages save button not working in 3.1.8 release
3,1,8
- removed langs file, as WP translate services now handle translation and updates automatically
- updated admin area to include %LANG% hints in redirect templates and split login/logout for clearler explanations of other placeholders that can be used
- fixed s2member redirection compatibility issues
3.1.7
- fixed XSS security vulnerability on LWA settings page allowing code injection if an authorized user follows a properly structured url to that page, this does not affect the security of the login forms, only the settings page. Kudos Neven Biruski from DefenceCode for responsible disclosure.
- changed our hooks logout_url and login_redirect added as actions to filters which prevented functionality in some situations
3.1.6
- added Persian translation, thanks to Mohammad Akbari
- fixed PHP 7 deprecated construct error
- fixed deprecated get_currentuserinfo function PHP warning
- added option to show direct links (no AJAX forms) to password recovery and registration forms
- fixed missing text domain in widget/modal/widget_out.php
- fixed server errors when deactivating BuddyPress whilst LWA is active
3.1.5
- fixed 4.3 password update which now sends a link for user to set password instead
- fixed login redirect issues when using shortcode and template tags
- added script localization via LWA JS parameter,
- changed JS destination url to admin-ajax.php which fixes some incompatibilities with WPML
- fixed WPML status messages not being translated upon login/registration/password-recovery
- added and updated loads of languages, see here for full list – http://translate.netweblogic.com/projects/login-with-ajax/
- added some minor label layout improvements for admin area labels/forms
- added minor widget admin settings layout improvements
3.1.4
- fixed MIME type errors between HTTP <> HTTPS ajax requests,
- added redirect shortcode attribute
3.1.3
- fixed JS/CSS file overriding problems
- fixed class html error in widget/default/widget_in.php
- fixed redirection issues when not using JS
- fixed MultiSite registrations not adding user to blog with default role only ‘subscriber’ (props to Renato Baccaro)
- fixed vulnerability where registration is still possible even if registration is disabled in settings (props to Kevin Niehage @weizenspreu)
- fixed problems when trying to log in from an http page when admin ssl is enforced
- fixed CSS to hide table borders of default widget for the twenty fourteen theme
- added Hebrew, thanks to Menachem Shapiro
- fixed HTML validation issues in widgets
- added error fallback during ajax request
- added new icons and headers for wordpress.org plugin pages
- added redirect shortcode attribute for custom redirect
3.1.2
- updated Russian, Swedish and POT language files
- added Afrikaans translation
- added login_form action to divs-only and modal templates,
- fixed php warning in login-with-ajax.php
- fixed custom registration email not working since 3.1
- fixed logged in ‘hi’ title not showing up and is now configurable in widget settings
3.1.1
- fixed graceful fallback for themes with broken JS
- added loading of source JS if WP_DEBUG is enabled
- moved reveal.js source code into source js file
- fixed shortcode php warning
- added template shortcode/template attribute
- profile_link and registration arguments are now considered true/1 by default, to avoid confusion with missing links
- added ‘remember’ argument which controls whether to show/hide password recovery link
- fixed widget settings not remembering unchecked checkboxes
- added Slovak
- removed strtolower and using CSS now in widget_in.php
- moved register_widget into own function called by widgets_init
- changed some lwa-… ids to classes in widget_in.php
- added Slovak, updated Russian languages
- updated the POT file
3.1
- fixed json_encode issue
- overhaul of JS, now leaner and meaner
- modified template structure to allow multiple login forms
- added template selection to each widget
- added title choice to widget
- removed inclusion of wp-includes/registration.php during regsitration (not needed since WP 3.1)
- added two new templates to choose in widgets
- new light-weight modal using tweaked Reveal library – http://zurb.com/playground/reveal-modal-plugin
- improved css
- improved html structures in widget templates
- added sainitization in widget templates
- fixed CSRF vulnerability in admin settings page – thanks to Charlie Eriksen via Secunia SVCRP
- moved WP Widget before/after and open/close tags out of templates and into the WP_Widget class
- LoginWithAjax class is now completely static
- added some MS fixes for registration, now works with BuddyPress
3.0.4.1
- fixed xss vulnerability for re-enlistment on wordpress repo, more on the way
3.0.4
- updated russian translation
- added japanese
- updated iranian
- added registration attribute to template tags/shortcode
3.0.3
- scrollbar issue in default widget
- added hungarian
3.0.2
- got rid of (hopefully all) php warnings
3.0.1
- Fixed unexpected #LoginWithAjax_Footer showing up at bottom
- Fixed link problems for sub-directory blogs (using bloginfo(‘wpurl’) now)
- Added Albanian
- Replace Spanish with revised version
3.0
- Option to choose from various widget templates.
3.0b3
- %LASTURL% now works for logins as well
- Profile link plays nice with buddypress
- Added fix to stop wp_new_user_notification conflicts
- Empty logins now have an error message too.
3.0b
- Various bug fixes
- Improved JavaScript code
- Ajax Registration Option
2.21
- Redirect bug fix
- Hopefully fixed encoding issue
2.2
- Added Polish, Turkish and Brazilian Translation
- Fixed buddypress avatar not showing when logged in
- Removed capitalization of username in logged in widget
- Fixed all other known bugs
- Added placeholders for redirects (e.g. %USERNAME% for username when logged in)
- Added seamless login, screen doesn’t refresh upon successful login.
2.1.5
- Changed logged in widget to fix avatar display issue for both BuddyPress and WP. (Using ID instead of email for get_avatar and changed depreciated BP function).
- Added Danish Translation
2.1.4
- Added Chinese Translations
- CSS compatability with themes improvement.
2.1.3
- Added Italian Translations
- Added space in widget after “Hi” when logged in.
- CSS compatability with themes improvement.
2.1.2
- Added German Translations
- Fixed JS url encoding issue
2.1.1
- Added Finnish, Russian and French Translations
- Made JS success message translatable
- Fixed encoding issue (e.g. # fails in passwords) in the JS