Blog

How to create custom user area page in WordPress

Why create custom user area page in WordPress?

Wouldn’t it be a treat for your users if they can access specific back-end features from the front-end of their WordPress site? With custom user area, users can now login or out of their account without using the dashboard. Log in/log out options, user inbox, recent form submissions of a particular user are now accessed from the front-end. RegistrationMagic’s front submission shortcode allows you to create a custom user area page.

Above all, the customization feature of WordPress allows you to store and display data like the way you want it. To trigger this, you need to know everything about creating a custom user area page in WordPress.

Keeping this in mind, today we discuss how to create a custom user area page in WordPress.

Extracting the shortcode from your form dashboard

Go to the RegistrationMagic plugin installed on your WordPress dashboard. Click on “All Forms”.  At the same time, hover across the envelope of the “General-Purpose Registration Form” and click the “Dashboard” hyperlink.

custom user area page shortcode

You are now redirected to the Dashboard of the General-Purpose Registration Form. This page displays Registration Feeds and other form statistics. You can also modify, design, integrate and publish elements for your form from this place.

Scroll down right to the “Publish” section. Click on the “User Area” icon placed right below. This section allows configuring user area on your website. Implementing this, your page now consists of a comprehensive user area. In fact, a specific section is allotted as “User Area” on your WordPress site.

custom user area page publish section

Clicking the “User Area” subheading displays a pop-up with a shortcode. This shortcode renders a user specific area on your site. Using this shortcode you can create custom user area page in WordPress.

custom user area page profile page

“Copy” the shortcode using the link embedded below. To summarize, this completes a part of this tutorial where you extract the shortcode to publish user area on the front-end.

Publishing custom user area page in WordPress

Navigate to Pages from your WordPress dashboard. Click “Add New” to create a new page where custom user area will appear. You are now on the screen with “Add New Page” as the heading. Choose a unique title for your new page. In this case, we label the title “Custom User Profile”. This title is displayed on the front-end of your WordPress site.

custom user area page publish page

Paste the shortcode copied from the “User Area” section of your form dashboard to the section similar to an email body. You can also add media or downloaded files to your page using this section.

Click “Publish” placed on the right side of the screen. Your page is eventually published in a matter of seconds. Click “View Page” to illustrate the front-end view of your WordPress site. You can also use the link underlying your site title to display your WordPress page.

custom user area page edit page

Front-end view of the custom user area page

Your page named “Custom User Profile” is now visible on the front-end to the user. An icon in the form of a gravatar is a part of the user’s personal tab. The username is displayed in bold right next to the icon. Other tabs include “Registrations”,” Inbox”, “Reset Password” and “Logout”. The welcome screen usually displays the Personal information of the user. Fields such as “First Name”, “Email” and “Nick Name” can be seen on this page.

custom user area page profile page

The “Registration” tab lists every form submission made by the user till date. It also specifies the exact time and date of form submissions. To illustrate, shared below is a screenshot displaying the list of successful “Registrations” with form name, submission date and time.

custom user area page user registrations

Further, the “Inbox” tab displays all the emails received by the user after every form submission.

custom user area page result

To prevent violation of security the user can also change their passwords from time to time. At the same time, the “Reset Password” tab helps the user to alter credentials if required.

Finally, the last tab displayed on the custom user area page is the “Logout” tab. To summarize, users can now log out from their WordPress site without navigating to the backend.

In conclusion, this is how you create a custom user area page in WordPress. The front-end of your page now integrates features you used to tweak from the back-end.

About rmagic

RegistrationMagic Editorial Staff (rmagic) is a team of WordPress registration experts and major contributor to the development of RegistrationMagic - WordPress User Registration Plugin.

Leave a Comment

Your email address will not be published. Required fields are marked *

shares