Back to contents

JetWooBuilder: How to Create My Account Page Template

From this tutorial, you will learn how to create and customize a template for My Account page and then assign it by means of the JetWooBuilder plugin.

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.

My Account widgets enabling

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.

Add My Account template

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 widgets

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.

Addresses widget

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.

Login form widget

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

If a not registered user wants to go to the account page, he/she has to receive the registration form. This widget adds a form that consists of a field where the user has to insert his/her email and a confirmation button. It also has a notification message that leads the user to the company’s privacy policy page. And, once again, you can customize the look of the form in the Style menu tab.

Register widget

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.

My Account template assigning

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.