Coupon form
The Coupon form element of the BricksUltimate is adding the AJAX based coupon form on the Mini Cart, Cart page and Checkout page.
Features:
- Frontend Coupon Application
- Users can enter a coupon code directly on the page (without needing to go to the cart/checkout).
- Works seamlessly with WooCommerce (applies discounts to the cart).
- Customizable Styling
- Adjust colors, borders, button styles, and spacing to match your design.
- Supports Bricks Builder’s native styling options.
- Success & Error Messages
- Displays feedback (e.g., "Coupon applied successfully" or "Invalid coupon").
- AJAX Submission
- Applies coupons without page reload (better user experience).
- Compatibility
- Works with WooCommerce coupon rules (percentage, fixed cart, product discounts, etc.).
User Guide
- Go to the Bricks -> BricksUltimate -> Woo and activate the Coupon Form element
- Open the desired page or template on the Bricks editor
- Add the Coupon Form element at your desired location
- Style it as per your site design
How do you display the applied coupons?
- Go to the Bricks -> BricksUltimate -> Woo and activate the Applied Coupons element
- Open the desired page or template on the Bricks editor
- Add the Applied Coupons element at your desired location
- Style it as per your site design
Reminder: The Applied Coupons element is a AJAX based element. It will automatically update without page refesh when a user applied the coupon code. It is mainly using in the Mini Cart Builder element.
If you use the Coupons option from the Cart Cost element, you will wrap this element by the Content Updater element. It is mainly using for the Checkout page.
*Caution: Don't put the Applied Coupons element inside the Content Updater element.