How to Add a WordPress Ajax Registration Form to Your Site - ProfilePress

How to Add a WordPress Ajax Registration Form to Your Site

The default WordPress login as well registration form are not Ajax-ified; in that a page reload is required to process each form submission request.

In this tutorial, I will be walking us through the process of creating a WordPress ajax registration form and finally, how to add it as a widget to your website sidebar and make it your default registration page using our powerful ProfilePress plugin.

Ajax WordPress registration form

Building the Ajax Registration Form

We have the steps in building a custom registration form 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.
  • Ensure the Disable Ajax Mode checkbox isn’t checked. If it is, uncheck it.
  • It is that easy.

Making the Ajax Registration Form Your Registration Page

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

  • Copy the shortcode of the registration form and save it to a page.
  • Still on Global Settings, set the page above as the Registration Page.

Afterwards, every visit to https://yoursite.com/wp-login.php?action=register will be redirected to the above page.

Adding an Ajax Registration Form Widget to WordPress Sidebar

Navigate to Appearance >> Widgets, drag the ProfilePress Form widget to your website sidebar, select your chosen registration form from the dropdown and save.

Preview your WordPress site to see the registration form displayed on the front-end of your site.