Overview #
The WooCommerce Empty Cart Button plugin allows you to add and customize WooCommerce “Empty Cart” button to the cart and/or checkout pages, so your customers can quickly remove what they’ve already added to their cart, and continue shopping on your site.
Enabling Empty Cart Button in WooCommerce #
To enable and use the WooCommerce Empty Cart Button plugin, you should first download and install Booster for WooCommerce.
1. Navigate to WordPress Dashboard > WooCommerce > Settings > Booster > CART & CHECKOUT > Empty Cart Button.
The Empty Cart Button Module Options page will be displayed.
2. In the Empty Cart Button section, check the box for Enable Module field.
3. Scroll down to the end of the page and click Save changes.
The Empty Cart Button plugin will be enabled for your site.
Configuring Empty Cart Button for WooCommerce #
You can configure the empty cart button to be displayed on the cart page and/or the checkout page of your e-commerce site using this option. The empty cart button allows your customers to empty their carts in just one click and continue shopping. You can customize the label, position of the empty cart button, and enable/disable confirmation.
Note: You can use the shortcode
"Empty Cart Button" module is not enabled!
to place the empty cart button anywhere on your site.1. Navigate to WordPress Dashboard > WooCommerce > Settings > Booster > CART & CHECKOUT > Empty Cart Button.
The Empty Cart Button Module Options page will be displayed.
2. Enter /select required values for the fields. Refer to the table below for field descriptions:
Field | Description |
Empty Cart Button Text | Label of the empty cart button |
Wrapping DIV style | Style for the div of the empty cart button |
Button HTML Class | Class name of the empty cart button |
Button position on the Cart page | Placement position of the empty cart button on the cart page |
Button position on the Checkout page | Placement position of the empty cart button on the checkout page |
Confirmation | Specifies if a confirmation message will be displayed when the customers click the empty cart button |
Confirmation Text (if enabled) | Confirmation message that will be displayed when the customers click the empty cart button |
3. Click Save changes.
The empty cart button will be configured.
Output #
A sample cart page with the Empty Cart button is shown in the screenshot below: