How to Create a Custom Woocommerce My account Page?
Vložit
- čas přidán 30. 07. 2024
- In this video I’m going to show you how to create a custom Woocommerce my account page with the Gutenberg and Kadence Blocks for Gutenberg plugin. It will take us only 10 minutes to create a nice looking tabbed Woocommerce My account page.
RELATED VIDEOS:
How to Merge Learndash and Woocommerce Account Pages? • How to Merge Learndash...
How to Create Popup Login Form in Wordpress and Woocommerce? • How to Create Popup Lo...
WOOCOMMERCE SIMPLE HACKS: wpsimplehacks.com
DISCOUNT COUPON FOR BLOCKSY AND KADENCE:
Grab your discount by clicking on the links below
🅱️ Blocksy theme wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
🔵 Kadence theme here: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
Best forms plugin - Fluent Forms: wpsimplehacks.com/fluentforms (SAVE 20% Coupon: WPSH20)
Best for email marketing - Fluent CRM: wpsimplehacks.com/fluentcrm (SAVE 20% Coupon: WPSH20)
✅ If you want to be the first to be notified about the new tutorials then please subscribe to this channel. / @wpsimplehacks
✅ BEST WORDPRESS THEMES:
Blocksy theme: wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
Kadence Theme: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
Astra Theme: wpsimplehacks.com/astra
GeneratePress: wpsimplehacks.com/generatepress
OceanWP: wpsimplehacks.com/oceanwp (SAVE 10% Coupon WPSH10)
✅ MY FAVOURITE WEBHOSTING PROVIDERS:
Verpex Hosting wpsimplehacks.com/verpex
A2 hosting wpsimplehacks.com/a2-hosting
Cloudways wpsimplehacks.com/cloudways
✅ AWESOME WORDPRESS PLUGINS:
Best Wordpress Backup, Migration and Staging plugin - WpVivid Pro wpsimplehacks.com/wpvidid (SAVE 20% Coupon WPSH20)
WPCodeBox wpsimplehacks.com/wpcodebox (SAVE 20% Coupon WPSH20)
WooLentor Elementor/Gutenberg add-on wpsimplehacks.com/woolentor (SAVE 20% Coupon WPSH20)
Best Gutenberg Blocks addon - Kadence Blocks wpsimplehacks.com/kadenceblocks (SAVE 10% Coupon SIMPLEHACKS)
Best forms plugin - Fluent Forms: wpsimplehacks.com/fluentforms (SAVE 20% Coupon: WPSH20)
Best for email marketing - Fluent CRM: wpsimplehacks.com/fluentcrm (SAVE 20% Coupon: WPSH20)
Best for creating tables - Ninja Tables wpsimplehacks.com/ninjatables (SAVE 20% Coupon: WPSH20)
Best Wordpress LMS - Tutor LMS wpsimplehacks.com/tutorlms (SAVE 20% Coupon thmwelcome20)
Best Wordpress SEO plugin - SEOPress wpsimplehacks.com/seopress
✅ AWESOME WOOOCOMMERCE EXTENSIONS:
Best Woocommerce Swiss Knife tool - Kadence WooExtras wpsimplehacks.com/wooextras (SAVE 10% Coupon SIMPLEHACKS)
Best Woocommerce sidecart plugin - Woocommerce Cart in One wpsimplehacks.com/cartinone - Jak na to + styl
Awesome stuff mate once again!! keep it coming!!
Thanks! Will do!
Thanks for the wonderful tutorial Janek. Could you please do a tutorial on overlapping images and columns as well. I'm not finding it anywhere. I know we can use CSS and add a z-index. However, I am assuming that we can do it without adding CSS code manually.
Also if you can add another video for recommended Gutenberg plugins that would be great.
Also, I did notice that you were able to add or decrease the padding using the mouse. How was that? Please do let us know
Thanks again for the wonderful tutorial.
Hi,
In the near fututre I have no plans on making a video on overlapping images.
As for the Gutenberg plugins: I use only Kadence Blocks. This one allows me to increase/decrease padding in a way you saw in the video.
very nice!
Thanks!
THANK YOU ! PERFECTLY DONE. can you do a video on the difference between the CRM for email marketing (featured on your site ) and external email marketing programs such as Mailchimp etc... ? super curious
Hi there,
Glad it helped. 😊
I'm not a CRM specialist and therefore currently I don't think that I'm going to make this video.
@@wpsimplehacks got ya ... bummer , wanted to possibly transfer my clients to a self-hosted marketing ... thanks anyway.
Nice video! :)
But I am a bit confused about this! Is the My account section for the admins of the shop/site or is it for your customers to create a customer account?!
ANd if it is for your customers, how do they create an account?
It mainly for your customers so that they can manage their orders etc. See the docs here woocommerce.com/document/the-my-account-page/
To enable registration on My Account page you need to navigate to WooCommerce → Settings → Account and enable registration on the "My Account" page. Also, be sure that under you have enabled "everyone can register" under Wordpress settings.
Your videos are awesome and help a lot! I just have one question: I followed your tutorial and it works fine but if i logg out on the Wordpress Page on the "Login and register" Page there still are all of the tabs. This should not be, right? How can I remove the content of logged in things so Users not logged in cant see them? Thanks a lot!!
Please see the video one more time. In it I am showing hot to deal with this issue. :)
@@wpsimplehacks Oh wow, must have missed this part before! Thank you so much!!
hey, great material but I have a little problem the short code[Id_profile] didn't work maybe you know why?
It would be wise to ask from the Learndash support why this shortcode is not working for you.
I really like your hacks, I have wordpress and woocommerce for scientific conference and want to show user submitted abstracts under user dashboard. How to add and show user submitted content like Abstracts or CVs on user's WooCommerce My Account Dashboard?
Sorry, can’t help you with this
hi, thanks for this video. How can I build a "Create an account" page?
Woocommerce has an option to let users create an account during the checkout or on the My account page.
Hi, how to direct to home page while logout? it seems the logout layout keeps the same with the login layout.
Seehere wpsimplehacks.com/how-to-merge-learndash-and-woocommerce/#bonus-tip-2-redirect-user-to-the-front-page-after-logout
Any idea why the woocommerce "My Account" page is missing the navigation sidebar on the left? I have tried recreating my account page and it still loads without the dashboard on the left.
Clear all you caches (browser, server etc) and delete custom CSS related to the My account page. See whether this helps.
how can I customize the login page of woo commerce like you. please reply sir
As I said in the video the link is in the description and you can see it here czcams.com/video/If4SSOja9O0/video.html
i don't have this visibility setting in my theme . Any suggestion for me ....
Sorry, could you explain a bit? What visibility setting is the one you’re missing?
So ok, how do you add a custom link that potentially loads content from another page, perhaps even using a shortcode and have that also open within dashboard. Not in another page.
What kind of content do you mean?
@@wpsimplehacks Well, content from a web page or, a template/global etc. called by a new custom link in the My Account Menu. For example, I have content that is Quiz results from only lessons that I want to show in My Account but so far, I have only been able to open it in a new page rather than just load into the dashboard as the standard Woo content does.
If your quiz plugin allows you to use shortcodes to display results, then you can display them inside the custom my account tab. If it doesn't then it's much harder and I would suggest you to find a developer to see whether it can be done.
💖💖💖💖💖💖
Thanks
when you click on your courses you go straight to learndash focus mode .. how do you do that?
Actually there are two clicks. First on the course name opens up course page. Second click on the lesson name opens up focus mode. It's a standard LD behaviour.
@@wpsimplehacks Do you know any way to go directly to focus mode without having to go to the sales page first?
It would be wise to ask directly from the LD support.
could you please consider doing a video on custom redirects after login for user roles please?
Use this plugin here et.wordpress.org/plugins/peters-login-redirect/
@@wpsimplehacks ah yes thank you sir.....I just hate the huge billboard ads from this plugin on the dashboard
I figured you might have some handy snippets and is definitely worth a future video ;)
I’ll put on my list but I cannot promise you any ETA. There are too much stuff in the pipeline at the moment :)
@@wpsimplehacks I bet you have got alot on and I cant wait for your new content , its always solid gold!!
As for my request it was just an idea really , but seems to be a topic that needs covering and your a snippet super hero :)
Thank you sir enjoy your weekend!
Woocommerce address endpoints - how do you customise the page?
/my-account/edit-address/billing
This one needs custom coding
@@wpsimplehacks thats why your the man!!