*How-to › Design your store › Elementor*

# Elementor: Design the Account Area

Design the customer account in Elementor, with one My Account widget or your own layout of sign in, orders, addresses, downloads and more. 11 parts.

Quick links

- [How the account widgets work](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#how-it-works)
- [Step 1. Put My Account on your account page](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#my-account)
- [Step 2. Or build your own layout from parts](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#parts)
- [Step 3. Choose the Modern or Classic look](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#look)
- [Step 4. Choose who sees what](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#visibility)
- [Step 5. Style every page with sample data](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#sample-data)
- [Step 6. Test it as a customer](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#test)
- [Long lists: pages, search and Active / Canceled](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#lists)
- [How links stay on your page](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#routing)
- [Caching and site-wide headers](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#caching)
- [If it does not work](https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/#troubleshooting)

**Where to find it:** WP Admin › EasyCart › Settings › Elementor

*Before you start*

## What you are building

What the account widgets do and the two ways to use them.

### How the account widgets work

One widget for everything, or fourteen parts

**What you need.** WP EasyCart and Elementor. The free version of Elementor is enough, and so is the free WP EasyCart. The account widgets are always on. There is nothing to switch on.

**What they do.** They draw the customer account with the store’s own account engine, so order history, pay links, downloads and subscriptions keep working. You only change the layout and the look.

You have two ways to build it. Drop **My Account** on your account page for the whole area with a menu. Or build your own layout from the separate parts: Customer Login, Registration Form, Lost Password, Account Navigation, Account Dashboard, Order History, Order Details, Subscriptions, Addresses, Account Details, Payment Methods, Downloads and Logout.

**How they look.** By default the widgets draw the same account as your store’s own account page, in your Elementor kit’s colours and fonts: orders as cards, an order’s page with a Print receipt button, and the dashboard’s cards. A Classic look keeps the older order table and layout.

The steps: pick your route, choose the look, choose who sees what, style it with sample data and test it as a customer.

*Build it*

## Six steps

My Account or your own parts, the look, who sees what, sample data and a test as a customer.

### Step 1. Put My Account on your account page

The whole account area in one widget

Edit your account page with Elementor and drag **My Account** onto it. Your account page is the one chosen in **Settings › Store details**, in the Store pages card. **Settings › Elementor** names it in the Account pages card and has an **Edit the page** link. The My Account starter page is a ready version of this.

With no setup it works: visitors get the sign-in form, sign up and lost password, and signed-in customers get a menu and the page they opened. Every link stays on this page.

In the **Account menu** section choose where the **Menu** sits: Beside the content, on the left; Beside the content, on the right; Above the content; or Hidden (use the Account Navigation widget). **Menu as a dropdown on phones** is on by default. **Show the menu on an order’s and a subscription’s page** is off by default: those pages then take the whole width, with a link back to the orders or subscriptions.

Under **Pages in the account** switch each page on or off: Orders, Downloads, Subscriptions, Addresses, Account details, Payment methods and Sign out. Each has a Text, an Icon and a Position (lower numbers come first). Leave a text empty to use the store’s language file.
**Addresses** and **Account details** each have **Pages**: Separate (Billing information and Shipping information; Basic information and Change password), as your store’s own account menu shows them, or Combined (one page each).
**Downloads** has **Show in the menu**: When the store sells downloads or the customer has some, or Always.
**Subscriptions** and **Payment methods** show only when the store takes payments with Stripe or Stripe Connect and Settings › Accounts › *Let shoppers manage their subscriptions and payment methods* is on. When they cannot show on your store, the panel says why and links to the setting to change.

In the **Visitors** section, **Show the new customer box beside the sign-in form** is on by default, and **After signing in, go to** is described in step 4.

![The My Account widget in Elementor with the Account menu section open and the orders as cards.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/elementor-design-the-account-area-my-account-606.jpg)

> **💡 Note:** One widget is the simplest route, and it looks like your store’s own account page (the `[ec_account]` shortcode) in your Elementor kit’s colours and fonts. Use separate parts only when you need a different arrangement, such as the menu in a sidebar and the orders in a wide column.

### Step 2. Or build your own layout from parts

The WP EasyCart · Account group

Drag only the parts you want, in any layout, on the same page. Each part shows its own views:

**Customer Login**: the sign-in form. Options: Show “Forgot your password?” and Show the new customer box.
**Registration Form** and **Lost Password**: the sign-up form and the lost password and emailed reset link. Each can Show a sign-in form beside it.
**Account Navigation**: the menu on its own, with a Layout choice, the phone dropdown and the same Pages in the account switches. Use it with My Account set to Hidden, or with the parts.
**Account Dashboard**: the dashboard view, with a switch for the store’s account menu beside it.
**Order History**: the list of orders, ten a page. View order opens the order here with a link back to the list.
**Order Details**: one order. When no order was opened it shows the customer’s latest order or nothing, and it can hide the Back to orders link. Add it to the page to show orders somewhere else on it.
**Subscriptions**: subscriptions and their details, ten a page. It shows when your store takes subscriptions with Stripe and lets customers manage them in their account; otherwise customers see nothing.
**Addresses**: Show Billing and shipping address, Billing address or Shipping address. The shipping address shows only when your store ships.
**Account Details**: Show Name and email and the password change, Name and email, or Password change.
**Payment Methods**: the cards customers keep for their Stripe subscriptions and what each one pays for. Customers can add a card for the subscriptions they choose, move subscriptions to another card, make a card their default and remove cards they no longer use. Options: **List the subscriptions it pays for** (under each card, with a link to each subscription) and **Card actions show as** Links or Buttons.
**Downloads**: every download the customer bought on a paid order, ten a page, with its limit and expiry and a button that starts it.
**Logout**: a sign out button with its Text, Icon, Icon position and **After signing out, go to**.

Every part has the same Style tab, so headings, text, fields, buttons, links and messages match. Set the store-wide colours once in Site Settings, as in the overview guide.

![The Elementor panel, WP EasyCart · Account group.](https://docs.wpeasycart.com/wp-content/uploads/2026/09/elementor-account-02-account-widgets-v2.jpg)

### Step 3. Choose the Modern or Classic look

Content › Look

My Account, Account Dashboard, Order History, Order Details and Subscriptions have a **Look** section in the Content tab:

**Modern** (the default): the orders as cards, an order’s page with a Print receipt button and the dashboard’s cards, as on your store’s own account page.
**Classic**: the order table and the layout these widgets had before. Choose it to keep a page you already styled as it is.

The forms (sign in, sign up, lost password, addresses and account details) look the same in both.

**Your kit’s colours and fonts.** Untouched, the widgets take the fonts of your Elementor kit: Primary for headings, Accent for buttons and the page’s text font for the rest. They keep their own sizes, so a template kit made for big headlines does not blow up the account. Buttons take the kit’s Accent colour with black or white words, whichever reads, and the text takes the colour of the text around the widget, so the account reads on a dark page as well as a light one. Anything you set in the Style tab wins.

In the Style tab’s **Order list** section, with Look: Modern the row settings style the order cards. The header, every other row and the space before the first column are for the Classic order table.

![My Account set to the Classic look: the order table in the canvas, the Look section open.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/elementor-design-the-account-area-look-606.jpg)

### Step 4. Choose who sees what

Show to, and where sign in leads

Most parts have a **Show to** choice: Everyone, Signed-in customers, or Visitors who are not signed in. The defaults suit the part, so the sign-in form starts as visitors only and the order list as signed-in customers only. The editor always shows a part, with a note saying who sees it, so you can style it.

Customer views never draw for a visitor, whatever Show to says. A visitor cannot see orders, addresses, downloads or subscriptions.

**After signing in, go to** (My Account and Customer Login) has three choices: **Their account** (this page when it shows the account, otherwise your store’s account page), **This page**, or **A page I choose** with a Page address. The page has to be on your own site. Addresses on other sites are ignored.

### Step 5. Style every page with sample data

The editor shows a sample customer

You are rarely signed in as a store customer while you edit, and a customer may have no orders yet. So when you have no account or no data, the editor fills the widgets with a sample customer: sample orders using your first active products, a sample subscription, downloads and addresses. They look and behave like the real thing, so what you style is what customers see. They exist only inside the editor. A sample can never be found by a real order or subscription.

My Account has an **Editor preview** section. **Show in the editor** lets you switch between Dashboard, Orders, Order details, Downloads, Subscriptions, Subscription details, Addresses, Billing information, Shipping information, Account details, Basic information, Change password, Payment methods, and the visitor views Visitor: sign in, Visitor: create an account and Visitor: lost password. It changes only what you see while editing. Customers see the page they open.

![My Account › Editor preview, with Show in the editor on Dashboard.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/elementor-design-the-account-area-sample-data-606.jpg)

### Step 6. Test it as a customer

Use a private window

Open a private window, so you are not signed in as an admin.

**1.** Open your account page. You should see the sign-in form and, unless you turned it off, the new customer box, with **Ordered without an account? Find your order** under them. That link takes guests to the form that emails them their order’s link.
**2.** Sign in with a customer that has an order. You should land where After signing in, go to says.
**3.** Open Orders, then View order. The order should open on this page with a link back.
**4.** Change an address or the password, and use the menu on a phone-sized window.
**5.** Sign out. You should land where After signing out, go to says.

Order emails can also point at this page. Orders open here from View order links on the page and from order emails that point to it, when an Order Details widget is on the page.

![The account page as a visitor sees it, with the sign-in form and the Find your order link.](https://docs.wpeasycart.com/wp-content/uploads/2026/11/elementor-design-the-account-area-test-607.jpg)

*Good to know*

## Lists, routing, caching and fixes

Long lists, how links stay on your page, what a cache may store and the usual problems.

### Long lists: pages, search and Active / Canceled

Orders, downloads and subscriptions

The lists come from your store’s own account pages, in both looks, so they page and search the same way inside the widgets:

**Orders** show ten a page, with Previous and Next under them. A customer with more orders than one page holds also gets a search box above them: **Order number, product or tracking number**. While a search is on, the list says what it searched for and offers **Show all orders**.
**Downloads** show ten a page.
**Subscriptions** show ten a page. Once some have ended, **Active** and **Canceled** switches with their counts sit above the list, and customers see one at a time.

The words come from your store’s language file, so change them there.

### How links stay on your page

Why the address ends in ec_page

The store’s account has views such as sign in, orders, order details and addresses. Widgets link between them with an address that ends in `?ec_page=orders` or similar, on the page where the widgets sit. A view that no widget on the page can show stays on your store’s account page instead, so put My Account there, or every part you need.

The forms carry a hidden list of the views of the widget that drew them. It holds no address, so a form can never send a customer to another site.

**Extension links.** Links that other plugins add to the account menu join the menu at the same places they use in the standard account.

**Older widgets.** The older Account Forms and Account Dashboard widgets are replaced by these ones. A page that still uses one keeps working and offers a Replace button that swaps in the matching new widget with its styling.

### Caching and site-wide headers

What a page cache may store

Page caches never store what a signed-in customer sees, nor pages with account widgets, nor pages with a sign-in, sign-up or lost-password form. A menu or a sign out button in a site-wide header leaves your other pages cached for visitors.

But a sign-in, sign-up or lost-password form, or the My Account widget, in a site-wide header, footer or popup turns page caching off on every page. Keep those forms on your account page and link to it instead.

A sign-in, sign-up or lost-password form inside an Elementor Pro popup opens the popup again after it is sent, to show its message or the password reset form.

> **⚠️ Careful:** Test a header form with your cache plugin on, in a private window, before you go live.

### If it does not work

The usual account problems

**A part shows nothing on the live page.** Check Show to, and remember the customer views show only to signed-in customers. Subscriptions and Payment methods also need Stripe or Stripe Connect and the Accounts setting that lets shoppers manage their subscriptions and payment methods; the widget’s panel says which one is missing.

**The account looks different after an update.** The widgets now use the Modern look. Set Look to Classic in the Content tab to get the older order table and layout back.

**A menu link opens the store’s account page instead of this page.** No widget on this page shows that view. Add My Account, or the part for it.

**Order History does not show order details.** It opens them itself unless the page also has an Order Details widget, which then shows the order.

**A form shows twice or a message repeats.** Two widgets that show the same view. Each message prints once per page, in the first widget that shows its view.

**My site is slow after a header form.** See the caching section: move the sign-in form to the account page.

**Still stuck?** Contact support from https://wpeasycart.com/my-account.

*Keep going*

## Related panels

- [Accounts](https://docs.wpeasycart.com/docs/administrative-console-guide/account-settings/): The store-wide account settings.
- [Store details](https://docs.wpeasycart.com/docs/administrative-console-guide/store-details/): Where you choose your account page.
- [User Accounts](https://docs.wpeasycart.com/docs/administrative-console-guide/user-accounts/): Look up and manage customer accounts.
- [Subscriptions](https://docs.wpeasycart.com/docs/administrative-console-guide/subscriptions-2/): The subscriptions customers manage in their account.

## Ready to run your store on WP EasyCart?

Everything in this guide works with the free plugin. PRO and Premium add subscriptions, memberships, wholesale pricing and more. Try every PRO feature free for 14 days.

[Start your free trial](https://www.wpeasycart.com/wp-easycart-professional-14-no-risk-trial/) · [See what is included](https://www.wpeasycart.com/wordpress-shopping-cart-pricing/)

![The WP EasyCart admin: orders and offers](https://docs.wpeasycart.com/wp-content/uploads/2026/09/cta-wpeasycart-pro-v2.jpg)

---

Source: https://docs.wpeasycart.com/docs/how-to-guides/elementor-design-the-account-area/ ( updated 2026-11-06 )