Use Elementor to Customise WooCommerce “My Account” Page

[@YoshuaHasan]

How did you change the "account" world to link so you can add the end point?

[@wpdev.]

Sorry what?

[@leomarkconstantino4451]

Can I put pdf for specific customer only, meaning every customer will have a new tab/button that will lead to a pdf file. every custoemrs will have different pdf. is it possible?

[@cinek8818]

Hello. Nice tutorial. I have a question. How to display custom login and registration forms, instead default woocommerce forms, for logged out users, at my account page?

[@wpdev.]

Thats a different topic that I will cover in the future videos :)

[@Shugufaahlanker]

I dont see edit with elementor option for my account page . for other pages its present but not for this page

[@wpdev.]

It's not made in Elementor or the page is not editable by Elementor

[@gregkeet]

Hi, thanks for this. To let you know, the 2nd snippet did nothing on my side, I have tried various options but I can not see why. The rest of the tutorial was perfect, thank you.

[@wpdev.]

Are you sure if the code snippet was correct? Can you try using this - .woocommerce-account .woocommerce-MyAccount-content { width 100%; }

[@rashaalshammari428]

Same happened with me the issue was to add a colon in the code .woocommerce-account .woocommerce-MyAccount-content { width: 100%; } Try this

[@The_Florea]

@@rashaalshammari428 Thanks! This one works!

[@imanny3895]

@@rashaalshammari428 You are life saver man. Appreciate it ♥

[@leebarnes9486]

The code isnt working because there is no semi colon after width in the 2nd code

[@wpdev.]

Yes, thankyou I completely missed it in the description.

[@more.israel]

Hello. How can I add a form with identical features that will allow me to add products (including their variations), images, and everything related to products outside of the WordPress dashboard?

[@wpdev.]

You mean a product page?

[@dsuinfotech]

Your css worked for me. thanks

[@wpdev.]

Great to hear!

[@farhansultan-p1s]

Is It Also Mobile Responsive ?

[@CryptoKnowledgeHub-gl8tu]

hello sir in link i write account but the other option are not showing so my address not open how can fixs that plz help

[@philosophically4066]

its hidden

[@wpdev.]

Are you sure, the endpoints are correct? You can also use dynamic tags to link to different endpoints easily

[@gsvexim]

Hi, I want to hide the password change section on the front end which is being displayed using edit_account endpoint and also want the edit_endpoint to be read only untill the user selects edit profile. Can you please help regarding this.

[@Trendelhi]

your airlift plugin has a huge bug, it stops the site to fully loaded until we click on screen or slide a bit in screen you can fix that

[@wpdev.]

It's because of the lazy loading feature!

[@Trendelhi]

@@wpdev. how to fix this please

[@patsymutiso]

I'd really like to see how to setup the sign in button in the header and how it changes after the user logs in 😊

[@wpdev.]

If you create a header using Elementor, you can make the Sign In button using the button widget. We'll upload a video soon on how to create a header with the Login/Sign-In button

[@AkaHUG]

After I follow your clip I can't click any link, but when convert to previous it work normally.

[@wpdev.]

Hi, can you please elaborate? Which link are you talking about?

[@AkaHUG]

@@wpdev. Profile, Dashboard, Order, Download, Cart, Address, Logout all in account page

[@DilRamdam]

CSS code is not working

[@wpdev.]

Fixed!

[@farhansultan-p1s]

And How To I'm Add My Account On My Business Website

[@Entrepreneurs-Forum]

after logout the dashbord is still is not remove from my account page ?

[@MelissaECaban]

set conditional display logic

[@wogavekkoup]

Hello what about customize on mobile

[@wpdev.]

You just have to tweak some settings in Style and Advanced mode to make it compatible with mobile view.

[@johndelden4120]

sadly, but its not working... I can not link my orders to the orders page and if I remove the link, it works pretty well, so idk whats wrong

[@wpdev.]

Have you checked if the link is correct? It should end with /my-account/your-orders

[@johndelden4120]

@@wpdev. Yes, for me its /mijn-account/orders and without linking this it works correctly, but the moment I link it, it stays on the dashboard page and the URL says /mijn-account/orders. I think its just patched because they want you to purchase Elementor PRO, and with this video you can actually make a cool looking account page for free.

[@islamicMedia1212]

Custom linking are not working

[@wpdev.]

Make sure you enter the correct endpoints. This is specifically for the account page sections. Also, you can use dynamic tags (Elementor Pro)

[@BackedMol]

I have the same issue

[@AbhishekThakur-r9y]

I am not able to hide my sidebar using the provided code could you help me with that

[@x_yuri_x]

for me the following worked : body.woocommerce-page .woocommerce-MyAccount-navigation { display: none; }

[@Antarjaal360]

use this code =========== .woocommerce-MyAccount-navigation { display: none !important; } .woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; }

[@wpdev.]

Fixed the code

[@wpdev.]

Thankyou!

[@wpdev.]

Thanks!

[@vlb.strategies]

How do I get the account dashboard navigation menu to not show up? I put the CSS in the "Custom CSS" section but the nav menu is still showing. I'm not sure what I'm doing wrong

[@wpdev.]

Are you sure that the CSS is correct? Can you double check or send a screenshot of the issue.

[@joemurphy2594]

​@@wpdev. I had the same issue when trying to add the code into the CSS under the Advanced tab of the Elementor User Account Widget. I solved it by using the WooCommerce shortcode for the ‘account’ in the Elementor Shortcode block and then placing the CSS in the page settings itself. To do this: Click Settings Gear Box (very bottom left if using sidebar) > Advanced Click Add Your Own Custom CSS > Enter the custom CSS codes provided After that, the issue should be resolved. The Woocommerce Account shortcode is: [woocommerce_my_account] I appreciate the assist. Hopefully, my workaround can help someone out.

[@kevinjoash7]

Please include a tutorial for Yith Woocommerce wishlist on the same dashboard (woocommerce + yith) on the same dashboard.

[@שלוחבה-ו6ה]

what happens on mobile screen? what happens when log out user enter this page ?

[@marciegrahame2434]

Where is the code snippet please. Not linked above. Thanks

[@wpdev.]

Please find in the description :)

[@arjun-sh8yc]

In last account who to select I don't understand

[@willyjardon9698]

If i logout then the customization are showing. Like the dashboard , order etc. Its need to hide before user log in our site. If you know then please share it.

[@wpdev.]

Turn off guest login. Keep it available only for main users

[@mr_howto-everthing]

Comment section🤣🤣🤣I can't even continue watching

[@wpdev.]

Fixed the code so you can watch it now XD

[@amankhanna4980]

Button linking process not working what can I do for linking?

[@wpdev.]

Which buttons are you talking about?

[@amankhanna4980]

@@wpdev. every buttons are not working, i link order button and address button but not working any of these?

[@aveerajsinghmaan7384]

content width code not working

[@ThotaGowtham-u1h]

.woocommerce-MyAccount-navigation { display: none; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; }

[@Antarjaal360]

use this code =========== .woocommerce-MyAccount-navigation { display: none !important; } .woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; }

[@Edvinramirez112233]

In his second code there is an error its missing : after the width if your just copying it from his comments. corrected to copy .woocommerce-account .woocommerce-MyAccount-content { width: 100%; }

[@wpdev.]

Fixed

[@wpdev.]

Thankyou!

[@Dozup9]

I cant open page with elementor and any other page builder

[@AbhaySingh-yp2oz]

I am getting page not found error.. please help me..

[@wpdev.]

Which page? Can you specify?

[@Grabbenhof]

CSS is not working for me, everything remains same

[@NestorYR]

Same for me..

[@wpdev.]

Fixed the code!

[@wpdev.]

Fixed

[@benjazzy6832]

very good i love your video thank u

[@AlveeMahmud]

Code is not working

[@wpdev.]

It's fixed now. Please check again

[@AlveeMahmud]

​@@wpdev.Where? 🙂 css code not working

[@ShibajiRoy-ie3pt]

Additional css links are not working

[@wpdev.]

What error are you seeing

[@ShibajiRoy-ie3pt]

@@wpdev. Everythings are going like same but am really unable to linked these buttom with there value/page. Need this solution please please.🙂

[@ShibajiRoy-ie3pt]

@@wpdev. Even allmost all the pages and settings are setup perfectly, just need only this solution. I really looking on you.

[@BARISONPKONLINESTORE]

not work on mobile

[@ThatRealGuy1]

Great video

[@wpdev.]

Thanks!

[@philosophically4066]

Maybe you skip linking of Order and Address!!!

[@wpdev.]

Same steps as Account.

[@user-samueladema777]

Where is the css?

[@wpdev.]

Please find it in the description :)

[@neilvincent3935]

Good video, but you are going way too fast and not showing the steps properly.

[@wpdev.]

Thanks and we'll try to create a better Account Page video soon.

[@Outlanderwow]

The wrost turtorial ever! Skipped all first steps...

[@yogi-ct5nc]

Thank you very much brother. I am getting hard time to make it Mobile responsive. Please help me in it. Thank you again.

[@wpdev.]

Hey, you should use Elementor for this because they have built-in responsiveness checker and you can make changes accordingly!

[@foxnut6240]

Aapke samjhane ka trika bakwas h

[@foxnut6240]

Bakwas samjhate ho

[@syedshahzanhussainrizvi313]

After clicking when I click on any icon like orders or address it goes to correct page but my icons were removed any solution for it?