Elementor - Design Beautiful WordPress Login, Signup & User Account Pages
Вставка
- Опубліковано 9 січ 2025
- 🤔 Do you want to get rid off of the boring WordPress login and signup screen? Then you have landed on a perfect tutorial.
🔥 In this tutorial, we will design an amazing login and signup page for WordPress with Elementor and Ultimate Member plugin.
📝 You can create the login and signup forms with any number of fields with plenty of customization options. You can provide complete user account and profile management to the users at the frontend of your website.
📺 Demo Website: wpactuts.com/w...
❤ Support Us by Purchasing The Design Templates Created in this Tutorial: wpacademy.pk/?...
-----------------------------------------------------------------------------
🛠 Tools & Resources Used in This Tutorial
-----------------------------------------------------------------------------
✅ Elementor ➡ wordpress.org/...
✅ Ultimate Member ➡ wordpress.org/...
✅ Header, Footer & Blocks ➡ wordpress.org/...
-----------------------------------------------------------------------------
🛠 Assets and CSS Code
-----------------------------------------------------------------------------
📄 CSS Code: git.io/JT4tY
📦 Background Images: drive.google.c...
📝 Typography Settings, Colors, and Other Information: wpacademy.pk/?...
-----------------------------------------------------------------------------
🙌 Support This Channel by Buying Stuff Below
-----------------------------------------------------------------------------
✅ Elementor Pro: bit.ly/2LQcfyD
✅ Best WordPress Hosting ➡ wpacademy.pk/g...
✅ Cheap Domain & Hosting ➡ wpacademy.pk/g...
✅ Super Fast Managed Cloud Hosting ➡ wpacademy.pk/g...
✅ Best Elementor Addons ➡ wpacademy.pk/g...
✅ Envato Elements ➡ wpacademy.pk/g...
-------------------------------------------------------------
👨👩👦 JOIN OUR SOCIAL COMMUNITY:-
-------------------------------------------------------------
Facebook Page: / wpacademypk
Facebook Group: / wpacademy.pk
Forums: wpacademy.pk/f... urdu tutorials
12+ Login & Signup Templates Pack: wpacademy.gumroad.com/l/tmp01
This tutorial templates: buy.paddle.com/product/634211
I bought it but the template is not the same as the preview as shown in the video and website
@@thuaninh6177 Have you checked the instructions document/video for the setup or import procedure?
I really learnt from this video,but after making the sign up and login page,I wanted to make a force login so that users are forced to login when they're on the website,I installed the plugin force login,but when I activate it,it takes users to the default WordPress login layout, how can I fix this.i would also subscribe to you premium channel if you could help
Can you make a video ultimate member send email verification normal template user show beautiful brand templete
Very thaaaaaaaaaanx from Egypt. I work with you step by step. As a result, I achieved 70% of my desire.
Great video dude. Really love the time and attention taken to really make the pages look good. A lot of tutorials only show how to configure the plugin, but you took the time to design the pages really well. Much appreciated. Keep up the great work.
Thanks bro ... May Almighty Allah shower His blessings on you and your family. Aamin
Its a pretty helpful for everyone who want to start their own business
May Almighty Allah guide you to the right path.
Thanks once again
I am glad it helped.
This video helped me a lot...I was struggling to find a plugin that would help me to build a registration form and sign in. But then I found your video and it's simply amazing.I managed to design the pages I wanted following your video and adding my own creative touch so thank you very much!!!
Glad it helped!
Great tutorial, great plug-in. Since many people watching may be new to the process, you could slow down a bit - you flit between settings and things, and it is easy to get left behind. 😀
Yes! I was hot on the spacebar to keep pausing!
Please sir can you repeat this again? becuse so manythings have change in Elementor
WP Academy is one of the best channel that I have ever seen! Thanks for your hard work man. Keep up the
great work.
An EXCELLENT tutorial! I literally followed it step by step to build a membership structure. Thank you!
One of the most helpful videos on youtube. Nice Work!!
THANK YOU! this has been such a challenge for me before seeing your video
man, you save my whole life searching for this perfect demo.. thank you so much!
I am glad that it's helpful for you.
@@WPAcademyPK can we also add elements/widgets for the user account bro? thanks
One of the best tutorial for login and signup page. Thank you so much. Great work.
Thanks
@@WPAcademyPK Sir you really helped me a lot in creating these pages. God bless you.
Hi, really cool video, does this plugin have a database into it? Like where does it save all the users info when created? Can you access that info anyhow? Thanks
No, I wasted a lot of time for the same in this plugin. That's why needed to switch to fluent forms and ninja tables(for adding database) you can use these plugins to make the same login signup page as shown in the video.......
I suggest you to switch to these 2 plugins..... Fluent forms + ninja tables
You can transfer data to goole sheet
@@yourdeadgaming1266 Can you guide me about fluent forms and ninja tables
Best tutorial I've ever watched
Hello WpAcademy, in the menu bar. how did you get the request quote button @38:56, turn into Account button @39:03 ? Please.
Thank you so soo sooo soooo soooooo soooooooo soooooooooo sooooooooooooo much brother♥️
it helps me alot😘
Keep going bro,one day you will rocks🤟
you are amazing bro 🔥🔥🔥.... i just love the way you explain everything....very structured and to the point
Thank you so much 😀
Hhzj
well-done this is very helpful. Thank you for making this tutorial.
Glad it was helpful!
Very educative... I really loved it. Thanks for sharing ❤
👉👉 Excellent tutorial, thank you very much, very clear and well explained.
Greetings from Santiago de Chile. 😃👌👍
lovely demostration
Great form design it's what it. Thanks but please what is the name of the theme used for the website you are using to design.
Great job, thank you very much. from Egypt 💕💕
You’re welcome 😊
I subscribed! Been looking for this! Thank you
What types of database connection linking in signup and sign in page? 🤔
Thanks for the update, can I add more features to the users page like integrating payments APIs and pricing pages?
Dear WP Academy, I have other plugin names WP User Fronted Pro, can you make a video about it ? Thanks
amazing tutorial all around! Keep up the good work!:)
Great video on the other hand you have to know about css programming, because the day you have a crash or a correction to do you will have to call a professional.
Good effort man! Thumbs up for you.
thank you soo much brother... great job !
You are most welcome
Bro 4:46 pe column section neeche kaise kya. Mera top pe he hai
Awesome video my man! Honestly top notch
Great job, well-done, keep it up
I just found what I'm looking for, thank you so much!
Thank You Sir! So Great Video.
Most welcome!
Nice video it's very helpful. I request to you can upload one more video regarding customers check their order status and track the order with customizing page.
Thank you for an amazing tutorial. I created everything successfully now but I have two issues. 1 the restricted content option only has "site accessible to everyone" and "site accessible to logged in users". However I only want to restrict certain pages and make them available to logged in users only.. how do I do that? Secondly, how do I show user logged in or logged out status on pages? I feel like as a user I'd like to see a visual status to let me know whether I'm still logged in or not. Thanks again for this thorough tutorial. You saved the day and wish you all the success in life because you truly deserve it brother
To restrict the content on certain pages you should use a proper membership or content restriction plugin such as:
wordpress.org/plugins/content-control/
wordpress.org/plugins/restrict-content/
3:45 bro i m not getting an edit with elemtor option there instead of that it is showing slecect a starter template ?
İt is good job. But i can not understand coding part. Can i create this without coding? Please help me
when I create an account on Register page (ultimate member), this message appears:
Oh Snap! {"error":{"code":400,"message":"CONFIGURATION_NOT_FOUND","errors":[{"message":"CONFIGURATION_NOT_FOUND","domain":"global","reason":"invalid"}]}}
plz help
Such a great video!!! COngratulations on your perfection! love it
Amazing love your had work!
Thank you, there is a newer version as well: ua-cam.com/video/76QQS_9voAk/v-deo.html
Hi, love your content🙌🙌. I’ve followed the tutorial up to this point but I cant find inner sections. 35:19
Elementor has updated the system to Flexbox containers. Now, you can add containers within containers. This updated video can help: ua-cam.com/video/76QQS_9voAk/v-deo.html
Hi. At 35 min into your video you show how to add more fields to profile, but when i do it it only show half of the fields, when i load the page. You know what i do wrong?
That is really amazing tutorial thankyou
very helpful! Thanks man, looks great.
Glad it helped!
Thankyou very much your video so helpfull, thanks a lot
Thank you for your lovely video. Could I add social login buttons and cptcha as well?
Awesome Video. Thanks Man!
When creating the Login Form on my page, the button is solid blue and does not display the text 'Login', does anybody know why?
thanks for the excellent video. for ultimate member plugin, before the basic required fields of creating a new account, if possible to add multi-steps questions at the beginning first in order to in advance understand more user request (like what you asked from user profile)?
You will have to look into the Ultimate Member plugin options or Addons.
Hi, thanks for the video. Is there a way I can make the register form smaller, because it's taking up more space than my page-size background image.
Edit: I have found the solution to this. You want to make the padding of the outer section (containing the background image) much larger on Top and Bottom, possibly 500.
This was sooo helpful thank you for posting this!!!
Glad it was helpful!
It is a great video BUT i wish it was beginner friendly alot of the steps i had to over look because the video was so fast i am new to building a website and i have no clue about coding so when it was time to do CSS or what ever its called i was totally lost so i had to leave those out and stick with what i had, i had to pause the video to write this comment because while it may be good for someone who is aware and has knowledge what about the rest of us who actual are interest? but overall thanks as i was able to make some adjustment to what i have it works... which at the end is what i needed
Awesome ❤
Thanks 🤗
Thanks for the tutorials
Nice explains. Thank you.
thank you very much ❤❤❤
You're welcome 😊
@@WPAcademyPK can you tell us method to make it for customer only and make wp-admin for admins only for not anyone to login to dashpoard easily
when I create an account, this message appears:
Oh Snap! {"error":{"code":400,"message":"CONFIGURATION_NOT_FOUND","errors":[{"message":"CONFIGURATION_NOT_FOUND","domain":"global","reason":"invalid"}]}}
plz help
You need to log out after creating the login page. otherwise, it will show that you are logged in and your created login form will not be shown even if you are opening in incognito mode..this happened in my case.
Very frustrating. Have te same problem. I used the shortcode and the form is not showing on my login page. Did logout like you said but nothing happens. Struggling with this for days now!
Thank you very much, can you please make a video about customizing the user profile page
Hy there thanks for the video
But can this plugin be used for an e-commerce site
Great video....man
Thanks for the tutorial. But I have a question, Why I cant upload profile picture and cover picture for the profile ? Can you help me sir
hello @WP Academy I did not get re-directed to the profile page after registration. Can you help me please, it's very important for me?
Awesome! Thank you! I just have one question, can it connect to a Facebook group? I'm looking for a way to have this sign up form with like a yearly subscription fee but it needs to connect to a Facebook group. Is that possible?
great video, very helpful! How do I store the data into the databse for the registration? How do I progrma to check if a user already exist? I'm strugling with this kind of logics. Thank you!
When you use Ultimate Member registration form, it automatically creates new users in WordPress, and it handles all the checks, you don’t have to do anything
i Have a question the icon at the top that shows the user, how do i remove it or link it to the sign in feature?
Did you use elementor pro?
good evening sir, i want to ask something, can we add button popup success to create account under create account button?
How to store the data in MySQL database? Can any please tell me ...
I do a lot with the help of this tutorial. but I have some queries. are this plugin support the Paid Member, Or payment Options? I want to charge from the subscriber at the time of registration. and 2nd: Can Admin, add some note or category field to specific user/subscriber?
Hi,
Your videos is very helpful for us. Thank You.
please let us know how to add show/hide password eye icon
Thank so much for this video🤗
You are so welcome!
@@WPAcademyPK just made the same design login page today
Hi, great video. I have a prob;em though. The Register page button does not take me to the profile page. How to do that?
Your video is amazing
How do I edit the signed in user dashboard, I'd like to add more content and sections...Is it possible?
hi, thank you so much for this video. how do i change button color? I have changed button color in main settings (from where it should effect whole theme ). but it is not showing on login and create account page.
Also I would like to add a document tab to user account where admins can upload docs for each user and only that user can see it. how do i do that? do you have any video on that?
I want to add sing in and sing up form at one page, how could i customize css for both forms but different css coding?
So wonderful thanks so much!
Glad you enjoyed it!
Thanks!!!
Where the user data gets stored?
thanks so much it was great . but could you tell me how can i do forget pass link cuz it dose not work with me
That alot this was so helpful
Hello! Can you help me? When I create an account (with the form) the button don't redirect to the profile, also I already activated the option "redirect to profile" in the login form. Thknas for the video
I'm getting Error: Internal Server Error (500) when trying to download a starter from Kadence. Any help on this? I'm using a M1 MacBook.
The page you requested was not found we suggest you to go back to HomePage..i getting messages like this when i creating sign up. its not redirecting anywhere..how to solve this
Hi bro , Please answer me , Shall I show a private content like customers photos and gallery albums using this plugin ?
Good job!!! thank you
Thank you too!
Is it possible to create a profile that can be shared with others? I mean a business card profile with a photo etc.?
Great work 🙂🙂
Thank you so much 😀
my register profile is not showing any data?
Hello! TKS for this tutorial Bro💖! The Demo Website is Broken! Sinup Page is Broken!
I need advice if u working on a site that involves cryptocurrency how do u add a widget that display how much the user has or bought
why form take time too load? actually when I refresh it form not load until i donot do anyactivity. it will great if you solve the problem
Is there a way to change the color font and button via css?
Excellemnt Tutorial
Still better than forminator 😂
When I create the create account page, after filling out the information, I say sign up and it doesn't redirect to my account page, can you help?