Skip to content
Bricks Academy
Community Forum
Get Bricks

Checkout v2

Displays the WooCommerce checkout page as editable Checkout, Login required, Pay, Thank you, and Order receipt states.

Where this element works

Section titled “Where this element works”

Checkout page.

Key settings

Section titled “Key settings”
  • State (radio) - Switches the builder preview between checkout states.

States

Section titled “States”
  • Checkout - Customer details, order summary, payment options, and place order layout.
  • Login required - Login screen shown when WooCommerce requires login before an order-related checkout screen.
  • Pay - Payment screen for unpaid orders.
  • Thank you - Order confirmation screen after checkout.
  • Order receipt - Receipt screen for unpaid order links that no longer need payment.

Generated structures

Section titled “Generated structures”

The Checkout state can generate these structures:

  • Complete checkout
  • Billing fields
  • Shipping fields
  • Payment options
  • Additional fields
  • Order summary
  • Place order

When Complete checkout is selected, Generate as multistep creates a ready-made multistep checkout layout.

The Login required, Pay, Thank you, and Order receipt states each provide a complete block for that state.

Multistep checkout

Section titled “Multistep checkout”

Use Checkout v2 multistep checkout when you want the Checkout state split into multiple steps.

You can create the multistep layout with the Woo Setup Wizard by choosing Advanced multistep (v2), or generate it from the Checkout state by selecting Complete checkout and enabling Generate as multistep.

The generated layout includes Checkout steps navigation, checkout step nav items, checkout step wrappers, and next/back interactions.

Field maintenance

Section titled “Field maintenance”

Checkout v2 includes a Sync checkout fields control group with actions to compare generated fields with the site’s current WooCommerce checkout fields:

  • Check checkout fields
  • Generate missing fields
  • Remove invalid fields
  • Remove duplicate fields

Use these after changing WooCommerce checkout fields or installing plugins that add checkout fields.

Field sync can report valid, missing, invalid, and duplicate generated fields. It can generate missing fields, remove generated fields that no longer exist in WooCommerce, remove duplicate generated fields, and update generated field labels and placeholders from the current WooCommerce field data.

Query loops, dynamic tags, and interactions

Section titled “Query loops, dynamic tags, and interactions”

Checkout v2 supports WooCommerce v2 query loops for applied coupons, fees, taxes, order items, order totals, order downloads, and customer notes.

It also adds checkout/order tags such as {woo_checkout_current_step_number}, {woo_order_number}, {woo_order_total}, {woo_order_item_count}, and {woo_order_total_with_item_count}.

For multistep checkout layouts, use the Checkout step interaction action to move to the next step, previous step, a specific step, or a specific checkout field.

See WooCommerce v2 query loops and dynamic tags for the complete reference.

Usage tips

Section titled “Usage tips”