Account Page
Account Page displays WooCommerce's customer account interface, including its account navigation and endpoint content. WooCommerce must be installed and active.
Add and configure Account Page
- Click Add, choose Account Page, and place it in the container.
- Place the element on the page assigned as WooCommerce's My account page.
- Configure Design > Tabs, Content, Spacing, and Typography.
- Review Advanced for local global-style overrides.
- Save your changes.

This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Design > Tabs
| Setting | Purpose and options | Behavior |
|---|---|---|
| Layout | Vertical, Horizontal. | Shared |
| Vertical Tabs Position | Left, Right. When: Layout = Vertical. | Shared |
| Horizontal Tabs Position | Left, Center, Right. When: Layout = Horizontal. | Shared |
| Vertical At | Breakpoint. When: Layout = Horizontal. | Shared |
| Space Between | Space between and unit. | Responsive |
| Sticky Tabs | On/off. When: Layout = Vertical. | Shared |
| Sticky Offset | Sticky offset and unit. When: Sticky Tabs is set. | Shared |
| Tab > Background | Color or supported fill. | Shared |
| Tab > Padding | spacing controls. | See linked controls |
| Tab > Typography | typography controls. | See linked controls |
| Tab > Borders | borders controls. | See linked controls |
| Tab > Hover > Background | Color or supported fill. | Shared |
| Tab > Hover > Border | Color or supported fill. | Shared |
| Tab > Hover > Text | Visible text. | Shared |
| Tab > Hover > Shadow | Shadow offset, blur, spread, color. | Shared |
| Tab > Active > Background | Color or supported fill. | Shared |
| Tab > Active > Border | Color or supported fill. | Shared |
| Tab > Active > Text | Visible text. | Shared |
| Tab > Active > Shadow | Shadow offset, blur, spread, color. | Shared |
| Tab > Shadow | Shadow offset, blur, spread, color. | Shared |
| Override Global Styles | woocommerce global styles. | See linked controls |
Design > Content
| Setting | Purpose and options | Behavior |
|---|---|---|
| Background | Color or supported fill. | Shared |
| Padding | spacing controls. | See linked controls |
| Borders | borders controls. | See linked controls |
| Override Global Styles | woocommerce global styles. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Container | spacing controls. | See linked controls |
| Gap | Space between items. | Responsive |
Design > Typography
| Setting | Purpose and options | Behavior |
|---|---|---|
| Headings | typography controls. | See linked controls |
| Text | typography controls. | See linked controls |
| Links | typography controls. | See linked controls |
| Tables > Titles | typography controls. | See linked controls |
| Tables > Links | typography controls. | See linked controls |
| Tables > Text | typography controls. | See linked controls |
| Tables > Labels | typography controls. | See linked controls |
| Tables > Values | typography controls. | See linked controls |
| Tables > Total Label | typography controls. | See linked controls |
| Tables > Total Value | typography controls. | See linked controls |
Design > Advanced
| Setting | Purpose and options | Behavior |
|---|---|---|
| Override Global Styles | woocommerce global styles. | See linked controls |
Troubleshooting
Account links load the wrong page
Check WooCommerce's My account page assignment and account endpoint settings.
Some account sections are absent
The available account content depends on the customer state and WooCommerce configuration.