If you are unfamiliar with the term Ajax , it is the technology that enables submission of web forms to be processed without the page being refreshed or reloaded.

The default WordPress login form is not Ajax-ified in that a page reload is required to process each login request. This also hold true for a lot of plugins that allows front-end custom login form.

In this tutorial, i will be walking us through the process of creating an Ajax login form and finally, how to add it as a widget to your website sidebar and make it your default login page using the powerful ProfilePress plugin.





Building the Ajax Login Form

We have the steps in building a custom login form with ProfilePress covered already. To enable ajax for all ProfilePress login, registration and password reset forms:

Click the Settings ProfilePress menu and scroll to the Global Settings section.

ProfilePress menu and scroll to the section. Ensure the Disable Ajax Mode checkbox isn’t checked. If it is, uncheck it.





checkbox isn’t checked. If it is, uncheck it. It is that easy.

Making the Ajax Login Form Your Login Page

After enabling Ajax for all ProfilePress powered forms, to make your preferred login form your default WordPress login page:

Copy the shortcode for the ProfilePress login form to a given page and publish or update.

Still on Global Settings section in Settings, set the page above as the login page.





Afterward, every visit to http://yoursite.com/wp-login.php will be redirected to the above page.

Adding Ajax Login Form Widget to WordPress Sidebar

In editing screen of your chosen login form, ensure the Make this a Widget checkbox is checked.

Then navigate to Appearance >> Widgets, drag the ProfilePress Login Widget to your website sidebar, select your chosen login form from the dropdown and save.





You should now see the login displayed at the front-end of your site.

Tags: ajax form, ajax login form, wordpress ajax login form