Divi Tutorials, Free Downloads, WooCommerce

How to Import the Free Divi My Account Layout Pack (Step-by-Step Guide)

by Mariya Dimitrova | Jul 17, 2026

1. Overview
2. Before you start
3. Step 1 — Download the free layout pack
4. Step 2 — Import the layouts into Divi
5. Step 3 — Open your WooCommerce My Account page
6. Step 4 — Load your chosen layout
7. Step 5 — Make it yours
8. Step 6 — Customise your tabs
9. Step 7 — Take a look
10. A few tips for the best result
11. Want more control? The Pro version
12. That’s it

So you’ve installed Divi My Account Page Lite, and now you’re looking at your WooCommerce account page wondering how to actually make it look good.

Here’s the shortcut: you don’t have to design it from scratch.

We put together a free pack of four ready-made My Account page layouts — professionally designed, built to work with the Lite plugin, and importable in a few minutes. Instead of starting with a blank page, you start with a proper design and adjust it to your brand.

This guide walks you through the whole process, step by step. Nothing technical, no code — just a few clicks.

Before you start

Quick checklist. To follow along, you’ll want these in place:

WordPress installed
WooCommerce activated
Divi Theme (or the Divi Builder) active
Divi My Account Page Lite installed

If you haven’t added the free plugin yet, grab it first from Divi My Account Page Lite on WordPress.org. Then come back here.

Step 1 — Download the free layout pack

First, download the layout pack here.

Inside, you’ll find a single .json Divi layout file containing all four designs. That one file is everything you need.

Step 2 — Import the layouts into Divi

Now let’s get those designs into your Divi Library.

Go to WordPress Dashboard → Divi → Divi Library, then click Import & Export (the little icon near the top).

In the window that opens:

Click the Import tab
Choose the .json file you just downloaded
Click Import Divi Builder Layouts

Give it a moment, and your four new layouts appear in the library, ready to use.

Step 3 — Open your WooCommerce My Account page

Next, we apply a layout to the actual account page.

Go to Pages → All Pages and find the page WooCommerce uses for the account area — it’s usually called My Account, with the slug /my-account/.

Click Edit with Divi to open it in the builder.

Step 4 — Load your chosen layout

Inside the Divi Builder:

Click on the Plus icon Add Section
Click on the tab Add From Library
Pick one of the four layouts you imported (each one is a Section)
Apply it to the page

And just like that, your My Account page has a complete, designed layout instead of the plain default.

Step 5 — Make it yours

The layout gives you a beautiful starting point — now you can adjust it to match your brand, exactly like any other Divi design.

Open your My Account page in the Divi Builder and click the My Account Classic Module, then head to the Design tab. From there you can control:

Font and text size
Tab colors and hover effects
Button styling
Spacing, borders, and background

No CSS required — it’s all visual.

A quick tip: start with your accent colour and your fonts. Those two small changes alone make the layout feel completely custom to your store.

Step 6 — Customise your tabs

With the layout in place, you can also tidy up the account menu itself.

Go to Divi My Account Page → Settings, where you can:

Rename tabs (endpoints)
Reorder the menu items
Add icons
Set a custom landing tab

Little touches make a real difference here. Renaming “Orders” to “Purchase History”, “Downloads” to “My Files”, or “Dashboard” to “Overview” instantly makes the account area feel like it belongs to your store rather than a default WooCommerce install.

Step 7 — Take a look

Now visit yourdomain.com/my-account/ and log in as a customer.

Your new layout is live. Where there used to be a plain default page, you’ve now got a designed, branded account area — better navigation, your styling, and a genuinely nicer experience for the customers who come back to it most.

A few tips for the best result

Start with one layout. Pick the design closest to your brand, then adjust from there rather than trying them all at once.
Don’t redesign everything in one go. Begin with the Dashboard tab, get it right, then expand.
Think of it as a customer hub. A lot of store owners grow the account page into a proper portal over time — for downloads, membership content, courses, or support resources. If that’s where you’re heading, How to Customize the WooCommerce Account Dashboard in Divi is a good next read.

Want more control? The Pro version

Lite is genuinely all you need to style and improve the default WooCommerce account structure — and for a lot of stores, that’s plenty.

But if you find yourself wanting to go further — adding your own custom tabs, showing or hiding tabs by user role, replacing WooCommerce’s default sections with full Divi layouts, or building a true customer dashboard — that’s what Divi My Account Page Pro is for. It picks up exactly where Lite leaves off.

That’s it

Importing the free layout pack really is the fastest way to go from a plain default account page to a fully branded one — a few minutes of clicking, no building from scratch.

If you haven’t grabbed it yet:

👉 Download the Free Layout Pack

👉 Install the Free Plugin

One more thing worth looking at: the layouts style the account page, but the login and registration screens your customers pass through on the way in are still the WooCommerce default. Here’s how to sort those: How to Style the WooCommerce Login & Registration Page in Divi 5.

And if you get stuck anywhere, just reach out — we’re happy to help you get it working.

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.