Skip to main content

Woo My Account Transform

Found in the Elementor panel under Dotjuice → Woo My Account Transform. Requires WooCommerce.

How it works​

Place this widget on your My Account page template (typically inside your Elementor Theme Builder's My Account template). It detects buttons and links within the account content area and applies the styling you configure below.

Styling​

  • Button Style — Normal and Hover states, each with text colour, background colour, border, border radius, and box shadow, plus shared typography and padding. Applies to account action buttons (e.g. form submit buttons, "Pay", "Cancel").
  • Link Style — typography, plus Normal and Hover text colour, applied to order-table links: download links, product name links, and order number links.

Setting it up​

  1. Add the widget anywhere inside your My Account page template.
  2. Configure your button and link colours to match your site's branding.
  3. Visit the My Account page while logged in (as a real customer account, since this only applies within the actual account content) to check the styling.

Good to know​

  • Styling applies across the whole My Account area on that page, not just near the widget — you only need to place this widget once on your My Account template for it to take effect everywhere within it.
  • You won't see live account content while editing in Elementor — the editor shows a placeholder instead, since there's no real logged-in account context inside the editor. Preview your changes by viewing the actual My Account page on the front end while logged in.