1. Documentation

Custom Add to Cart Button for WooCommerce

The Custom Add to Cart for WooCommerce plugin provides you the freedom to customize the “Add to Cart” button for your online store. You can personalize text, background color, border color, hover color, add animations, and set icons as well.

Installation ↑ Back to top

  1. Download Custom Add to Cart Button for WooCommerce .zip file from your WooCommerce account.
  2. At the Admin Panel, go to Plugins > Add New and Upload Plugin with the file you downloaded after purchase.
  3. Install and Activate the extension.

More information at: Install and Activate Plugins/Extensions.

How to Configure? ↑ Back to top

To configure the Custom Add to Cart button for WooCommerce plugin, go to WooCommerce > Setting > Custom Add to Cart and click the “Create Rule” tab to add a rule.

WooCommerce custom add to cart button

Add Rule ↑ Back to top

In each rule, you can set text, font size, font weight, border size, border radius, and padding. You can also see your setting in a live preview.

WooCommerce custom add to cart button

You can customize the colors such as background, text, hover text, border, and hover background.

WooCommerce custom add to cart button

Set icon for add to cart button and its position.

WooCommerce custom add to cart button

You can add a transition to the cart button.

WooCommerce custom add to cart button

Select the effect for hover.

WooCommerce custom add to cart button

You can apply each rule to specific products or categories.

WooCommerce custom add to cart button

Manage Rule ↑ Back to top

Within the “All Rules” tab,  all rules created by you will display here and you can edit or delete any rule as well.

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment