How To Customize Woocommerce Dashboard My Account Pages & More!
ฝัง
- เผยแพร่เมื่อ 31 ก.ค. 2024
- If you've wanted to customize Woocommerce dashboard pages but didn't know how then this is the perfect tutorial for you!
I'll show you how to tweak the code for WooCommerce, how to add new WooCommerce Account pages as well as edit the welcome message.
Want to go further and use Elementor Pro to build something truly unique?
No problem, I've got you covered there too.
★ ELEMENTOR PRO: jo.my/1s0t2s2
Download the custom dashboard template: bit.ly/2L0YWK3
Custom Code available here: bit.ly/2L4reDO
00:00 - Introduction
00:57 - The typical WooCommerce Account page
01:55 - The WRONG method for editing theme files
03:13 - Customising the WooCommerce Account Page
12:23 - Editing WooCommerce template files & end points
16:44 - Using Elementor to customise the WooCommerce Account Dashboard
28:15 - Conclusion
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Brizy Pro: bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
★ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: bit.ly/2Ydn1SE
★ OCEANWP: bit.ly/2fRHBr0
★ DIVI Theme: bit.ly/2G8JMiA
★ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: bit.ly/2G0G1vB
★ CSSHERO: bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 - jo.my/sr6
► WORDPRESS PLUGINS ◄
★ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk - แนวปฏิบัติและการใช้ชีวิต
![Add Extra WooCommerce Product Options for [FREE]](http://i.ytimg.com/vi/EhWpH5HY5pQ/mqdefault.jpg)
![Add Extra WooCommerce Product Options for [FREE]](/img/tr.png)
This is one of the clearest WP tutorials I've ever seen! Very appreciated. A natural teacher.
As usual, another very good one! I needed this 2months ago, but better late than never, the client will be super excited with this update. Thanks again and keep them coming. Very well done
Hello Paul, this is really really helpful. Thanks for sharing the 'ready' file. Your videos/tutorials are very useful and I value it. Thanks indeed.
This is definitely the content you'd pay attention to and spend all that 29min to go through to blow your mind! Thank you for sharing.
Haven't finished the video yet but had to come and comment. Paul, excellent content and excellent timing as always. Appreciate your hard work and dedication to the channel and community, man!
Thanks, Paul, Really clear and helpful video once again. Many thanks :) Will be using this on a new Classic air-cooled
Porsche website I’m working on at the moment, so perfect timing!
You're a life saver! My professor can't even explain like these! Thanks!
Thanks for another video Paul, a big hug from Brazil.
Waited this tutorial so long, thank u 👍
Content is so good, I get nervous at the fact that too many people will watch it!!! Awesome as always
Really good stuff, man. Invaluable resource. Keep going.
This is lovely Paul. You just gained a new subscriber. 🙌
Thank you, it's pure gold.
Fantastic tutorial as always!
This guy is so good I like his videos before even watching them. None of his content has ever been a waste of time. Always learn something new. Much love from Kenya!
Thank you Lawrence, that's awesome to hear. 🥳
@@WPTuts You, sir, are my hero. Any other courses you offer? I'll gladly pay to be your padawan.
the legend never disappoints keep up the good work mate
Thank you so much, great teaching!
Great instructional video Paul.
Great job Paul!
Thank you so much brother! I made it to work after a lot of struggle because the new PHP throws an error.
Well done ! Thank you for sharing !
amazing tut, thank you!
Awesome video Paul. Thank you! I am going to use your dashboard now :)
Your site link to the code has been crashing my browser. Both chrome and Firefox. I'll try later again
Great Video. Exactly what I was looking for. Subscribed! 😜
Welcome to the WPCRUE! 🤘
Amazing video thanks for the tips that’s exactly what I was looking for.
U are the wp God. Thank you for this. Going to change my account dashboard tomorrow.
Awesome like always!!
helpful with template download, thank you very much!
Loved this video, thank you
you are the best at all 💥
So helpful! Whatever I look for, there’s Paul C having my back! I already learned a ton from him! 🙏🏻
Great to hear that you're finding the content useful Markus :0)
Thank you for a very thorough video
Great video, really helped, thank you!
Thank you so very much! This was a great.
Your room setup is cool!
Thank you very much! It's very usefully!
Thanks! a lot for your tutorial i use your template mach my design web perfect :)
BROTHER BROTHER MY BIG BROTHER, I LOVE YOU SO MUCH MAN, I guess i am your biggest fan, i started to think way back on the lines on which you make your tutorials, then i found you, MAN you just read my mind or i guess there is something common with us, haha,,, but whenever i need to search about something, then some how or other you come up with a video on it, wow simply wow... You are awesome,, i watch you regularly, you have increased my income mate. Love you so much. Brother it was awesome to learn that code customization in this video, can you please start teaching Wordpress as well like plugin dev or theme dev? or the wordpress documentation, so that we can make fully customizable websites as well..
One more question sir, Q1. Sir for example Ultimate membership pro plugin assigns a level to a registered user depending upon the choosen paid level by the registered user, so if i want to display that Level of That user in this dashboard template, how will i access that value of Level assigned to that user?
i Guess i would have to get fetch the data from UMP and show it in the my-account-UMP.php template which ill create, but i dont know how to fetch that value or level of membership.
No 2. Please sir do a complete tutorial on paid membership website tutorial on Ultimate membership pro plugin and do customise its account page as well as it is just rubbish.
Thanks. Please do reply me please i am waiting. I am your biggest FAN. I want to become your permanent student please if possible.
Much love und big thank you 🙏
Thanks for the deep dive and associated freebies
Thanks a lot very helpful !
excellent tutorial!
you saved me thank you so much for the tutorial
ITs very helpful again I said its very helpfull vedio..love you so much bro
excellent customization woocommerce , Great 👌
You work is amazing, keep going, +1 follower
You are phenomneal!!! I love all your tutorials, because you not only explain things in a way I can understand, you elaborate in a way that makes sense to me. Some content creators, God Bless you all, presume familiarity with some aspects and gloss over fairly obvious (to me) how we go from here to there where we do this and do that. I need to know step by step, and you are easy to follow along so that I can not only replicate what you do, which is great, but I can get ideas of how to take it even further. Thank you for your content. YOu save me so much time when I'm looking to customize websites for my clients!!! That being said, one question... How do I customize the downloads endpoint so that I can send a file to that downloads endpoint without having to create a secret download. Let me explain. I own a recording studio, so my customers upload their files for me to master. They pay for this service from checkout as they pay. I master the audio, and I want my customers to go to the Dashboard My Downloads and have the audio file I mastered uploaded there, so I can send them an email saying your mix or master is ready, they go to the dashboard, download the file from there. Here's the site: blublakmedia.com Thank you in advance for any input you may be able to give, if you even get this, being it's been 3 years since you created this great tut....
Great tutorial
Great vid, thank you. How would you go about allowing the user to update their profile picture from the custom dashboard? Assuming the profile pic is an ACF or PODs image field.
Thank you Great Topic
For those looking for a simple way to hide the dashboard for logged out users, add the class show-when-logged-in to your widget and then add the following css:
body:not(.logged-in) .show-when-logged-in {
display: none !important;
}
You're officially a hero ! Thank you so much!
Can you help me with the location of that file please? "add the class show-when-logged-in to your widget" -- where is this file / location exactly?
@@sibe031 from elemntor go to css classes and add the ID there and in css section add the mentioned css
Thank you so much
Your a legend thank you
This is AMAZING! Can you do a similar video for Divi? Or can more or less of this be applied to the Divi theme?
Hello Paul, many thanks for this informative tutorial. My buttons are however not loading, for instance when I click on orders, I get a 404 error. What might the problem be? Thank you.
Thanks for the great video!
Could you please do a video on how to add Learndash elements as a new WooCoomerce hook in order for it to show up on the My Account page?
Thanks for the video
Would be interested to see how Woolementor could expand on this toolset, especially following your recent tut on that plugin...
thanks Paul , how does it look when the user logs in? what the form looks like
top man thanks. do well!
great content sir,
Hey Paul, It is a blessing to have your videos for us, I have tried this templet but it directs to a new page
instead of opening a window on the same page can you help me
Hey thanks Paul, another great video from you. I have one issue with trying to use a custom endpoint on my custom dashboard page. Basically most of the template is lost. Any idea how I can combine the code you used at the first half with the dashboard stuff you did in the 2nd half without breaking. One more thing, your code doesn't copy correctly. I'm using visual studio code. Would be great if you could find another way to provide the code for us to copy. Thanks again though, awesome as always.
Hi, thanks for the tutorial.
I have question, will it dynamically update the dashboard menus?
My site is multi vendor and I need an extra Store menu in the dashboard but I don’t wan’t the store menu visible when a customer login. I also have a Driver menu for my driver.
How this is done dynamically?
Thanks
Great and informative video. Can this also be achieved using a plugin called "My Custom Functions" instead of the functions.php file in your child theme?
Hey there!! I've just found, by accident, this video. I came here not looking for this content at all, and fun fact is that I could not find a video with this content 2 weeks ago when I was actually in the search of a video like this. Therefore, I strongly recommend you changing the title, bc it could be shown to many more people like me!! I suggest something containing the words "private customer area". Thank you so much for the content, it has helped me a lot!!
Thank you for the great tutorial. I'm not sure if I missed something but when the user is not logged in I can see the template with the new design and the login/register form. How can I hide the elements that are not available when the user is not logged in?
How to get the custom fields not only integreted but also get calculated in woocommerce? i can't find this answer anywhere in your channel. thanks for your awesome tutorials
Hi Paul, thank you for this great video, I have a question about Orders section, some themes has view invoice button when you make an order. Any idea how to we add customization to that file?
Hello Paul C, How are you doin today? Very helpful video.
Paul. Amazing tutorial as always. I just wanted to check if this tutorial is still relevant as I get errors as other mentionned previously and also editing the codes you published for functions.php doens't affect the menus as you explanined. May be recent updates from Woocommerce changed something?
hello paul thangs for tutorial good job
Hey there! This is great information and it's working as i expect. Now I want one of the account links to open a page that is already created, or to call a shortcode. Any suggestions?
I need to edit my edit-account page so it shows the users address and also payment methods. How can I do that?
love you~
I see in the vid you've set up Order Thank You and Order Failed pages. Do you have a video for that? I'm using Astra, Woocommerce, Elementor, and Woolentor. Thanks!
Thanks for everything very helpful and please could you help us how to change WordPress post default comment form thanks again
I have same problem too..pls Paul how
do I remove default avatar, name and logout link in other to display only welcome message....also when I set custom logout link how do hide the dashboard page sections? Thanks!
Hi paul thank you for this tutorial its really helpful :D managed to create a nice login dashboard for my website im working on XD only issue im having is the address for some reason its not showing up under the tabs ???
Hello Paul, I enjoy watching your channel, very informative, highly organized ! thanks for the great efforts, it takes a lot to do that. I seek your help here to direct me to one of your videos where i can create a dynamic "rewards" page where each customer can view his own "end point reward page" differently than other customer. You have explained the creation of the end point perfectly until you created the PHP file, now how to customize this file per user reward it is what needed. Can you assist me with that ?
hi, thanks for the video, but after importing the template you put up here, i seem to have trouble scrolling up and down a page with my mouse wheel. What gives?
Hey, thanks a lot ! May I ask a question? For the tab you created "Your Rewards", the content are "My Rewards Section", any idea how to change the font, size of "My Rewards Section". Mine are too small to read!
You are my angel lol Thank so very much!!!
There is a way to put more fields into account details, like a birthdate, or ID number? And off course display in this section after the user save in your account ?
Great video! Do you have another solution if the code is already crashing the site from the beginning. I've tried to find many solution to customise my account page but not working either. I'm very frustrating about the situation. Hope can have your help soon.
Hi Paul, amazing video like always! I have only one thing that I can't figure out. I want to create a Log Out button. But I can't figure out the right way to do this. Whatever link I use or nothing happens or the browser can't find the page. Is there a way to make such a button? Thank you so much and keep up the good work!
A question instead of opening the woocommerce results on the page, is it possible that the buttons open popups? it would be nicer and more dynamic because now it's a bit confusing that when you press the button for example you don't see the result if you don't scroll the page I hope for an answer thanks
Hi great vid!, slightly off topic but if I want to make a basic restaurant website and have a booking facility do I have to have the £20 per month business wordpress account due to the plugin??
How can I change colors of woocommerce dynamic content as you have it, it appears in green and the buttons are rounded?
Cool video thx. I'm using Divi and can't get your CSS to work to hide the menus. It comes up with Expected RBrace. and then Enexpectd token if I add to the main element in Advance.
Any ideas...?
Great, I am a big follower of yours, and I have succeeded as far as you have explained. But for pages created from scratch as "rewards", how do you show an elementor template when I click on the label? So how do I associate the template? Many thanks :D
Thank you. how can one logout from the dashboard?
Can this tutorial be used to customize my account page if I don't have elementor pro?
I have followed this tutorial and the opening welcome on dashboard does not disappear when removing the line of code in the copy of dashboard.php Any suggestions or help? I have already cleared cache which should not have to done according to this video.
Hi, I have question how can I insert the field from wp frontend user account page to woo commerce account page
Hi, thanks for all that good info. I wanted to know if I could customize "ultimate membership pro" account page? If so Were could I get info doing that? I need to create a account page to were members can upload their music, spoken word, etc, and then sell it to others members or fans. So the need to be able to manage their page accordingly. Is there any info out there that can aid me to achieve that custom account page?
Is the custom dashboard at the end of the video possible with the free version of Elementor? Or does it need to be Pro?
Do you have info on how to change the registration page?
Hi, I created a new astra child theme and I copied and pasted the code into my funtions.php file. But when I make changes to the code, it does not appear on my dashboard. I am using a woocommerce shorcode on my "accounts" page. Can anyone tell me what I am doing wrong.
I would like to embed a Google Data Studio Dashboard inside "my account page" and also the signed PDF contract, but obviously needs to be different for one each client. Is there a way to do that? Please help :-(
Hello, thanks for the video. How do i show info from profile page in the MyAccount page, under Dashboard section? Let's say i want to add a input to create an alias for a specific user. I go to this user profile, as an admin, enter the alias, and then this alias will appear in the Dashboard section of the MyAccount page. Hope i have been clear. Thanks in advance.
I followed your instructions and created an account page using your template. The good news is it looks great. The bad news is the endpoints no longer work and I get a 404 page when I click > Orders, My Address or Account Details. Any suggestions?