How to Customize the WooCommerce My Account Page in Divi (Free Plugin + Layout Pack)

by | Feb 3, 2026

If you’re running WooCommerce with Divi, you’ve probably had this moment.
You’ve built a site you’re proud of. Then you click through to the My Account page… and it’s plain. Default fonts, default spacing, that unmistakable “this is just WooCommerce” look. It works perfectly well. It just doesn’t feel like it belongs to your site at all.
Which is a shame, because that page matters more than most store owners realise. For online stores, membership sites, and course platforms, the account area is where customers come back β€” to check an order, download a file, update an address, get to their content. It’s one of the few pages your best customers see over and over.

So it’s worth more than a default template.

This guide walks you through customising it with Divi β€” no code, using a free plugin and a set of ready-made layouts you can import in minutes.

Why this page deserves your attention

Think about who’s actually looking at it.

Not browsers. Not first-time visitors. It’s the people who’ve already bought from you β€” logging in to reorder, to find a download, to check where their parcel is. Your returning customers, the ones who cost you nothing to acquire and are most likely to buy again.

And what they get is a grey menu and a table.

A properly designed account page does a few quiet things for you. It keeps your branding consistent all the way through the experience, rather than dropping it the moment someone logs in. It makes the store feel professional and considered, which builds trust. And practically, it makes the area easier to navigate, so customers find what they need without emailing you about it.

With Divi, you’d expect to be able to style all this visually, like everything else on your site. Here’s why that’s harder than it should be.

The problem: account pages resist customisation

Out of the box, WooCommerce gives you a set of account endpoints β€” Dashboard, Orders, Downloads, Addresses, Account Details, Logout.

The catch is that these aren’t normal pages. WooCommerce generates them dynamically, which means customising them usually involves PHP template overrides, custom CSS, shortcodes, or hooks and filters.

None of which is what you signed up for when you chose a visual builder.

The fix: Divi My Account Page Lite (free)

That’s the gap our free plugin fills.
Divi My Account Page Lite lets you customise the WooCommerce account page from inside Divi, with no code. It gives you:
  • Renaming for account tabs
  • Reordering of endpoints
  • Icons for menu items
  • A dedicated Divi module for styling the account page visually
It’s free, it’s in the WordPress repository, and it takes a minute to install.

πŸŽ‰ Thank You β€” Your Download Is Ready!

YourΒ Free Divi My Account Layout PackΒ is ready to download.

We’ve also sent the download link to your email, so you can access it anytime.

What to do next

These layouts work together with our free Divi My Account Page Lite plugin β€” if you haven’t installed it yet, you can get it from the WordPress repository.

New to importing Divi layouts? This guide walks you through the whole thing in a few minutes: How to Import the Free Divi My Account Layout Pack.

Step by step: customising your account page

Here’s the full walkthrough.

Step 1 β€” Install the free plugin

Go to Plugins β†’ Add New, search for My Account Page Lite for Divi, then click Install and Activate.

Once it’s active, you’ll see a new menu item in your WordPress dashboard.

Step 2 β€” Import a ready-made layout (recommended)

The fastest way to start is with one of the free layouts from the pack above.

In WordPress, go to Divi β†’ Divi Library, import the layout file, and apply it to your WooCommerce My Account page.

That gives you a designed starting point rather than an empty template β€” and you can adjust everything from there.

If you’d like the full walkthrough with screenshots, we’ve written a step-by-step guide: How to Import the Free Divi My Account Layout Pack.

Step 3 β€” Rename your account tabs

One of the quickest wins. WooCommerce’s default labels are functional but generic, and renaming them instantly makes the area feel like yours:
  • Dashboard β†’ My Overview
  • Orders β†’ Purchase History
  • Downloads β†’ My Files
You can do this in the plugin settings, no code involved.

Step 4 β€” Reorder the menu items

Not every store needs the same structure. If your customers mostly come back for downloads, that shouldn’t be buried at the bottom.

Lite lets you drag the endpoints into whatever order makes sense for your store. A sensible default is Dashboard, Orders, Downloads, Addresses, Account Details β€” but the right order is whatever matches how your customers actually use the page.

Step 5 β€” Add icons to the tabs

Small touch, real difference. Icons make the menu quicker to scan, especially for customers who aren’t particularly technical β€” they spot the shape before they read the word.

You can add them directly in the menu settings.

Step 6 β€” Style it visually with Divi

This is the part Divi users tend to enjoy most.

The plugin includes the My Account Classic module, which lets you style the account page inside the Divi Builder β€” the navigation, tables and order lists, form fields, notices and messages, typography, spacing.

Everything stays in the Builder. No template overrides, no hunting through CSS.

When you need more: the Pro version

Lite covers a lot, and for plenty of stores it’s genuinely all you need.

But there’s a point where people want to go further β€” and that’s what Divi My Account Page Pro is for:

  • Creating your own custom account tabs
  • Showing or hiding tabs by user role
  • Replacing WooCommerce’s default content with full Divi layouts
  • Combining several sections into one custom dashboard
  • Full control over the whole account experience
Pro also includes a dedicated module for styling the login, registration, and password screens in Divi 5 β€” so the whole journey matches, not just the pages behind the login.

If your account page is part of a membership site, a course platform, or a client portal, that’s usually where Pro starts to earn its place.

Pulling it together

Your account page doesn’t have to look like a system page.

With the free plugin and the free layout pack, you can turn it into a properly branded customer area β€” easier to navigate, consistent with the rest of your site, and styled entirely inside Divi.

And it’s a one-time job that quietly improves the experience for every returning customer from then on.

If you’d like to go further with specific parts of the account area, these guides pick up where this one leaves off: How to Style the WooCommerce Login & Registration Page in Divi 5, How to Add Custom Tabs to the WooCommerce My Account Page in Divi, and How to Customize the WooCommerce Account Dashboard in Divi.
By Mariya Dimitrova

By Mariya Dimitrova

Mariya is a web designer and a co-founder of Powdi Themes and Powdi Studio. With over 10 years of experience working with WordPress and Divi, she focuses on creating beautiful, practical designs and helping others achieve the same. Mariya shares hands-on tutorials, tools, and insights to make building with Divi easier and more enjoyable.