Blog

How to Create Custom User Profile Page in WordPress

Create Custom User Profile Page with RegistrationMagic

When you own a membership site the custom user profile page is your key to retain users. Your users get to become active on your site, they can edit their data etc from these profiles. So make your site more engaging for your users with a custom user profile page.

Wouldn’t it be a treat for your users if they can have access to their account details and activities from the front end of your WordPress site? With a custom user area, users can now login or out of their accounts without using the dashboard.

The WordPress register plugin, RegistrationMagic allows you to create a custom user profile page with its preset shortcode.

These user profiles of this plugin have login/log out options, user inbox, notifications, recent form submissions of that user. They can even know their payment history, reset password, purchases from the frontend without the help of the admin.

RegistrationMagic offers easy login options to enhance user navigation on your site. Refer to the Advance WordPress User Login Plugin Guide to know more.

Above all, the admin can choose the user data that they want to display on the custom user profile pages. Usually, your users land on their profile pages after logging in. Only the owner of the profile and the admin can edit the user details that appear on these profile pages

So, let us go ahead and start creating a custom WordPress user profile page with RegistrationMagic.

Getting the Shortcode from Form Dashboard

First, install the RegistrationMagic plugin on your site dashboard. After activating it, you will find the plugin menu on your menu panel. From there, click on the “All Forms” link.

This page will show you all the forms that you create with this plugin. RegistrationMagic offers several shortcodes to make many jobs easy for you. For example, every form cover will show its own unique shortcode. This shortcode will help you to publish a form on your site.

Tips: RegistrationMagic also offers a way to display WordPress form with HTML code. This way you can take control of the design etc. of the form by altering the preset HTML code.

As you hover on a form cover you will also find two links appearing at the two bottom corners. These are Fields and Dashboard. The Fields link will let you add custom user fields on your form. While the Dashboard link lets you take care of the WordPress form payment, security, analytics, automation etc.

RegistrationMagic Dashboard

As you land on the Dashboard page of the form you can see the registration feed and other form statistics. Now scroll down right to the “Publish” section. Then click on the “User Area” icon on the second row. This section will allow you to set up a custom user profile page on your site.

Copy Shortcode of Custom User Profile Page

The Publish section of the form has the shortcut to publish various pages on your site. From HTML code to a user directory page or login box you get several options.

Tips: You can publish a WordPress pop up form in every page of your site from here. The pop-up form appears as a small icon at the corner of the page. Thus it does not make your page look clumsy. In just one click this pop up gives your users access to forms and other custom pages or links of your choice.

RegistrationMagic User Area

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

Now click on “Copy” from the link below. To sum up, this only completes a part of this tutorial where you extract the shortcode to publish a user profile on your site.

Publish Custom User Profile Page in WordPress

Go to Pages from your WordPress dashboard. Then click on “Add New” to create a new page where custom WordPress user profile page will appear. You are now on the screen with “Add New Page” as the heading. Give a unique title to your new page. In this case, we label the title “Custom User Profile”. So, this title will display 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 on the content section of the page. You can also add media or image files to your page from this space.

Click on “Publish” placed on the right side of the screen. Your page is now published very simply with the help of this plugin’s shortcode. Click on “View Page” to see the front end view of the user profile page on your site. You can also use the link underlying your site title to see your custom user area.

custom user area page edit page

Front end View of the Custom User Profile Page

Your page named “Custom User Profile” is now visible on the front-end to the user. You can see the user profile image as it is a custom field on the registration form. The username appears in bold as the header of the profile. Other tabs include “Registrations”,” Inbox”, “Reset Password” and “Logout”. The welcome screen usually displays the Personal data of the user. If custom fields such as “First Name”, “Email” and “Nick Name” are part of the form then it appears on this page.

Tips: With RegistrationMagic you have a huge spread of custom fields to add to your registration form. You can add extra space, email field, country timezone etc on the form. For taking lengthy user data, more than a few words you can add a text field in WordPress form.

 

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 show you, 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 from your site after he/she became a member here.

To prevent violation of security the user can also change their passwords from time to time. From, the “Reset Password” tab the user gets the liberty to change passwords without having to notify the admin.

Finally, the last tab displayed on the custom user area page is the “Logout” tab. To sum up, users can have full control of their data and activity on your site. This way their data remains safe and the admin remains assured that the user data security stays in their own hands.

An All Rounder Plugin

The RegistrationMagic plugin not only creates dynamic forms for all purpose user registration but also creates a landing page for them. This landing page is functional and thus your users get this custom user profile. This way you can give the responsibility of your data to them only. Thus they do not trouble you for every password change or purchase detail issue. This gives an added security to user data.

Tips: You can make sure your users keep their profiles safer if you force strong password while user registration with RegistrationMagic forms.

From your office staff to gym or class members, this is how you can give a Custom User Profile Page after every form submission. Thus you add to the efficiency and user convenience on your site.

Subscribe
Notify of
guest

43 Comments
Inline Feedbacks
View all comments
Abhi kori
Abhi kori
8 months ago

Makar Sankranti: Cloudy Coders
Celebrate the joyous occasion of Makar Sankranti with Cloudy Coders. Discover the significance, traditions, and delicious recipes associated with this vibrant festival. Whether you’re looking for kite-flying tips or want to learn about the cultural significance of Makar Sankranti, our expertly crafted content has got you covered. Dive into the festivities and embrace the spirit of this auspicious day with us.
https://www.cloudycoders.com/

Aves Malik
Aves Malik
8 months ago

WordPress custom templates development requires lots of knowledge and experience for PHP and other programming languages. So do not be only wordpress designer but also learn programming languages.

Kaushika
Kaushika
3 years ago

Hello
I want a code that allows members to know statistics Google Analytics for their subject

RegistrationMagic
RegistrationMagic
3 years ago
Reply to  Kaushika

Kindly elaborate your requirement regarding Google analytics in detail in order to allow us understand and assist you.

GamingCODE
GamingCODE
3 years ago

This was elaborate and very informative. Great Article my friends. Thank you for sharing.

Ashwini
Ashwini
3 years ago

great article.It’s really helpful for me. Thanks for sharing

bb
bb
3 years ago

How do I hide the Registrations, Payment history and Inbox tabs in the user account page with CSS? Both in desktop and mobile mode?

With best regards,

bb

RegistrationMagic
RegistrationMagic
3 years ago
Reply to  bb

Kindly raise a ticket using the following link: https://metagauss.com/help-and-support/ and we will provide you CSS to hide the required tabs.

Izelle
Izelle
8 months ago

Would like this function as well…

RegistrationMagic
Admin
RegistrationMagic
8 months ago
Reply to  Izelle

Hi Izelle,

You can disable specific user profile tabs from Global Settings -> User Area Layout settings in the backend.

kaushika
kaushika
4 years ago

hi there thanks for your awesome post.

Rajesh
Rajesh
4 years ago

I am happy for sharing on this blog its awesome blog I really impressed. thanks for sharing. Great efforts.

Shailendra
Shailendra
4 years ago

Very valuable information, it is not at all blogs that we find this, congratulations I was looking for something like that and found it here.

Francois
Francois
4 years ago

Hola, quisiera que un usuario común se registre con sus datos y luego un colaborador que también esta registrado pueda validar unos datos del perfil del usuario. Sera posible ? Ademas cuando el usuario se esta registrando quisiera ademas qeu al finalizar de llenar los campos el botón lo lleve a otra pantalla para rellenar algunos datos adicionales. Esto se podría hacer?
PD. tengo un plugin para generar codigo QR, al emplear el shortcod como podria asignarle el valor por ejemplo de su nombre y lo muestre?
Gracias

RegistrationMagic
RegistrationMagic
4 years ago
Reply to  Francois

The user can register by submitting the registration form. The user account can be created but will be in deactivated state and the user will not be able to login until the collaborator(admin) activates it from the user manager. To achieve this go to RegistrationMagic > global settings > user accounts > in account activation method, choose deactivate user for manual approval > save it. Note that this is a feature of premium version of RegistrationMagic.

Regarding redirecting user to another screen for filling additional data, you may create two pages in the registration form itself.

We need to know which plugin are you using to generate QR code and kindly elaborate how exactly you wish to use RegistrationMagic.

Hart
Hart
4 years ago

Is there a way to style the user area? and also the personal details is not fully mobile friendly.

RegistrationMagic
RegistrationMagic
4 years ago
Reply to  Hart

You may use custom CSS to style the user area. Regarding the personal details not being fully responsive, it seems to be a conflict with the theme so could you please raise a support ticket here: https://metagauss.com/help-and-support/ in order to allow us analyze the reported issue at your end and provide you a speedy resolution.

Hart
Hart
4 years ago

Is there a way you can style the user area? and also the personal details it not fully mobile responsive.

RegistrationMagic
RegistrationMagic
4 years ago
Reply to  Hart

You may use custom CSS to style the user area. Regarding the personal details not being fully responsive, it seems to be a conflict with the theme so could you please raise a support ticket here: https://metagauss.com/help-and-support/ in order to allow us analyze the reported issue at your end and provide you a speedy resolution.

Amodha Galgamuwa
Amodha Galgamuwa
4 years ago

Hi I need to add some more fields to my member profile front end. Can I extract more details from the form. Please help

RegistrationMagic
RegistrationMagic
4 years ago

You can add as many fields as you require on the registration form. For more information about creating a basic form and adding fields to it, please refer to the following link: https://registrationmagic.com/create-wordpress-registration-page-starter-guide/

Imie Sam
Imie Sam
4 years ago

Need to customize custom user profile page… Can I remove nickname field and customize payment field ?

RegistrationMagic
RegistrationMagic
4 years ago
Reply to  Imie Sam

Currently the required customization is not possible. We have made a note of your requirement for review and analysis.

Daniela Zavallone
Daniela Zavallone
4 years ago

I like to have a profile page with ONLY personal details without all other information and tabs, how can I have that?

RegistrationMagic
RegistrationMagic
4 years ago

The other tabs can be hidden using custom CSS. Please do write to us in case you require assistance with it.

Howard Sander
Howard Sander
3 years ago

Is there a way to customize the items and icons so I can have special pages to redirect users to?

RegistrationMagic
RegistrationMagic
3 years ago
Reply to  Howard Sander

Kindly let us know more details about the customization you require and if feasible, raise a ticket at our support portal here: https://metagauss.com/help-and-support/ in order to allow us analyze your requirement and assist you.

Yashus
Yashus
4 years ago

Appreciate & Thanks for sharing your work for how to create custom user profile page in WordPress. I would implement for my client .

Praneeth K
Praneeth K
4 years ago

How to customize the User Profile Page?

RegistrationMagic
RegistrationMagic
4 years ago
Reply to  Praneeth K

Could you please elaborate what customisation do you need on the user profile page in order to allow us analyse your requirement and assist you.

Djimmy
Djimmy
4 years ago

Hello,

How we can customize the profil user page with different colors, polices, icon or new disposition ?

And how we can give a different name for each form in form list of the user area ?
All my forms are generated on the same form.
For exemple, on your tuto you have Form1, int, int, int… It’s possible with the same form rename “int” to “intOfSubjectA”,”intOfSubjectB”,”intOfSubjectC” … ?

Thanks

RegistrationMagic
RegistrationMagic
4 years ago
Reply to  Djimmy

We are unable to understand your requirement. Kindly elaborate it in detail in order to allow us assist you.

Johnny Harfield
Johnny Harfield
5 years ago

Is it possible to leave out certain tabs from the user area? In this case it would be “Registrations” and “Payment History”.

Thanks

RegistrationMagic
RegistrationMagic
5 years ago

To have an option to hide tabs, we recommend RegistrationMagic integration with ProfileGrid plugin. Do note that with this integration, ProfileGrid’s profile page will replace RegistrationMagic’s submissions page.

Kl3m3ns
Kl3m3ns
3 years ago

Actually it’s pretty easy to do you just need to add custom CSS to your theme or site, something like this:

.rmagic .rmtab-payment-details.rmtabs_head.rm-menu-tab {
display: none;
}
.rmagic .rmtab-registration.rmtabs_head.rm-menu-tab {
display: none;
}
.rmagic .rmtab-reset-pass.rm-form-toggle.rmtabs_head.rm-menu-tab {
display: none;
}

Waheed
Waheed
5 years ago

Is it possible like we can choose who is going to register on a website for example I am using for a sports page so I want to register as team, player or club. So there will be option to select and relevant form will appear for each type of user.

RegistrationMagic
RegistrationMagic
5 years ago
Reply to  Waheed

You may create separate registration forms for teams, players, and clubs. Next, on the page you can add links, and the user may then choose the option about how they wish to register. Control will be redirected based on the user choice.

Miracle
Miracle
5 years ago

Can edit the payment history tab and inbox tab to any other page that I want? And also can I add extra tab to the user profile page…..

RegistrationMagic
RegistrationMagic
5 years ago
Reply to  Miracle

New custom user profile tabs can be created from “Global Settings” -> “Customize User Area Tab” settings.

Nick Jones
Nick Jones
4 years ago

Hello, was this ever implemented? Or, am I able to overwrite the submissions with a page child version?

RegistrationMagic
Admin
RegistrationMagic
4 years ago
Reply to  Nick Jones

There is a way to display RegistrationMagic user manager’s submission history in the ProfileGrid User profiles plugin, and add other tabs through Custom tab. We have yet to implement overwriting the user submissions with a page child version with RegistrationMagic.

Rams
Rams
5 years ago

In the tab ‘personal details’ we can see the custom fields.’
Imagine the field ‘Company’ being filled out.
And now imagine the person wanting to change that field.

How does one achieve this?

RegistrationMagic
RegistrationMagic
5 years ago
Reply to  Rams

A custom template is not allowed for the user area.

To change/update the details on personal details page, you need to create a new from and bind each field on Personal details page to user meta. The option to bind user meta to a field can be enabled by editing the field > advanced settings > enabling: add this field to user account and filling in the user meta key for example: for first name key meta is “first_name”, for last name it is “last_name”, for website it is “url” and so on. You need to bind WordPress default user meta or custom user meta to the field by following similar steps.

When the user submits the form with binded meta values, values on the backend and user area will update.