Skip to main content
Documentation/Elements & Controls Reference/Elements/WooCommerce/Checkout Login Form

Checkout Login Form

Checkout Login Form displays the returning-customer login interface in a checkout layout. It is distinct from the standalone Login Form used on a general sign-in page. WooCommerce must be installed and active.

Add and configure Checkout Login Form

  1. Click Add, choose Checkout Login Form, and place it in the container.
  2. Place the element in the checkout layout.
  3. Configure Design > Layout and Spacing.
  4. Review the returning-customer presentation in the relevant signed-out state.
  5. 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 > Layout

Setting Purpose and options Behavior
Override Global Styles woocommerce global styles. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Spacing spacing controls. See linked controls

Troubleshooting

The login prompt is absent

Check the visitor's login state and WooCommerce's checkout account/login settings.

The page already shows another login prompt

Review the complete checkout output and avoid adding a duplicate returning-customer interface.