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.
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.
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.
“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.
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.
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.
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.
Further, the “Inbox” tab displays all the emails received by the user after every form submission.
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.
- How to Allow WordPress Login and Registration using Email - October 5, 2018
- How to Display WordPress Member Directory - October 1, 2018
- How to Create WordPress Form With Payment Option - September 30, 2018
- How to Disable WordPress Admin Bar for all Users Except Admin - September 29, 2018
- How to Disable New User Notification Emails in WordPress - September 28, 2018
- How to Add New Users And Authors in WordPress Blog - September 27, 2018
- How to Restrict WordPress User Access by Passphrase Code - September 26, 2018
- How to Restrict User Access by Date in WordPress - September 25, 2018
- How to Restrict WordPress Forms by User Roles - September 24, 2018
- How to Configure Registration Form in WordPress - September 12, 2018