How To Customize Your WordPress User Pages Without Touching Code

How To Customize Your WordPress User Pages Without Touching Code

The default WordPress registration and login pages are fine if all you’re building is a basic site with a handful of users. However, if you’re working on a client project, creating custom pages is something you should really consider.

Ensuring users can sign up, login and check their details, without ever seeing the backend of WordPress, provides a more comfortable (not to mention less confusing and disorienting) environment.

On top of that, you get to control the style and function of these pages, ensuring their design matches the rest of your site.

You can also add in any extra bits and pieces you might need – like extra profile fields to a barebones registration form.

In today’s post we’re looking at some simple ways you can customize your default login, registration, and profile pages…. all without touching a lick of code.

So without further ado, let’s crack into it:

Customizing the Login Page

The default login page is plain and boring, just like it should be.

After all, it’s the entry point for millions of sites around the world, all with their own designs, so it has to be ready to accommodate any kind of site.

Unfortunately, WordPress hasn’t evolved to the stage yet where you can customize the login page in the backend.

The good news is, adjusting how it looks is fairly simple.

If you would prefer code-based customizations, our post How to Completely Customize the WordPress Login Page walks you through all the snippets you need to change. Everything from the background on the login page to updating the fonts, links and images.

Fully Customized login page
The power of creating your own unqiue WordPress login page.

But as promised, this article is all about the “codeless” life.

So here are some fantastic plugin solutions that let you tailor the look and feel of your login page WITHOUT having to make your own code customizations:

  • Branda

    Branda is a great plugin to use to help your sites remain consistent and professional

    Branda is one of our most popular plugins and for good reason – it’s easy to use and you can make quick customizations, allowing you to stamp your brand on yours or your client’s site.

    You can replace the WordPress logo on the login screen with any images in your media library, as well as change the background image. You can even completely redesign the login screen with custom design elements, colors and fonts.

    There isn’t much else to say. It’s that simple. Of course, you can use Branda to make other tweaks to your site, such as give the dashboard a makeover – which you can learn more about here.

  • LoginPress

    The LoginPress plugin gives users plenty of customization fields to help you adjust the overall layout and appearance of your WordPress login page.

    Using this plugin you can overhaul the look and feel of your login page – you can even change the look of login error messages, forgot error messages, registration error messages, forget password hint messages, and many more.

    Overall, using LoginPress you can give yourself and your users the sense that you’ve created a custom and unique login page that matches your site layout.

  • Custom Login

    Custom Login covers the basic stuff, like changing the login page background image and removing the WordPress logo, but since we last featured this plugin on our blog it’s been updated and comes with some interesting extensions.

    The extensions include Stealth Login (obscure your login URL), Page Template (turn a WordPress page into a login form), Redirects (redirect users by role after logging in), No Password (allow users to login without a password), and a range of handy style packs with different custom login styles.

Create a Custom Registration Form

Giving your registration form a custom look is, as I’ve mentioned, a straightforward way to make it feel more integrated into your site.

Like the login page, you can make code changes yourself if you wish.

This collection of plugins are some of our top picks. They’re all regularly updated and have been tested on both single and Multisite installations.

  • BuddyPress

    BuddyPress plugin

    You may be surprised that BuddyPress is on this list since its primary purpose is to create a social network type of community.

    The reason why this plugin might actually be helpful lies in the way it replaces the default WordPress registration form with its own creation.

    With this free plugin installed, your site’s registration includes two extra fields – the first is a password field, and the second is a confirm password field.

    You can optionally add an unlimited amount of custom fields that are stored in a user’s profile.

    Here are the types of fields you can create:

    • Text box
    • Multi-line text box
    • Date selector
    • Radio buttons
    • Drop-down select box
    • Multi select box
    • Checkboxes

    If you’d like your site’s registration form to only add password fields and custom fields, this plugin is well worth considering.

  • Profile Builder

    Profile Builder plugin

    With shortcodes, the Profile Builder creates front-end login, registration and edit profile forms. It comes pre-loaded with several custom fields to choose from to add to your registration page.

    You also have the option to enable extra features such as front-end password recovery, enabling users to login with their username or email, and the ability to set a minimum password strength for users when they are registering.

    Here are the types of fields you can create:

    • Name
    • Username
    • First and last names
    • Nickname
    • Public display name
    • Contact information
    • Email
    • Website
    • About Yourself
    • Biographical information
    • Password
    • Confirm Password

    If you’d like to create custom fields or add reCAPTCHA capabilities, they’re available as premium upgrades along with other features.

    Another amazing and often sought after feature is the ability to choose who sees the WordPress admin bar when users are logged in.

    There are also more free and premium add-ons that you can enable to further add to the functionality of your site.

    Interested in Profile Builder?

  • Pie Register

    Pie Register plugin

    What if you need a customized registration form and a front-end user profile?

    Not to worry because this plugin has got you covered. Your visitors will be able to register with the custom fields you create from double password, social media, reCAPTCHA, math captcha, date, time, upload and all standard field types.

    Users will also be able to edit the information they registered with on a front-end page of your choosing.

    You can also enable many features, some of which include:

    • PayPal payments
    • Customizing user and admin notification emails
    • Blocking the wp-login.php page and have users login in a custom page or widget for extra security
    • Two-step email verification
    • Customizing CSS
    • Creating invitation codes for limiting registration and
    • Hiding the WordPress admin bar from subscribers

    Overall, Pie register is a free plugin that’s easy to use with its drag and drop form builder and straight forward settings.

  • User Meta

    User Meta plugin

    With the User Meta plugin, you can create custom registration forms with an unlimited amount of fields. The form submission is then emailed to the admin and also made available for a given user’s profile.

    This free plugin also includes the capability of creating a front-end profile page for users to view and edit. The form builder has a drag-and-drop interface with many options available including making the submission of the fields of your choice only viewable by admins.

    The types of fields you can include in your form for free include:

    • Username
    • Email
    • Password
    • Website
    • Display name
    • Nickname
    • First name
    • Last name
    • Biographical information
    • Registration date
    • User role
    • Upload an avatar
    • Jabber
    • AIM
    • Yim
    • Text box
    • Paragraph box
    • Rich text box
    • Hidden field
    • Drop down box
    • Radio button
    • Checkbox

    If you would like to enable other fields such as captcha, file upload, country or a completely custom field there is a premium upgrade option.

    There are many other settings that are made available if you upgrade as well including custom email notifications and special Multisite functionality.

  • Custom User Registration Form Builder

    Custom User Registration Form Builder plugin

    This free plugin enables you to create custom contact and registration forms. Adding reCAPTCHA as well as capturing a form user’s IP address and browser info are also features that are available to enable for all forms on the settings page.

    This plugin has quite a few options for creating custom forms such as creating an auto-responder and page redirection after a form is submitted. It’s also really easy to install and use. A form can be created in seconds and can be displayed on a page with a short code.

    Includes the following options for form fields:

    • Text
    • Heading
    • Paragraph box
    • Drop down box
    • Radio button
    • Text area
    • Checkbox
    • Date picker
    • Email
    • Number
    • Country
    • Timezone
    • Accepting (and displaying) terms and conditions

    If role-based forms is a feature you’re after, you can get it with this plugin with a premium upgrade, along with a file attachment field and form analytics.

    The free version is another example of a simple plugin with straight forward options. It’s suitable if you only need a custom registration form and nothing else.

    Interested in Custom User Registration Form Builder?

Custom Front-End Profiles

The last step is customizing your profiles and you’ll be glad to know there are some great options available for doing just that. From making basic changes, to completely changing up the style and function of your forms.

  • Gravity Forms

    Gravity Forms plugin

    The Gravity Forms premium plugin enables you to create custom contact forms with a ton of different fields, including advanced ones.

    It’s easy to install and has a drag-and-drop interface for form creation which makes it simple to create powerful forms, quickly.

    You can choose to enable your site’s members to update their name, email, password and even their user role on your site.

    Although, with a higher price point of $259 for the Elite licence, it may be out of reach for many individuals, and more for businesses or web developers.

    If you’re looking for a more affordable alternative, that packs just as much (if not more) punch, then our next option might be for you…

    Interested in Gravity Forms?

  • Forminator

    Forminator is a free plugin that allows you to create forms, polls, submissions, quizzes, and order forms.

    Its drag and drop interface makes building forms exactly how you want them a breeze. If needed its powerful API can also be accessed for free to build your own custom extensions.

    Want to let your visitors share a post submission without needing access to the WordPress dashboard?

    With Forminator visitors can submit post ideas from the front end of your site, so you can easily curate and publish their thoughts.

    Forminator supports integrations with third-party apps such as Zapier, Google Sheets, Mailchimp, and many other email marketing apps. You can also collect payments with Stripe or PayPal with the plugin.

Conclusion

So there you have it. You’re armed and ready to create your own custom front-end login, registration and user profile forms.

Again, if you want to learn more about creating custom and front-end features, check out our other posts: How to Customize the WordPress Text Editor to Look and Function Like Your Front-End and How to Completely Customize the WordPress Login Page.

Tags:
Jenni McKinnon
Jenni McKinnon A copywriter, copy editor, web developer and course instructor, Jenni has spent over 15 years developing websites and almost as long for WordPress. A self-described WordPress nerd, she enjoys watching The Simpsons and names her test sites after references from the show.
Rick Crawshaw
Rick Crawshaw Rick is a copywriting and marketing fanatic who calls the beautiful land of New Zealand home (yes, it's as stunning as you've heard). When this kiwi's not making words sing off the page, you'll likely find him stuck down a weird YouTube rabbit hole, or bingeing throwback 90's sitcoms.
How far have you taken login, registration and profile customizations? We'd love to see your sites. Feel free to share examples in the comments below.