How to Create a Custom WordPress Login Form - ProfilePress

Creating a Custom Login Form

Learn how to create a custom, frontend login form for your WordPress website. Having a custom login page is a great way to replace the generic WordPress login and add your own branding.

ProfilePress allows you to create a user login form that can be added to any page via shortcode.

Building the Custom Login Form

  1. Hover on ProfilePress and click on Forms & Profiles
  2. Click on Add New and select the Login form type
  3. Enter a name for the form
  4. Select your preferred template
  5. Design the form with the drag & drop builder or Advanced form builder.

You can preview how the form will look like by clicking on the “Live Preview” button

Form Settings

The form settings let you change the form’s appearance, field styling, labels, text and the submit button.

After saving the form a shortcode will be generated for that particular form. Click on Forms & Profiles>>Login and copy the shortcode.

That’s it! Your custom WordPress login form is live and ready to use.

The last step is to add the login shortcode to a page.

NB: If you are using Gutenberg Block Editor you need to add the Shortcode block then paste the shortcode in the field.

Having done that, all visit to http://yoursite.com/wp-login.php will be redirected to your front-end custom login page.