My Account page is storing data about the client. It is useful not only for you but for the client, too. There could be data about his/her previous orders, for example. Commonly, an online shop website template has a pre-made My Account page but it could lack the elements you consider necessary. That’s why the JetWooBuilder plugin offers you an opportunity to create your own custom My Account page template, and this tutorial will explain to you how.
1 Step — Enable My Account widgets
Open your website’s WP dashboard and go to JetPlugins > JetWooBuilder Settings. In the Available Widgets tab, find My Account Page Available Widgets and turn all the toggles on. The changes will be automatically saved.
2 Step — Create a My Account page template
Proceed to JetPlugins > Jet Woo Templates and click the “Add New Template” button at the top of the window. Choose the “My Account” option in This template for drop-down list, give the template a name, and hit the “Create Template” button. You will be redirected to the Elementor page builder.
Using Elementor sections and widgets, you can build any layout for this page. For example, if you have a JetTabs plugin, you can create a convenient tabs menu on My Account page. JetWooBuilder has a set of widgets used especially for My Account page, so let’s take a closer look at them.
My Account Details
This widget adds a form, which can be used to collect users’ names and email addresses. Besides that, it contains a section where the client can change the password. At the bottom part of the table, there is a “Save Changes” button. In the Style menu tab, you will find tools to customize the look of the table in general and all its parts.
My Account Addresses
If your customer had saved the billing and shipping address in his/her account, it would have been much more convenient to add these details at the checkout automatically. This widget adds a block that allows the client to add a billing and shipping address for future purchases.
My Account Dashboard
The first thing a user sees when opening an account page should be the block added by this widget. It contains a greeting message, the “Log Out” button, and links to recent orders, addresses, and account details editing windows.
My Account Downloads
If your online store offers downloadable electronic products, such as apps or movies, this block will show the products that the client already downloaded. This widget is at some point similar to My Account Order but shows the other type of products.
My Account Login Form
Before entering the account page, the user has to go through the identification process. This widget adds a login form. The client fills in the username and password and then clicks the “Log In” button to open the account page. As in all the other widgets, the design of the login form can be customized in the Style menu tab.
My Account Logout
Thus, My Account Dashboard contains a logout button but you may want to place another one somewhere at the top or bottom of the page. This widget simply puts a logout button to the account page, and you can use any Style tab tools to change the look of that button.
My Account Order
When the logged-in user makes an order, it falls into a block created with this widget. A convenient table contains not only the recently created order but all orders made by this client. That can be useful both for the customer and you to track purchases.
My Account Registration Form
When you are done, hit the green “Publish” button at the bottom of the page.
3 Step — Assign the template to My Account page
Go back to the WP dashboard and open WooCommerce > Settings > Jet Woo Builder. Scroll the page to the My Account Page section, tick the Custom My Account Page checkbox and choose the created template in the My Account Template drop-down menu. Besides that, you can create an additional custom template for the account login page and assign it here, in the My Account Login Page Template drop-down list.
Now, the account page template is finished and attached to your website. As you can see, creating a template for the WooCommerce website is easy with the JetWooBuilder plugin. So, good luck in creating an attractive and convenient online store.