Detect when a "remove" coupon button is clicked in Woocommerce

Question

How can I detect that Remove button/link clicked to remove the coupon from the checkout page in woocommerce.

Answer 1

You can use jQuery to live detect when "remove coupon" is clicked this way:

add_action( 'wp_footer', 'coupon_removed_script' );
function coupon_removed_script() {
    if( is_cart() || ( is_checkout() && ! is_wc_endpoint_url() ) ):
    ?>
        <script type="text/javascript">
        jQuery(function($){
            $('a.woocommerce-remove-coupon').on( 'click', function(){
                console.log('click remove coupon');
                alert('click remove coupon');
            });
        })
        </script>
    <?php
    endif;
}

Code goes in function.php file of your active child theme (or active theme). Tested and works.

---

And you can also use the following code to do something when coupon is removed (where $coupon_code is the removed coupon code argument):

add_action("woocommerce_removed_coupon", 'coupon_removed_action');
function coupon_removed_action( $coupon_code ) {
    // Do something
}

Code goes in function.php file of your active child theme (or active theme).