Empty Cart Button for WooCommerce

Empty Cart Button for WooCommerce

Thank you for using our Empty Cart Button for the WooCommerce plugin. In the following sections, we will show you how to set up, and as well as use the plugin in the easiest way possible.

Purpose

Empty Cart Button for WooCommerce plugin lets you add (and customize) the “Empty Cart” button to WooCommerce cart, and as well as checkout pages.

Installation

After download, the .zip package, unzip it, and then you will see a folder “empty-cart-button-for-woocommerce-pro”.

Go to Dashboard → Plugins → Add New and then click Upload Plugin.

Empty Cart Button for WooCommerce - Admin Screenshot
Empty Cart Button for WooCommerce – Admin Screenshot

On the next page, select the “empty-cart-button-for-woocommerce-pro” file and then click Install Now.

Empty Cart Button for WooCommerce - Admin Screenshot
Empty Cart Button for WooCommerce – Admin Screenshot

After uploading the plugin, then click Activate Now link to activate the plugin.

Settings

Now, you will see the plugin settings page in the WooCommerce → Settings → Empty Cart Button tab
Empty Cart Button for WooCommerce - Admin Screenshot
Empty Cart Button for WooCommerce – Admin Screenshot

Upgrade

If you have an old version of the plugin, and then follow the steps below to update it to the latest version:

  • Download the .zip package, unzip it, and then now you will see a folder “empty-cart-button-for-woocommerce-pro”.
  • Unzip the “empty-cart-button-for-woocommerce-pro” to get “empty-cart-button-for-woocommerce-pro” folder.
  • Upload “empty-cart-button-for-woocommerce-pro” folder to the /wp-content/plugins/ directory, overwrite old plugin files

Configuration

Empty Cart Button Options

Empty Cart Button is used to enable, or as well as disable Empty Cart Button on the cart page.

Empty Cart Button for WooCommerce Admin Screenshot
Admin Screenshot
Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Output

Position Options

Cart: Button position is used to set the position of the Empty Cart Button on the cart page.
Default: After the cart

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot
Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Output

  • Do not add – Not add Empty Cart Button.
  • Before cart – Here, you can add Empty Cart Button before the cart.
  • Before cart table – Here, you can add Empty Cart Button before cart table.
  • Before cart contents – Display Empty Cart Button before cart contents.
  • Inside cart contents – Display Empty Cart Button inside cart contents.
  • After “Apply coupon” button – To add Empty Cart Button after applying coupon button.
  • After “Update cart” button – To add Empty Cart Button after update cart button.
  • After cart contents – Now add Empty Cart Button after cart contents.
  • After cart table – Empty Cart Button after cart table.
  • Before cart collaterals – Include Empty Cart Button before cart collaterals.
  • Inside cart collaterals – Include Empty Cart Button after cart collaterals.
  • Before cart totals – You can add Empty Cart Button before cart totals.
  • Before cart totals shipping – You can add Empty Cart Button before cart totals shipping.
  • After cart totals shipping – View Empty Cart Button after cart totals shipping.
  • Before cart totals order total – View Empty Cart Button before cart totals order total.
  • After cart totals order total – Show Empty Cart Button after cart totals order total.
  • After “Proceed to checkout” button – Show Empty Cart Button after Proceed to checkout button.
  • After cart totals – Add Empty Cart Button after cart totals.
  • After cart – Add Empty Cart Button after cart.
Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Cart: Button position priority Change this if you want to move the button inside the Position selected above.
Default: 10

Checkout: Button position is used to set position of the the Empty Cart Button on the checkout page.
Default: Do not add

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot
Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

If you select Billing option from, the below dropdown the Empty Cart Button will display with Billing title.

  • Do not add – Do not add Empty Cart Button on checkout.
  • Before checkout form – You can add Empty Cart Button before checkout form.
  • Before customer details – Add Empty Cart Button before customer details.
  • Billing – Add Empty Cart Button with billing title.
  • Shipping – Empty Cart Button with shipping title.
  • After customer details – Include Empty Cart Button after customer detail.
  • Before order review heading – Display Empty Cart Button before order review heading.
  • Before order review – Display Empty Cart Button before order review.
  • Order review – Show Empty Cart Button with order review.
  • After order review – Show Empty Cart Button after order review.
  • After checkout form – View Empty Cart Button after checkout form.

Checkout: Button position priority Change this if you want to move the button inside the Position selected above.
Default: 10

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Style Options

Cart: HTML template: The HTML template for wrapping the button on the cart page.
Replaced value: %button_form%

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Cart: Button HTML class: The Button HTML class on the cart page.
Default: button

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Cart: Button HTML style: It is Button HTML style on the cart page.
Default: none

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Checkout: HTML template – HTML template for wrapping the button on the checkout page.
Replaced value: %button_form%

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Checkout: Button HTML class Button HTML class on the checkout page.
Default: button

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Checkout: Button HTML style Button HTML style on the checkout page.
Default: None

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Label Options

Button label is used to set the Button text.
Default: Empty cart

Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot
Cart Total - Admin Screenshot
Admin Screenshot

Confirmation Options

Confirmation – You can select if you want the user to confirm after the empty cart button was the press.
Default: No confirmation

Confirmation Options - Admin Screenshot
Admin Screenshot

A Confirmation text uses to set a confirmation message. Then ignored if confirmation is not enabled.
Default: Are you sure?

Confirmation Options - Admin Screenshot
Admin Screenshot
Admin Screenshot
Admin Screenshot

Redirect Options

Redirect Options - Admin Screenshot
Admin Screenshot
Empty Cart Button for WooCommerce - Admin Screenshot
Admin Screenshot

Redirect – You can select if you want to redirect the user to another page after the cart is empty.
Default: No

Redirect location Used to set redirect link. Ignored if the redirect is not enabled.
Default: None

Advanced Options

Advanced Options
Admin Screenshot

Button type is used to set the Empty Cart Button type.
Default: Hyperlink

Reset Settings

Redirect Options - Admin Screenshot
Admin Screenshot

Reset section settings is used to reset all the settings.
Default: No

About ProWC