Help Center
My Account Widgets Overview

My Account Widgets Overview

Learn how to enable the My Account Page widgets and discover their settings to build the My Account page with the help of the JetWooBuilder and WooCommerce plugins.

Before you start, check the tutorial requirements:

  • Elementor (Free version)

  • WooCommerce plugin (Free version) installed and activated

  • JetWooBuilder plugin installed and activated

My Account Page Widgets Activation

My Account Page Widgets can be activated in the WordPress Dashboard > Crocoblock > JetPlugins Settings > JetWooBuilder > Widgets tab.

These settings impact the script optimization so that the unnecessary widgets can be turned off here.

my account page widgets

My Account Page Widgets Overview

The JetWooBuilder plugin offers widgets for the My Account page. Let’s take a closer look at them.

my account page widgets in the Elementor editor

Account Dashboard

When opening an account page, the first thing a user sees can be the block added with this widget. It contains a greeting message, the “Log Out” button, and links to the recent orders, addresses, and account details editing windows.

In the Style setting tab, you can change the text’s Color, Typography, and Alignment and the “Normal” and “Hover” Colors of the Links.

account dashboard widget

Account Details

This widget adds a form where users can change personal information, like first and last names and email addresses. Besides that, it contains a section where the client can change the password.

There is the “Save Changes” button at the bottom of the form. 

In the Style menu tab, you will find tools to customize the look of the form in general and all its parts. It includes the “This will be how your name will be displayed in the account section and in reviews” Description, field Labels, form Fields, the “Save ChangesButton, and the “Password change” Fieldset.

account details widget

Account Addresses

If the customer saves the billing and shipping address in the account, you can automatically add these details at the checkout. This widget adds a block that allows the client to add or edit a billing and shipping address for future purchases.

In the Style setting tab, you can customize the look of the Description, Heading, and Details text.

Account Addresses widget

Account Downloads

If your online store offers downloadable electronic products, such as apps or movies, this block will show the products that the client has already downloaded. This widget is similar to Account Orders but shows the other types of products.

Account Downloads widget

Account Login Form

Before entering the account page, the user must complete 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 parts of the login form can be customized in the Style menu tab.

Account Login Form widget

Account Logout

The Account Dashboard widget contains a “Log out” link, but you may want to place another one somewhere at the top or bottom of the page with the Account Logout widget. You can use any Style tab tools to change the “Normal” and “Hover” look of that link.

Account Logout widget

Account Orders

When a logged-in user makes an order, it falls into a block created with this widget. The table contains the number, date, status, and total price of all orders made by the customer.

In the Style settings tab, you can design the Table Heading, Table Cells, and the “ViewButtons.

account orders widget

If the user pushes the “View” button on the front end, they can see the order details.

order details

If a user hasn’t made any orders yet, they will see the default WooCommerce message, the style of which can be edited in the widget’s Style tab.

empty message

Account Registration Form

Non-registered users must complete a registration form to access the account page. This widget adds a form with a field where users have to insert their email address and press the “Register” button. It also has a notification message with a link navigating users to the company’s privacy policy page. Once again, you can customize the form’s appearance in the Style menu tab. This includes the “Register” Heading, overall Form design (such as form text, background, and border), “Email Address” field Label, Input field, and the “RegisterButton.

Account Registration Form widget

That’s all. Now you know all about the My Account Page widgets and their style settings. The next step may be the My Account Page With Endpoint Templates creation

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.