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

Checkout Coupon Form

Checkout Coupon Form displays WooCommerce's coupon-entry interface for a custom checkout layout. WooCommerce must be installed and active.

Add and configure Checkout Coupon Form

  1. Click Add, choose Checkout Coupon Form, and place it in the container.
  2. Place the coupon element in the checkout layout.
  3. Configure Design > Layout and Spacing.
  4. Review the coupon entry and feedback presentation.
  5. Save your changes.
Checkout Coupon Form controls in the Breakdance editor
Checkout Coupon Form controls in the Breakdance editor

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
Disable On/off. Shared
Override Global Styles woocommerce global styles. See linked controls

Design > Spacing

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

Troubleshooting

The coupon form is missing

Check whether coupons are enabled and whether the complete checkout already supplies its own coupon interface.

A coupon is rejected

Check the coupon's WooCommerce eligibility, dates, limits, and cart requirements.