Docs Block Reference Account

Account

The logged-in member dashboard block. Shows account details, order history, navigation between account sections, and the log- out action — for users who are signed in.

The block has a View as Logged Out preview toggle inside the panel so you can see how the page looks for visitors who aren't signed in (the panel shows a Login prompt rendered in place).

When to use it

  • /account member dashboard page
  • "My Account" link target in the header
  • Subscription / order management page

When not to use it

  • Sign-in form — use Login
  • Account creation — use Register
  • Checkout — use Checkout

Settings

View as Logged Out — toggle button (top of panel, default: off)

Preview-only switch that shows how the block renders for signed- out visitors. Doesn't affect saved settings.

Title — text input (default: "My Account")

Top-of-block heading.


Colours (3-up grid)

  • Text (left) — body text colour (default: dark)
  • Nav Active (centre) — active-nav-item background (default:
  • #fff)

  • Button (right) — button fill (default: dark)

Sliders

  • Radius — 0–24px (default: 6). Card corner roundness.

Entrance animation

Standard widget at the bottom.


Per-device overrides

Title, colours, Radius all have per-device values.

Common override:

  • Title — sometimes shorter on mobile (e.g., "Account" vs
  • "My Account")


Common patterns

Standard account dashboard

Title "My Account" · Text dark · Nav Active #fff · Button dark · Radius 6.

Subscription management

Title "Manage subscription" · Text dark · Radius 12. Pair with Products / Bundle blocks below for "Renew / change plan" UX.

Light-on-dark variant

Title "Account" · Text #fff · Nav Active #1d2327 · Button #fff · Radius 0. Place inside a dark-background Section.


Related

  • blocks/login — sign-in form for signed-out visitors
  • blocks/register — account-creation form
  • blocks/checkout — order-flow page (separate from Account)