Up next in 10
How To Customize WooCommerce My Account Page For Free_ WordPress Tutorial
5K views
Nov 6, 2023
Discover how to personalize your WooCommerce My Account page without spending a dime in this insightful WordPress tutorial video. This step-by-step guide will show you free and effective methods to tailor your customers' experience, making your e-commerce website truly unique. Learn how to add custom fields, modify layouts, and enhance the overall look and functionality of your My Account page. Elevate your online store's user experience and boost customer satisfaction by following these easy-to-implement tips and tricks. Don't miss out on this valuable resource for WordPress users and online shop owners.
View Video Transcript
0:00
what's up guys here's claudio from visual model wordpress teams and in today's video
0:06
gonna learn how to customize the my account page that woocommerce applies to our wordpress store
0:15
or wordpress website okay and all for free but before we can start could you please take a moment
0:21
to hit the subscribe button like this video and share this content of a friend of yours you have
0:25
no idea how much it helps us okay we bring daily videos about wordpress seo plugins themes and
0:32
everything you need in order to use internet on your favor and tools on your site's favor okay so
0:39
after this made let me explain a little bit more when you install e-commerce normally is when you
0:44
want to sell something when you want to turn your website into an e-commerce it comes with some
0:49
the full page normally the shop page the my cart the checkout and the my account that is where the
0:58
users log in to to download if it's a downloaded product to apply address to see account details
1:06
payment methods orders details okay and of course log out and this is a very common page all the
1:13
WordPress websites has and it's really really really hard to customize whoever
1:19
into this video we're gonna learn some simple ways to customize this page and
1:24
let's get it started with the simplest one okay if you know this page it's
1:30
actually a real page if you click into edit page at the top when you go if you
1:36
are logged in to your WordPress and go to the account page you see this upper
1:40
bar on your dash on your navigation on your web browser you can click into this
1:47
edit page okay and you can apply extra elements to this page okay so I'm here
1:59
into this page if you see this page in a different way for example like this no
2:05
needs to worry okay or if you only see the my account page okay let me show you normally the
2:22
the short code that appears on the page it's only this one right here okay the my account
2:28
whoever of course you can customize this page in the way that you want for example
2:33
if you are using wp bakery page builder if you are using elementor or even if you are using the
2:38
native wordpress gutenberg editor okay let me load the wp gutenberg editor okay if you go right here
2:46
you can for example apply a new block and search for some extra woocommerce element for example
2:52
the recent orders Let me go to all and let's reveal some elements of WooCommerce itself
3:09
Right here we have some WooCommerce elements We have some product newest products this one is very good so we can apply some of our latest products
3:26
Let me remove the amount of rows just one is okay and let me increase the amount of columns
3:44
for columns let me update the page remember if you are using any other page builder no
3:54
need to worry okay same elements gonna be present even on WP bakery
3:59
Elementor Gutenberg classic editor so you can apply extra elements to your
4:04
account page to start the customization however this may not be enough I know no
4:10
need to worry we can customize more about this page okay what else we can do
4:15
we can for example go or go to our WordPress dashboard plugins add new and
4:30
search for this plugin right here customize my account for WooCommerce click on install now click on activate this is a free plugin it's very good
4:43
there is a little number of plugins that allows us to customize the account page
4:49
this is almost the unique that works okay if you know another one please let
4:55
me know in the comments okay so as soon as you activate the plugin gonna
4:59
redirect you to the WordPress plugins list find the plugin click on the
5:03
settings or click into this new button that's gonna appears on your site and
5:07
And right here we're gonna be able to customize all their parts of your
5:15
Account for example, we can remove earrings for this account for example imagine that would like to remove the option for logout click on it
5:27
Save change No more logout option. Okay. Simple right
5:37
What else we can do. We can add a custom link. For example
5:47
Home page. Home
6:07
And if I click on it The full time icon Let me apply a custom URL for this link
6:22
Open in a new tab if you want or not We can apply a custom icon to the link in the case that you need
6:27
Let pick an icon For example this is star icon maybe There a lot of icons right here so you can choose from
6:39
We can apply some CSS class. I think there's no needs for it. Let me update and let's review the
6:57
account right or home link it's now into the account okay it's really really hard
7:05
by coding to add a link to this account page and now you can do simple okay in
7:12
the case that you don't like we can click into this trash icon what else we
7:17
can do let's check more options into this dashboard what we can do we can
7:25
apply an icon a different icon on the dashboard maybe let's try to find out a
7:38
house icon it may combines better okay It would be good if the plugin has the option to search for icons
8:13
I'm sure I did saw an in-house icon but I'm not finding it now
8:18
No problem. Let's pick whatever. Just to test. change seems like the icons isn't working let's review why later maybe because of the
8:37
library of Elementor icons but we can review this later let's go to settings
8:43
what I can do right here the full account tab dashboard we can change from
8:52
vertical to vertical right let's try to save it very interesting what else oh we
9:07
can show the profile image it's really nice let's try to find out oh that's
9:16
great gorgeous Let me go with back to left and let's explore this front-end option right here
9:38
It shows the account Now let review why this account does not load the icons after the video
9:55
I'm gonna explore why the icons are isn't showing maybe some but I don't know
10:00
why but what else we can do we can change the labels okay for example
10:04
instead of dashboard right here we can type home for example instead of orders
10:10
you can type purchases you can type anything you want instead of downloads
10:15
you can type any other thing and into the addresses or into the download or
10:23
into the order we can apply a custom content okay you can type anything you
10:29
want right here or use the HTML codes or apply image okay and after existing
10:38
content or before let me save change let's explore
10:55
here's the content we can type anything we want okay simple and easy no needs to
11:01
to code, no need to write some changes, simple and fast
11:12
And it is, I hope you guys enjoyed this video, feel free to use the comment section below
11:17
in the case that I have any question and don't forget to check out the visualmoto.com portfolio
11:22
of amazing WordPress themes, in addition to our borders WordPress plugin that we can
11:27
install and use for free in order to gain more widgets elements templates and tools and even
11:33
pre-built websites that you can import with a single click on your wordpress okay to install
11:37
all you have to do is go to your wordpress dashboard plugins add new search for our borders
11:42
wordpress plugin click on install and activate it same thing for our mzoo wordpress team that is the
11:48
best free wordpress team that you can download it brings you templates more pre-built websites that
11:53
you can import for free with a single click an advanced search filter an advanced search engine
12:00
optimization code an advanced mobile freehandly team and all for free to install all you have to
12:07
do is go to our wordpress dashboard appearance themes add new search for an azul wordpress team
12:14
click on install and activate it you are good to go moreover in the case that you are in need so
12:19
of your website or landing page or sales page up and running faster please go to our wordpress
12:28
please go to visualmoto.com okay and on it you can purchase the visual model pass that includes the
12:34
nzu and the boardless plugin pro licenses okay so you can have more elements more icons more
12:41
templates more pre-built websites amazing features and count on our full support on your site building
12:47
and themes and plugin usage okay and it is i hope you guys enjoyed this video and i see you tomorrow
12:54
all the best
#Custom & Personalized Items