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