Elementor - Design Beautiful WordPress Login, Signup & User Account Pages
Вставка
- Опубліковано 12 вер 2024
- 🤔 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
Watch Updated Tutorial: ua-cam.com/video/76QQS_9voAk/v-deo.html
Purchase the template here: buy.paddle.com/product/634211
Help us make more amazing & free courses: support.wpacademy.pk/
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?
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.
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
Very thaaaaaaaaaanx from Egypt. I work with you step by step. As a result, I achieved 70% of my desire.
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!
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!
you are amazing bro 🔥🔥🔥.... i just love the way you explain everything....very structured and to the point
Thank you so much 😀
Hhzj
One of the most helpful videos on youtube. Nice Work!!
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
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.
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
Best tutorial I've ever watched
Thank you so soo sooo soooo soooooo soooooooo soooooooooo sooooooooooooo much brother♥️
it helps me alot😘
Keep going bro,one day you will rocks🤟
Thanks for the update, can I add more features to the users page like integrating payments APIs and pricing pages?
👉👉 Excellent tutorial, thank you very much, very clear and well explained.
Greetings from Santiago de Chile. 😃👌👍
I subscribed! Been looking for this! Thank you
Very educative... I really loved it. Thanks for sharing ❤
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.
amazing tutorial all around! Keep up the good work!:)
well-done this is very helpful. Thank you for making this tutorial.
Glad it was helpful!
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/
This was sooo helpful thank you for posting this!!!
Glad it was helpful!
Good effort man! Thumbs up for you.
Awesome video my man! Honestly top notch
I just found what I'm looking for, thank you so much!
Great job, thank you very much. from Egypt 💕💕
You’re welcome 😊
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.
Great job, well-done, keep it up
Such a great video!!! COngratulations on your perfection! love it
Thank You Sir! So Great Video.
Most welcome!
Did you use elementor pro?
What types of database connection linking in signup and sign in page? 🤔
Thank you for your lovely video. Could I add social login buttons and cptcha as well?
Thanks for the tutorials
Great video....man
İt is good job. But i can not understand coding part. Can i create this without coding? Please help me
That alot this was so helpful
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.
lovely demostration
Good job!!! thank you
Thank you too!
Amazing love your had work!
Thank you, there is a newer version as well: ua-cam.com/video/76QQS_9voAk/v-deo.html
That is really amazing tutorial thankyou
Excellemnt Tutorial
very helpful! Thanks man, looks great.
Glad it helped!
Awesome Video. Thanks Man!
Thankyou very much your video so helpfull, thanks a lot
Amazing Sir
amazing tutorial
Nice explains. Thank you.
Awesome ❤
Thanks 🤗
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.
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.
my register profile is not showing any data?
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
God bless you wow😃😍🤩
When creating the Login Form on my page, the button is solid blue and does not display the text 'Login', does anybody know why?
Thank you very much, can you please make a video about customizing the user profile page
Thank You bro :)
Thank you so much
Really helpful! Thanks brother 👍🏻
Happy to help!
Great work 🙂🙂
Thank you so much 😀
Thank you !
You're welcome!
Hi,
Your videos is very helpful for us. Thank You.
please let us know how to add show/hide password eye icon
Your video is amazing
Thank you so much!
Very Helpful thanks
Hi Shazad, Thank you for an excellent tutorial. I know you covered alot & I really appreciate it, but can I ask, On the user profile & update profile page - how do you change the colour on " about - the bar with icons, update profile & cancel buttons " - do you have a css code maybe? - I don't see any option to change within Elementor. Can the icons for posts & comments be deleted too?
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 Bro
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
So wonderful thanks so much!
Glad you enjoyed it!
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?
Hy there thanks for the video
But can this plugin be used for an e-commerce site
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
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
Hi. Thanks for this amazing tutorial. I just want to ask one question: as an admin, can I customise my users account by myself? Let's say I want to build a portal where users can be able to download their results, Can I access each user's account and upload their results there for them to view?
Hi, that's not how you should be doing this. Do something like this:
1: Create a custom post type "Results" then create 2 metaboxes (custom fields) using ACF (User ID, File URL)
2: Then create a new post for each result and add the appropriate user ID in the custom field.
3: Create a frontend page and output the file for the given user.
You will have to write some custom code (that will check the user ID against the Results post and fetch the matching one) for the page you had created (You can use a child theme and setup a page template and assign that to that particular page).
We can do this task (as a paid project) for you. Send us an email at info(at)wpacademy(dot)pk
Helllo. İ am adding email verifaction for sign up. how can?
Thank so much for this video🤗
You are so welcome!
@@WPAcademyPK just made the same design login page today
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!
alhamdulillah akhi, syukran
Thanks a lot broo
Is it possible to create a profile that can be shared with others? I mean a business card profile with a photo etc.?
Hello WpAcademy, in the menu bar. how did you get the request quote button @38:56, turn into Account button @39:03 ? Please.
Amazing video 👏 👏 👏
Please what template did you use for your website I really love it 😀
Hi Darren, thanks for the like. Which website you are talking about? The one in the video description?
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
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
Helpful content.
Please show how to hide the forgot password section in login form.
Hi bro , Please answer me , Shall I show a private content like customers photos and gallery albums using this plugin ?
Great video! Could you please also make a video about how to make the account page prettier?
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?
Without plugin that arent good without subscription and so not free?
Amazing Video... However, does ultimate member grant the Admin access to it's users page? If so how's this achieved
As-salam-uh-alaikum!
Your videos are too good learnt a lot of things, I need your support sab ban gaya hai lekin reset password page pe jaa raha hu to wo blank hai or yahi account ke page ke sath ho raha hai profile ke andar jab my profile ka code my account ke page me paste kar raha hu to sirf my profile ka content hi show ho raha hai my account ke page me bhi yahi haal reset page ka bhi hai. kya in dono pages ke liye alag se registration form/login form ki tarah new form banana hoga ya kuch or apke jawab ka intezaar rahega.
Allah hafiz!
Use this shortcode on account page *[ultimatemember_account]* and this shortcode on the password reset page *[ultimatemember_password]*
I just bought the template but can’t seem to find my way. Can you help or share a video guide please 🙏
good evening sir, i want to ask something, can we add button popup success to create account under create account button?
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?