Create A Custom Login Page, Custom Registration Page & An Edit Profile Page In WordPress

Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: wplearninglab.com/17-point-wp...
Create A Custom Login Page, Custom Registration Page & An Edit Profile Page In WordPress • Create A Custom Login ...
//*
The plugin page in the WordPress repo: en-ca.wordpress.org/plugins/p...
Check to profile version of Profile Builder here: wplearninglab.com/go/profileb...
Check this tutorial showing you some cool features built into Profile Builder Pro: • How To Create A Custom...
WordPress backup tutorial: • UpdraftPlus WordPress ...
Tutorial to remove WordPress admin bar: • Remove The WordPress A...
Tutorial for WordPress user roles: • The WordPress User Rol...
301 redirects with a plugin: • 301 Redirect Plugin Fo...
301 redirects without a plugin: • 301 Redirect Using .HT...
Join our private Facebook group today! / wplearninglab
//*
For some reason, among the hardest pages to customize on a WordPress site are the login page and registration page.
But with this simple (and free) plugin I'm going to show you today you'll be able to create a WordPress custom login page and custom registration page using your favorite page builder. I used Elementor.
As a bonus, this plugin also gives you the ability to create a "edit profile page" for your users, so when they log into your site they never have to go into the WordPress dashboard.
//*
Here are 20+ reasons why I host all my sites with SiteGround: wplearninglab.com/siteground-...
//*
Post videos of your WordPress success using the hashtag #WPLLCommunity!
Get on the Unofficial Ultimate Guide To Elementor course waiting list here (no obligation): elementor.convertri.com/eleme...
Here's the link for Elementor Pro (aff): wplearninglab.com/recommends/...
Grab your free 17-Point WordPress Pre-Launch PDF Checklist: vid.io/xqRL
Download your exclusive 10-Point WP Security Checklist: bit.ly/10point-wordpress-harde...
I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.
WP Learning Lab Channel: kzbin.info_c...

[@changed5802]

You are the only one who managed to create a content that is truthful (about free plug-ins) and clean or smooth functions. I checked about 10 videos from other content publisher here at Ytube = 10 plug ins and they are neither userfriendly nor complete (missing user registration, log in or profile). Thank you and I subscribed!

[@breezelife804]

Thank you so much for getting to the point, being precise and I finished this video with my goal accomplished. Great Video

[@cybershell6857]

Thanks for the tutorials! Just doing the 301 redirect in this video, I haven't implemented it yet because I've noticed when I have my coming soon or maintenance page up in elementor (I suspect seedprod etc will do the same) it's not going to allow me in if I do this? Is the best workaround to have a login form also on the coming soon or maintenance page, if I wish to use these with a redirect, to make sure I don't lock myself out of the site? Thanks

[@bankvideo1]

never to old for this video tutorials.

[@digitalbizconsultant]

All good but how can we add the "Login" or Log Out buttons dynamically in the main menu?

[@hdoug78]

Hi! Nice video, thanks a lot! Just one question: How did you customize the buttons and the fields in the forms?

[@gillesgagnon]

Very helpful. Thanks for taking the time to make this video with clear instructions. Cheers!

[@ret00797]

Great tuto as usual. Always learning interesting things with you. Thank you from Spain.

[@wplearninglab]

You're welcome Joaquín, thanks for watching! I'm happy you get value from my videos :) Let me know if you have any questions.

[@siebren005]

Hello Bjorn! Thank you very much for the videos you make! Helps alot! If you have time, I still have one question; how can you redirect users immeditely after they registered via profilebuilder without having to upgrade to pro for the module options. I tried the peterson log in redirect plugin but it does not work. Do you have any idea how to solve the redirection issue? Kind regards!

[@MrAlexmathias]

Hey Bjorn! Congrats for your great channel! After installing the 301 Redirect does it redirect the "admin" in the WP Panel to the defined custom profile page?

[@JeanJacquesJordan]

Phenomenal video, the visuals along with the detailed explanations were perfect. Thank you from all of us who are not IT guys and are doing this for the first time. I typically do not care for long videos but this one is well worth the time spent.

[@kamrynjimmy6876]

You probably dont give a damn but does someone know of a tool to get back into an Instagram account? I was dumb lost the account password. I would appreciate any tips you can offer me!

[@melvinroyal1373]

@Kamryn Jimmy instablaster ;)

[@kamrynjimmy6876]

@Melvin Royal thanks for your reply. I found the site thru google and Im trying it out atm. Seems to take quite some time so I will reply here later when my account password hopefully is recovered.

[@kamrynjimmy6876]

@Melvin Royal It worked and I actually got access to my account again. I am so happy! Thank you so much you really help me out !

[@melvinroyal1373]

@Kamryn Jimmy no problem :)

[@sijigs]

Hey thanks for your videos, I really appreciate it. Question is there any way to customize the login boxes look/feel, text etc other than the global settings?

[@sophieberg3634]

Thank you Bjorn, this is great as always. I wonder how to do when you have a e-commerce and bloggposts. I want to be able to let them visit the store but the bloggpost should be for registered members, is that possible?

[@AbdullahJirjees]

Thanks a lot for video, in my pages the fields do not look aligned like yours in the login and registration page, what should I do ?

[@matheusmachado8803]

Oque você fez não vi um brasileiro fazer.. explicar passo a passo. Sucesso em sua vida. Parabéns pelo excelente trabalho

[@pmn578]

Hi Bjorn, I already have Buddypress pluging and a theme which is different than Buddypress. Just wondering if this new plugin may have a conflict in creating profile creation page. Because there are already two tabs created for profile items as Buddypress and my theme follow their own protocols independently. (FYI, I have "News Portal" theme)

[@bestofseinfeldclips]

I LOVE this. Thank you for sharing.

[@wplearninglab]

You're welcome Steve, thanks for watching! Let me know if you have any questions :)

[@mayurdotca]

Your videos were helpful! Thanks

[@Fabio330ci]

thanks you, does its possible to have multiple profile page based on users roles or special users equipment ? and how to redirect to home or disable login page if already logged in?

[@sergiomattar2105]

Congrats for the video and many thanks for the valuable information!!

[@ayoubchobah3979]

Super Video! Clear and straight to the point . Thanks !!

[@wplearninglab]

You're welcome. I'm glad I could help and thanks for watching! Let me know if you have any questions :)

[@zicozakaria8539]

hello sir , such a great video here thank you for all details , i have a little question if you can help me , well im using WP User Frontend plugin for a new website project and im wondering if i can use the User regstration plugin together with the current plugin im using to add more custom pages without having essues with the frontend plugin ?? ... thank you

[@hughan00]

Your content is top notch. Thank you. 🙏

[@mike-ology22]

Excellent videos mate, thank you. On my login page the boxes where you typ in your name are not aligned. Is there a way of doing that?

[@belarminonicolau4256]

Hi, thanks for the video, it has beem so helpfull for my projects. I have one question. Where do you setup the popup animation? I'm following the video but I image doesn't show animation ...

[@prasadmichael]

Extremely helpful and very well explained, thank you sir

[@wplearninglab]

You’re welcome Michael, thanks for watching!

[@hilaryarmenta1743]

Hi there, Love this video! Just had a question... if your existing WP website uses another profile builder and you want to change this to another current (better) plugin will the current users have to create a new login?

[@gregorydee8859]

Hi there thanks for this video, I needed only the profile customiser so thats all I did, it shows up fine but doesnt display when I try it out in practice; it goes back to the original wordpress profile editor.. does it sound like Im missing something?

[@wolfamri]

Great Tutorial, thanks a lot. I see this is already 2,5 years old. Would you still do it like that, or is there something else that would work better in Elementor and would be more WYGIWYS?

[@EricThomson]

Hey Björn, this is cool. What I really need is to add a custom profile page with data that I as the admin add and is unique for each user. We use this to track member status and points for activities that are outside of the website. Any suggestions? I don't mind a bit of programming. Thanks

[@acs2777]

Hi Eric ,what plugin did you us for this? tracking members, they can see other members online? newest members and points?? We sell courses through membership, using coupons and woocommerce , but we want to build a community for the members to see eachother as members on the website when they login to the site. thanks

[@TheRashifal]

Thank you for the wonderfull help, I have used UM for a month but invalid nonce error is really frusteting during user login. I am looking for an user management plugin to login, registration, account page, and content restrictions only.

[@masjidtaqwa9899]

many thanks Bjorn, great video

[@wplearninglab]

You're welcome Masjid, thanks for watching! Let me know if you have any questions :)

[@joshau2346]

does profile builder have multi tab and multi column option for the registration and profile page? i intend to build my website for mobile usage so it needs a lot of interactivity and customisation

[@JohnHelyar]

Thank you, my friend, great video.

[@wplearninglab]

You're welcome John, thanks for watching! Let me know if you have any questions :)

[@diencahyaningtyas6012]

Thanks for you explanation, it's very clear and helpful. However I have a question. If I'm an admin and want to login to wordpress (as usual), I can still use the url wp-admin and it won't redirect right? since it's only wp-login that redirect to new login page?

[@adied7725]

Hi, another great video thank you I watch all your videos, so easy to understand and no waffle. I do have another quick question please, how do you customize the Woocommerce Login-register page? I'm using Elementor pro and also have Astra pro and theme. plus wclovers marketplace Thanks for any help or pointers

[@clstdstf]

you are so helping me with wordpress thanks so much

[@wplearninglab]

I'm happy to help. Let me know if you an questions and thanks for watching!

[@unknown_amazing_chap4480]

Thanks so much for the great video!! Seems like a wonderful plugin!! Please tell me, I have got a membership site (Ultimate Member plugin) and I would like to know if l can use this plugin to create extra user profile pages, along with the profile pages which Ultimate Member already gives. I actually need two profile pages for each member because there are different types information that l need to be displayed on each page for the members.

[@gserrano753]

Thank you very much for this great tutorial.

[@wplearninglab]

You’re welcome, thanks for watching!

[@StreetFutsal]

Great video. When a user registers how do I send them to their own page? Lookinh for each user to have their own custom page. Any advice would be great. Thanks

[@philipigboba]

Hi Mentor, Awesome tutorial here. Great work and thanks a lot. Can the font type be customized so its consistent with the frontend pages. Also Do you have any tutorial link for a good looking customer dashboard?

[@highinspiration9988]

Thank you very much, its realy good tutorial for me. Do we add subscriber image option here?

[@user-xr8xj9sm2e]

Is there a way when users which are not signed up can navigate from the log-in screen to the register screen? or should i just make seperated menu link for regestration & log in?

[@AijazAliSindhu]

thank you so much... Now I am going to make my first login and registration page....

[@IliasKhattab]

thank you kind sir, best explanations, clear direct straight to the point. We need more of you in this world !

[@wplearninglab]

Hey Ilias, Thanks! I'm happy you like my style :) Thanks for watching.

[@Imellive]

Really helpful. Thanks a lot!

[@wplearninglab]

You're welcome, thanks for watching! Let me know if you have any questions :)

[@pefscomTv]

Can this be used for a membership site? and most a site be hosted before you get to see the functionalities of this plugin

[@ChristopherChin]

THANK YOU SO MUCH FOR THIS!!

[@wplearninglab]

You’re welcome Chris, thanks for watching!

[@fabstartube]

Thank you for the great hints! How can I change the style of the forms? My login fields from Profile Builder are all over the place... Is there a way to put on the same line username and password? Can I change the saize of the form fields? Many thanks

[@irfann.8957]

Goto Profile builders settings > General Settings > Load Profile Builder's own CSS file in the front-end - Check mark the YES box and refresh cache of browser and your website .

[@mihajloilic5836]

Profile builder -> Form Fields: Is there any way to add some custom field like telephone number that will change telephone custom user meta data? I need that in my website!!!

[@wplearninglab]

Hi Mihajlo, this plugin allows you to create custom form fields that are added to users meta data. I show how to create custom fields in this video. I hope that helps, let me know if you have any further questions. Thanks for watching!

[@akramsaye]

Hello! Thank you for this turorial. I have not get the Login, Register, Registration pager. Can I create a page and copy shortcode from yours?

[@asty334]

Hi thanks for this very helpful video Really good just used your tutorial. Have a problem with my forms they don’t have borders. Have redone them but the registration and user profile still come up without borders and look rough. What am I doing wrong?

[@leonr3691]

Thanks for your tutorial, it saved my a load of time and it was so simple to follow. I have one question. I need to get the registers to add their date of birth for legal reasons. The registers need to be over 18 years of age to make the purchase an legal binding action, I can't see any options for this in the form field section. Hope you can help. Thanks again

[@elpetr2738]

thank you Bjorn :)

[@snowbum9551]

great tutorial man thank you

[@wplearninglab]

You’re welcome, thanks for watching!

[@simonescaravati7218]

I reinstalled the plugin after deleted it once time ago, and I deleted the pages that it created at the installation. Why now, reusing it, the form looks awful? Yours are quite perfect out of the box

[@bfreshflossersau2389]

Hi Bob, thank you for your great clear and professional videos . you are helping lot of people to learn and do straight away in Wordpress. I would like to know how to create a drop down field like countries for example in Registration page. Can you please reply me . Thank you & regards - Sarath, Australia.

[@allansantosdasilva7959]

Hello, how to add a button that i can upload an individual attachment for each member separately in the members area or user in the ultimate members?

[@AlokKumar-rn4ki]

Hello thanks for your video...I just want to know that how to enable other profiles of my buddypress social media wordpress website to make their personal or business pages like facebook.

[@vagelis_fot]

The best thank you!!!

[@wplearninglab]

You're welcome, thanks for watching! Let me know if you have any questions :)

[@kekoski]

Is it possible to import an already designed form from Fluent Forms for example?

[@amitojable]

Thank you. This tutorial was amazing! I just have one question. I made the login popup just like you made. When I type in the incorrect login and press enter, it redirects me to the home page. Then when I click on the login button, I see the login error message. Is there a way so the site doesn't redirect me when entering an incorrect login?

[@traumegaz]

i think that's actually genius besides still seeing the error message. This way its harder for a bot, I would think. I would definitively do something about that error message though.

[@BluLover75]

I finally found what I have been looking for!! Question: On my registration page at the bottom everything is bunched up together how can I get it to be spaced out like yours?

[@KidsEducatoinal]

put css margin

[@itunuodutolu60]

Hello, Thanks for the tutorial but u have a profile builder on my phone can I just add new and make use of that

[@hab_il]

Thanks a bunch.

[@sharpconsultinggroup452]

Does this plugin integrate well with sportspress??

[@franktielemans6624]

But how can I have access (as admin) to the WP dashboard when I'm logged in?

[@pedrotiene9211]

Super helpful!

[@wplearninglab]

Thanks Pedro and thanks for watching!

[@michaelstaana5514]

Superb!

[@SimonWYHuang]

I'd like to know if I can connect it with Drip, rather than MailChimp

[@allison-eglow]

Some of the boxes in the registration look smaller than yours. Is there a way to change it? Specifically the html

[@dobymishra8906]

Uncle you are Great

[@JohnT-GNM]

As always, an excellent tutorial, thank you. I was able to set everything up as directed and everything looks and works great. However - I have one problem - when I log out of my site the WP login page appears - how do I prevent that ?

[@humanoid769]

was this answered?

[@LioKayy]

Can't believe nobody made a comment on your Italy 1990 mascot. So many great memories!

[@allison-eglow]

is there a way to change the menu so it shows the users avatar at the top when they login?

[@unpostedtrader4504]

Great!

[@karimsahraoui7216]

Thanks for everything just want to know about logout page could you please show us how to add one if a subscriber is logged in and want to sign out

[@HernanLopezOcampo]

▶ Hello 👋, I would like to create a post from the frontend and publish it directly to a blog, how could you make any suggestion, 👏 greeting from Argentina 💪

[@TYWebDev]

Thank you as always man...

[@wplearninglab]

You're welcome Tareque, thanks for watching! Let me know if you have any questions :)

[@TYWebDev]

@@wplearninglab I'm always watching you man.. Have recommended your channel to hundreds of people. You're doing great work for people like me. Thank you again

[@HaifengZhu-pn3uq]

hi, which theme is faster, astra or neve

[@SelmaAouichaoui]

Can I use this in combination with Learnpress?

[@SonsofthekingdomofGod]

Great video,thank you. A question, Is there anyway I can customise the confirmation message they get after registration?

[@wplearninglab]

Hi Zoe, Changing the confirmation message is not easy, but you can redirect people after they register by using the plugin I show in this tutorial. You can create a custom Thank You page that you send people to. I hope that helps :) Let me know if you have any further questions. Thanks for watching!

[@meisaahvazi3637]

Thank you for your quality video, i only sell a product on my woocomerce am i need use this plugin or only default login and register enough for me? hope you can help me

[@wplearninglab]

Hi Meisa, Do the people who buy your product need to log into your site to get it. Or do you ship it to them?

[@meisaahvazi3637]

@@wplearninglabFirst of all thank you for your reply, I do have printing shop service, Client only order and we ship to it, i want only they create an account by register and login service. Am i only able to use 301 redirection plugin? to redirect the php wordpress login to the account page? hope i can hear from you, thanks again

[@jasimuddin1888]

Where are you from ?

[@robertblatt2972]

After logging in, can you redirect to the page the subscriber is permissioned to view?

[@andreasntritsos]

Thank you for the video. I am not sure if that is possible but if I use Profile Builder for registering customers on a membership level using also the Paid Member Subscription plugin, is it possible to redirect to a different "Thank-you" page depending on what Membership level they purchased? Or I can only redirect them to the same "Thank-you" page no matter what Membership level they purchased? Thank you in advance.

[@wplearninglab]

Hi Andreas, I don't know for sure if that's a setting the plugin. I'll have to check. But I'm 99.7% sure you can use Javascript to detect which membership they bought and then redirect them to a page specific to that membership. You'll have to Google the Javascript (JS) for now and you can use this tutorial to add the JS to your functions.php file: m.kzbin.info/www/bejne/fKiZh3eFj76kqK8 I'll look into make a tutorial for what you're asking since it's pretty useful to have :)

[@andreasntritsos]

@@wplearninglab thank you I will watch the video and hope to be able to implement. But yes, it would be great to make a video explaining that. Thanks again 👍

[@andreasntritsos]

@@wplearninglab I watched the video suggested, but unfortunately I am not on that level to figure it out myself. If you could make this specific video to show how to do that exactly, it would be great. Of course, if you think that it is worth your time and other users will be benefited also. In any case, I subscribed so if you make that video to get notified immediately because I need it asap. Thank you!!

[@gambl3rtv26]

hi I follow the whole video to make my own registration forms and they are great, The only thing that I can't do is edit the edit-profile form. For example, if I don't want a user to change the email after the registration, how can I implement that?

[@TheWgiraldo28]

Excellent video my friend. Can you please tell me how can I line up all the fields? All they are in different positions. Thanks a lot

[@veprotacografos3302]

Is it posible to have the login and registration on the same page?

[@emanayman5756]

Does the design and the color of the login or register form change??

[@joshau2346]

is there a plugin to turn CF7 into a profile and registration page?

[@cypriansunday21]

hi.. how do I add a redirect page after the user has signed up and also when he logs out with the profile builder for free.. I can't afford their paid extension

[@chantaljoubert5637]

Hi cyprian - did you resolve this issue with the after registration redirect ?

[@albertocomsi2308]

great tutorial but how did you manage to well line up all the fields in the login/register form?

[@hj-visuals]

Did you fix this?

[@AjuJayapal]

Does this plugin have an option for the user to upload a profile picture during registration or the edit profile page?

[@emmanuelbamidele5064]

pls have you been able to find an answer to this question. I have the same question and I have not been able to find any answer online

[@highinspiration9988]

I always love your video. I have installed this plugin. Its working good. But whats about someone login or register, where it ll go or redirect to a custom page or custom dashboard. Also u have added login and register option in menu. Will login autimotically convert to logout while some one loged in and register button will disapear. For this i have used login logout menu plugin.

[@wplearninglab]

I'm happy that you enjoy my videos :) Thanks for watching them! For redirecting after login, I've created this tutorial: kzbin.info/www/bejne/iH-XXn-Dea-ee7c For the switching login/logout URLs in the menu stick with the plugin you're using. I hope that helps :) Let me know if you have any further questions. Thanks for watching!

[@celinexu6598]

Can I set up a 'not robot' detection in the registration format? how? thank you

[@kamalhines]

Hey how this is very good, but how do I hide registration page after login.

[@mjslocker9921]

hi! I need guide to correct my login page alignment.

[@KallamReddyGopalaReddy]

Excellent Video on Login and releated stuff. I need some help.

[@emmanuelbamidele5064]

pls can we add a custom field to upload pictures during the registration

[@YourSuperProductsReviewed]

I have the same question - I would like to know the answer to this as well!

[@maxxgirr]

Thank you for Tutorial. I have DIVI THEME. Login Button is looks like win'98 style. How can I change it? Also all fields align on the left side. Do you know how ti fix it?