Component reference
Customer account
59 components for customer account. Select a component to open its complete documentation page.
woo-address-bookScaleAddress BookManage saved customer billing and shipping addresses.woo-billing-addressScaleBilling AddressRender the customer billing address details.woo-edit-addressScaleEdit AddressEdit a customer address from the account area.woo-shipping-addressScaleShipping AddressRender the customer shipping address details.woo-customer-order-dateScaleCustomer Order DateDisplay the created date for a selected order.woo-customer-order-item-countScaleCustomer Order Item CountShow the total item count for a selected order.woo-customer-order-payment-methodScaleCustomer Order Payment MethodDisplay the payment method for a selected order.woo-customer-order-itemsScaleCustomer Order ItemsRender item rows for a selected order.woo-customer-order-item-imageScaleCustomer Order Item ImageDisplay the product image for each selected-order line item.woo-customer-order-item-titleScaleCustomer Order Item TitleDisplay the product title for each selected-order line item.woo-customer-order-item-quantityScaleCustomer Order Item QuantityDisplay the quantity for each selected-order line item.woo-customer-order-item-priceScaleCustomer Order Item PriceDisplay the total or subtotal for each selected-order line item.woo-customer-order-item-imagesScaleCustomer Order Item ImagesShow product thumbnails for the selected order.woo-customer-order-listScaleCustomer Order ListRender the customer order history list.woo-customer-order-item-variationScaleCustomer Order Item VariationDisplay selected options and quantity for an order line item.woo-customer-order-details-buttonScaleCustomer Order Details ButtonOpen an order details page for the clicked order.woo-customer-order-statusScaleCustomer Order StatusDisplay the current status for a selected order.woo-customer-order-summaryScaleCustomer Order SummaryShow headline totals and order summary details.woo-customer-order-detail-numberScaleOrder Detail NumberDisplay the current order number.woo-customer-order-detail-dateScaleOrder Detail DateDisplay the current order date.woo-customer-order-detail-item-countScaleOrder Detail Item CountDisplay the current order item count.woo-customer-order-detail-statusScaleOrder Detail StatusDisplay the current order status.woo-customer-order-detail-subtotalScaleOrder Detail SubtotalDisplay the current order subtotal.woo-customer-order-detail-shippingScaleOrder Detail ShippingDisplay the current order shipping amount.woo-customer-order-detail-discountScaleOrder Detail DiscountDisplay the current order discount.woo-customer-order-detail-totalScaleOrder Detail TotalDisplay the current order total.woo-customer-order-titleScaleCustomer Order TitleRender a selected order title or label.woo-customer-order-totalScaleCustomer Order TotalDisplay the total for a selected order.woo-account-detailsScaleAccount DetailsRender the customer profile editing surface.woo-customer-badgeScaleCustomer BadgeRender a badge for the active signed-in customer.woo-customer-emailScaleCustomer EmailDisplay the signed-in customer email address.woo-customer-initialsScaleCustomer InitialsRender the initials for the active customer.woo-customer-nameScaleCustomer NameDisplay the signed-in customer name.woo-visitor-viewScaleVisitor ViewRender the logged-out visitor state.woo-login-formScaleLogin FormRender the customer login form.woo-register-formScaleRegister FormRender the customer registration form.woo-lost-password-formScaleLost Password FormHelp customers request a WooCommerce password reset.woo-customer-order-billing-addressScaleCustomer Order Billing AddressDisplay the billing address for a selected customer order.woo-customer-order-shipping-addressScaleCustomer Order Shipping AddressDisplay the shipping address for a selected customer order.woo-customer-order-list-countScaleCustomer Order List CountDisplay the number of orders in the customer order list.woo-login-form-controllerScaleLogin Form ControllerProvide login state and submission handling for a custom form.woo-login-form-identifierScaleLogin Form IdentifierRender the email or username field for a custom login form.woo-login-form-lost-password-linkScaleLogin Form Lost Password LinkRender the password recovery link for a custom login form.woo-login-form-messageScaleLogin Form MessageDisplay status and error messages for a custom login form.woo-login-form-passwordScaleLogin Form PasswordRender the password field for a custom login form.woo-login-form-remember-meScaleLogin Form Remember MeRender the remember-me control for a custom login form.woo-login-form-submit-controlScaleLogin Form Submit ControlSubmit a custom customer login form.woo-lost-password-form-controllerScaleLost Password Form ControllerProvide state and submission handling for a password reset form.woo-lost-password-form-identifierScaleLost Password Form IdentifierRender the username or email field for password recovery.woo-lost-password-form-messageScaleLost Password Form MessageDisplay status and error messages for password recovery.woo-lost-password-form-submit-controlScaleLost Password Form Submit ControlSubmit a customer password reset request.woo-register-form-controllerScaleRegister Form ControllerProvide registration state and submission handling for a custom form.woo-register-form-emailScaleRegister Form EmailRender the email field for a custom registration form.woo-register-form-messageScaleRegister Form MessageDisplay status and error messages for customer registration.woo-register-form-nameScaleRegister Form NameRender the customer name field for a custom registration form.woo-register-form-passwordScaleRegister Form PasswordRender the password field for a custom registration form.woo-register-form-remember-meScaleRegister Form Remember MeRender the remember-me control for a custom registration form.woo-register-form-submit-controlScaleRegister Form Submit ControlSubmit a custom customer registration form.woo-register-form-usernameScaleRegister Form UsernameRender the username field for a custom registration form.