Hi,
Unfortunately, the form layout you have created is technically impossible in WooCommerce Checkout. By default, without a builder, the WooCommerce checkout form is positioned at the bottom, while the coupon form is at the top; these two forms sit near each other but are never nested. However, you have configured your page in a way that places one HTML form inside another.
Nesting a HTML form inside another is strictly prohibited because it creates logical ambiguity, making it impossible for browsers to determine which data to submit or which action to trigger. Consequently, browser parsers fix the invalid HTML by ignoring nested tags or prematurely closing the parent form, which breaks the DOM structure, disrupts JavaScript, and hinders accessibility for screen readers.
To ensure the WooCommerce checkout functions correctly within our builder, we followed the same structural rules as the default setup. This is why the checkout creation is divided into two sections: Checkout form and Checkout top content. The coupon form must be placed exclusively within the Checkout top content area. Our theme does not provide a standard way to add it to the Checkout form, and even if it is manually copied inside, it will not function due to the conflict caused by nesting one form within another.
Kind Regards
.
