Overview

The My Account category contains 8 widgets that cover every section of a WooCommerce customer account page. Use them inside a My Account template built with the Template Builder to create a fully branded customer account area.

All widgets are registered under the mpd-my-account Elementor category and dynamically integrate with WooCommerce’s account endpoints.

MPD Account Navigation

Renders the account sidebar or horizontal navigation menu, showing all WooCommerce account endpoints: Dashboard, Orders, Downloads, Addresses, Account Details, and Logout. Also displays any custom endpoints configured in the plugin settings.

Key Features

• Shows all WooCommerce account endpoints: Dashboard, Orders, Downloads, Addresses, Account Details, Logout
• Displays custom endpoints if configured in Settings
• Layout options: vertical sidebar or horizontal tabs
• Active state styling for the current endpoint
• Icon support for each navigation item
• Background, border, and text color customization
• Active state colors and highlight styling
• Spacing and padding controls between menu items

MPD Account Dashboard

The main landing section when a customer visits their account. Displays a welcome message with the customer’s name, a summary of recent orders, an address overview, and quick links to other account sections.

Key Features

• Welcome message displaying the customer’s name
• Recent orders summary with order status
• Address summary showing billing and shipping details
• Quick links to other account sections for easy navigation
• Typography and color controls for headings and text
• Section spacing and layout customization

MPD Orders

Displays the customer’s order history in a table format. Each row shows the order number, date, status, total amount, and action buttons to view order details. Supports pagination for customers with many orders.

Key Features

• Order history table with columns: order number, date, status, total, actions
• View order detail page for each order
• Pagination for long order lists
• Status badges with distinct colors (Processing, Completed, On-hold, Cancelled, etc.)
• Table header background and text color customization
• Row border styling and alternating row colors
• Action button styling with hover states
• Responsive layout that adapts to mobile screens

MPD Addresses

Shows the customer’s saved billing and shipping addresses with the ability to edit each. Addresses can be displayed side-by-side or in a stacked layout with card-style formatting.

Key Features

• Billing and shipping address display
• Edit address functionality with inline forms
• Side-by-side or stacked layout options
• Address card styling with border, background, and shadow controls
• Edit button customization with text, colors, and hover states
• Address text typography and color controls
• Heading typography and spacing options

MPD Account Details

Provides the form for customers to edit their account information including first name, last name, display name, and email address. Also includes a password change section where customers can update their password.

Key Features

• Edit account form fields: first name, last name, display name, email
• Password change section with current password, new password, and confirm password fields
• Save changes button with customizable text, colors, and hover states
• Input field styling: border, background, text color, padding, and border-radius
• Label typography and color customization
• Button typography, size, and border-radius controls
• Form layout and field spacing options

MPD Downloads

Displays a table of digital product downloads available to the customer. Each row shows the product name, number of remaining downloads, expiry date, and a download button. Gracefully handles the empty state when no downloads are available.

Key Features

• Downloads table with columns: product name, downloads remaining, expiry date, download button
• Empty state display when no downloads are available
• Download button styling with text, colors, and hover states
• Table header background and text color customization
• Row border styling and cell padding controls
• Product name typography and link color customization
• Responsive layout for mobile devices

MPD Logout

A customizable logout button or link that ends the customer’s session. Can be styled as a prominent button or a simple text link, with optional confirmation before logging out.

Key Features

• Logout button or text link rendering
• Customizable button/link text
• Optional logout confirmation prompt
• Button style: background color, text color, border, border-radius, and hover states
• Text link style: color, typography, and hover color
• Can be styled as a button or a plain text link
• Alignment and spacing controls

MPD Account Login

Renders the login and registration forms displayed on the My Account page for logged-out visitors. The login form includes username, password, “Remember me” checkbox, and a “Lost your password?” link. When registration is enabled in WooCommerce, a registration form appears alongside with email and password fields.

Key Features

• Login form with username/email and password fields
• “Remember me” checkbox
• “Lost your password?” link
• Registration form (when enabled in WooCommerce settings) with email and password fields
• Side-by-side layout for login and registration forms
• Form field styling: border, background, text color, padding, and border-radius
• Button styling with custom text, colors, and hover states
• Divider styling between login and register sections
• Label typography and color customization
• Heading text and typography controls for each form