Hi guys,
Today we are going to see how you can customize the account page of your Woo-commerce Website./ how you can customize the Woo-commerce account page.
Let’s say you have an e-commerce Website,
and you have a default account page like this,
And now you want to change the look of your account page,
and make the user’s experience better
You can do that easily by watching this video.
So after watching this video,
you will be able to customize your account page like this.
add your own welcome message.
And you can add menu items to your account page
like this.
Okay!
So let’s get started.
I’m Bryan from Website Learners,
And let’s customize the account page on our e-Commerce Website.
First, let’s see the site,
which we have now,
Here it is,
Now to customize the account page,
We are going to do 2 steps.
The first step is to get a plugin called
‘YITH’.
Now, this is the plugin which is going to help us to customize the account page.
So to get the plugin,
Just click the link below this video,
And it will take you to this site,
Now, this is the place
from where we’re going to get the plugin.
So to get the plugin.
Just click ‘Add to cart.’
click ‘checkout now.’
And you will get this page.
Now to get the plugin
Just fill up these details.
And here, enter your card details.
Then click ‘place order’
As you can see,
the order has been placed.
Once you have placed the order.
Now to get the plugin,
Let’s go to our inbox,
And you can see that
we have got an email.
Now it we open it,
You can see that
we have got the plugin.
Now to download the plugin,
Let’s click here,
And it will take you to this page.
Now click ‘download plugin’
And the plugin will be downloaded to your computer.
Once you have downloaded the plugin.
We can go to step 2,
which is to install this plugin on WordPress
So to install the plugin,
Let’s go to our WordPress dashboard,
Then go to plugins,
click ‘Add new’
Then click ‘upload plugin’
Now click ‘choose file’
And then select the file which we have downloaded.
And click open,
And as you can see,
the plugin has been selected.
Now to install the plugin,
Let’s click ‘Install’
And then click ‘Activate’
And it will take you to this page.
Now in order to use this plugin,
we need to activate the license.
So to activate it,
Here we need to enter these details,
So to get these details,
Let’s go back to this tab.
And you can see that we have those details which we want.
So let’s copy these details
and paste them here.
Once your done
Click ‘Activate license’
As you can see,
we have activated the licence.
Now if we click here.
You can see that
we've successfully installed the plugin.
Once you have installed the plugin.
Now if you go to your site,
You see that
this is how our account page looked before.
Now if we click ‘refresh’,
You can see that
the account page has been changed.
Okay!
Now if a customer visits their account page
and clicks “My orders.”
They can see the orders which they have purchased
And if they click on ‘Edit address’,
they can see their address.
Now if they want,
they can edit their address,
account details,
and also they can add their profile picture here.
Okay!
Now let’s see how you can change the style of this menu.
So to change it,
Let’s go to our WordPress dashboard.
Then go to ‘YITH’,
And click ‘Customize my account page’
And then you will get this page.
Now to change the style of the menu.
Let’s click ‘style options’
And here,
you can choose the style for your menu.
So first,
let’s select the menu position we want,
I am going to keep this selected.
And then,
choose the menu layout you want.
I am going to select this.
Once you have selected,
Just scroll down,
And click ‘save options’
Now, if we go back to our account page,
And click refresh,
You can see that
the style of the menu has been changed.
Okay!
Now here you can see that
we have a default welcome message,
Now instead of this message,
let’s see how you can add your own message to the account page
like this.
To add the welcome message,
Just go to your dashboard,
And then go to ‘end points’.
Then click here,
And scroll down,
Now here, you can add the welcome message.
So I am going to enter my message
Now if you want to mention your customer's name like this.
Just copy this code,
And paste it here.
And then enter your message.
Okay!
Once you are done.
Scroll down,
And click ‘save’
Now, if we go to our account page.
And click ‘refresh’.
You can see that
the welcome message has been added.
Now
let’s say you want to display a section
like this,
Where your customers can quickly access the details they want,
How will you do that?
So to display the section,
Let’s go back to our wordpress dashboard,
And then click here,
Now scroll down,
And click ‘add banner’
And then you will get this popup.
Now click here,
and choose the items you want to display on the account page
I am going to select ‘downloads’
Now, in the same way,
you can add the other items you want.
Which will allow your customers to quickly view and access their orders.
Okay!
Once you are done.
Click ‘Add’
Then scroll down
click ‘save’
And it will be displayed on your account page.
Now, if we go to our account page,
And click ‘refresh’,
You can see that
section has been added.
Okay!
So now, we have successfully customized the account page.
And now you know how to customize your account page using a paid plugin.
Next,
let’s see how you can customize your account page for free.
So to do that.
We are going to do 2 steps.
The first step
is to get the “wb plugin”.
So to get the plugin.
Let's go to the video you are watching right now,
then click this link.
And it will take you to this site.
Now, this is the site
which is going to help us to get the “wb plugin”.
So to get the plugin,
Let’s click ‘free purchase’,
And then it will take you to this page.
Now scroll down,
And enter your details here.
Then click on these checkboxes,
And then click ‘free download’.
As you can see,
we have successfully purchased and got the plugin.
Once you have got the plugin.
Now to download the plugin.
Just click here,
And the plugin will be downloaded to your computer.
Once you have downloaded the plugin.
We can now go to step 2,
which is to install this plugin in wordpress.
So to install the plugin.
Let’s go to our wordpress dashboard,
Then go to plugins,
And click ‘Add new’,
Then click ‘upload plugin.’
And click ‘choose file’
And then select the file which we have downloaded.
Now click open
And as you can see, the plugin has been selected.
Now to install the plugin,
Let’s click ‘Install’,
And then click ‘Activate’.
Okay!
So, now we’ve successfully installed the plugin.
Once you have installed the plugin.
Now if you go to your site,
You see that
this is how our account page looked before.
Now, if we click ‘refresh’,
You can see that
the account page has been changed.
Okay!
Now, if you want to customize your account page.
Just go to your wordpress dashboard.
Then go to “Wp plugins.”
Then click ’woo my account’,
And then you will get this page,
Now you can use these options to customize your account page.
Okay!
So that’s it, guys.
This is how you can customize your account page.
Now, if you want to learn how to customize the woocommerce checkout page,
you can watch this video.
And if you want to learn more about the ecommerce website,
You can check out the complete e-commerce course,
which is available in this link.
Also, make sure you click this subscribe button,
To see more videos from us.
Thanks for watching,
I’ll see you in the next video,
Take care,
Bye-bye.