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
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.
💡 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.
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.
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.
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.
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
The store-wide account settings.
Where you choose your account page.
Look up and manage customer accounts.
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.
