October 19, 2015
Default WordPress login page, registration and profile pages are good for a simple website. But, if you are working on client projects, you need to create custom pages that can fulfill their requirements.
In this blog we will look at some easy ways to customize a site’s default login, registration and profile pages, without touching a single line of code.
Customize the Login Page
The default login page of WordPress is very simple and is designed in a way that can accommodate any sort of a site.
WordPress, unfortunately, has not evolved to the level where you can customize the login page in the backend. But, still, you can customize the look of a login page without even using the single line of code.
With the help of some exciting plugins, you can customize your site’s login page.
If you want to add lots of options, then WordPress Custom Login Theme Page is perfect for you. This is a premium plugin that enables you to build templates for your login pages. Each template contains 11 sections with more than 46 individual options.
This versatile plugin has the standard customizations like changing the login page background and default WordPress logo, etc. It also offers additional customizations such as changing the fonts, label of elements and fine-tuning the look of a login form.
Ultimate Branding is one of the most popular plugins because it is user-friendly and allows you to make instant customizations on the login page. This plugin enables you to stamp your brand on your website.
With the help of this plugin, you can alter the WordPress logo on the login screen with any interesting image in your media library, and also change the background image. You can even completely redesign the login page with the custom design elements, such as fonts and colors.
Custom Login is an amazing plugin that includes changing the login screen’s background image and removing the WordPress logo. After the release of version 3.0, this plugin has become much faster, and comes with some awesome extensions.
The extensions include page template (converts a WordPress page into a login form), Stealth Login (that obscure your login URL), No Password (enables users to login without a password), Redirects (redirect users by role after logging in) and a useful style pack that comes with four custom login styles.
Creating a Custom Registration Form
A customized look for your registration form, allows your user to feel connected to your site. With the support of the following plugins, you can make your registration form engaging and compelling:
Set Password plugin is a great WordPress tool used to customize registration forms. With this plugin, your visitors/users can register on your website, and select their own password rather than receiving a password automatically through e-mail with WordPress’ default settings.
It is a user-friendly plugin. There are no configuration options. You just need to install and activate the plugin — password and confirm password fields will be automatically added in your registration form following your website’s design and stylesheet.
BuddyPress will let you run any type of social network on your WordPress site, with member profiles, user groups, messaging and more. This plugin also has the potential to replace the default WordPress registration form with the customized one.
Once installing this plugin, your site will automatically add two extra fields – the first is a password field and the second option is a confirm password field. In fact, you can optionally insert an unlimited amount of custom fields that are saved in a user’s profile.
You can create different types of fields such as:
- Data Selector
- Drop-down select box
- Text box
- Radio button
- Multi-line text box
- Multi select box
The Profile Builder plugin develops front-end login, registration and edit profile forms with the help of shortcodes. It comes preloaded with some custom fields that you can select to add to your registration page.
This plugin gives you an option to enable additional features like front-end password recovery, enabling users to login with their username or e-mail and the potential to set minimum password strength for Web users.
The following are the types of fields that you can create:
- Public display name
- Contact form
- About Yourself
- Biographical information
- Confirm Password
If you want to create custom fields or add reCAPTCHA capabilities, then premium upgrades is ideal for you with extra features.
There are eight free and four premium additional add-ons that you can enable with an objective to add extra functionality to your site. Currently these are the add-ons available:
- Import and export all Profile Builder Settings – free
- Custom CSS classes on fields – free
- Enable maximum character length – free
- Enable multiple admin emails – free
- Edit all profile builder labels – free
- Replace labels with placeholders – free
- Numbers and phone validation – free, with upgrade
- Valid e-mail checker – free
- WooCommerce Sync – $24
- MailChimp integration – $19
- Campaign Monitor integration – $19
- Make fields only visible to admins – $24
Pie Register plugin covers the both customized registration form and a front-end user profile. With the help of this plugin, your visitors can register with the custom fields that you created from a double password, reCAPTCHA, social media, time, date, and all standard field types.
It also permits your user to edit the information they registered on a front-end page.
The following are the features that you can enable:
- Customizing CSS
- PayPal payments
- Developing invitation codes for restricting registration
- Two –step verification e-mail
- Customizing User and admin notification e-mails
- Disabling the WordPress admin bar from subscribers and
- Blocking the wp-login.php page and have users login in a custom page
Well, there are lots more features that are very useful and works well with the latest version of WordPress.
So, the pie register is a free and easy to use the plugin that comes with drag and drop form builder and provides very simple settings.
The WordPress users all around the world are increasing day by day, so, it is important to build a user-friendly and engaging registration form to draw more visitors to the site.
If you don’t require all the additional features of Page Builder, and you need to add only extra fields to your website’s registration form, then this plugin is ideal for you.
It may not provide additional features, but it will allow you to customize your own fields or select from a list of pre-made fields.
The custom field options:
- Rich text area
- Text area
- Pre-load image
- Drop down box
- Radio button
- Multi-drop down box
- Date and time
- File upload via URL
- Upload image via URL
- Date range
There are also a lot more other options that come with custom fields, such as making required fields and presenting information on the front-end, such as on the user’s profile, registration form, on blog, in search engine results, and many other wondrous features.
To an addition, the pre-made fields are different from double password fields, website, first and last nickname, social media, and biography.
It is one of the useful plugins that is easy to install and can be activated from the admindashboard > Settings > Cimy User Extra Fields tab.
Custom User Registration Form Builder
Custom User Registration Form Builder is a free plugin that allows you to create a custom contact and registration form as quickly as possible. It offers some interesting features, such as adding reCAPTCHA as well as capturing a form user’s IP address and browser information.
This plugin offers some options for creating custom forms, such as creating an auto-responder and page redirection after submitting the form. It is very simple to install and activate. A form can be developed in seconds, and can be presented on a page with a shortcode.
The following are the options for form fields:
- Radio button
- Text area
- Accepting (and displaying) terms and conditions
- Paragraph box
- Date picker
If you want role-based form feature, then you need to upgrade to a premium version of custom user registration form builder along with a file attachment field and form analytics. The free version is also a useful plugin that offers simple options. It is perfect if you need a custom registration form and nothing else.
Custom Front-End Profiles
The final step is to customize your profile page and luckily there are some extra-ordinary plugins that can make your work easier.
Default theme is a popular WordPress plugin that allows you to set a custom default theme for a new website on your network. You can create your theme; network activates it and installs this plugin quickly. Then, go to Settings > Network Settings in the admin panel, and scroll down to Theme Settings. Here, you can see a drop-down box where you can select your network activated themes.
You just need to choose the custom theme you developed from the list and save it. After that, a user will automatically be authorized to your custom theme, with your front-end profile options. You can also install the Pro Sites plugin to disable the changing of the default theme.
The Gravity Forms is a premium plugin that allows you to create custom contact forms with the help of varied fields. This plugin is easy to install and offers a drag and drop option for form creation that makes it a lot simpler to develop powerful forms instantly.
This plugin offers the robust features that most other contact forms don’t provide. It has reCAPTCHA capabilities, e-mail address validation, and other exciting features. It also has the potential to post fields to the front-end.
You can simply create a form that enables your users to build and publish posts from the front-end.
Lucy Barret is a WordPress Developer at HireWPGeeks Ltd., a WordPress Developemt Company and handles all PSD to WordPress conversion related projects with her team of developers. She is also a blogger and loves to share her knowledge through tutorials. Follow her company on social media networks like Facebook and Google+.