May 21, 2024

WooCommerce Custom Add To Cart Button Plugin

Customize the Add to Cart buttons in WooCommerce by changing the text, adding a cart icon or changing the colors.

WooCommerce Custom Add to Cart Button is a simple plugin to customize your store’s add to cart buttons. It makes it easy to change the ‘Add to cart’ button text, add a cart icon to the button, replace the text with just an icon, or change the background and text color.

There are lots of reasons why you might want to change the add to cart text. Depending on how you’re using WooCommerce you might want the button to say something different like ‘Add to quote’, ‘Buy Now’, ‘BOOK EVENT’, ‘Enrol’ or ‘Make an Enquiry’.

You might want to make the button more visual by adding a cart icon before the text. Or you may want to replace the button text and just show a cart icon. The plugin uses the same cart icon that is built into WooCommerce itself.

Add to cart button options:

Change the WooCommerce add to cart button text
Add a cart icon next to the text
Remove the text and just show a cart icon
Case sensitive, so you get full control over whether the add to cart button text appears in uppercase, lowercase or sentence case
Change the WooCommerce add to cart button color
Change the color of WooCommerce add to cart button text

WooCommerce Custom Add to Cart Button is fully accessible. If you choose to display just the cart icon, the text is still present in the HTML and can be read by screen readers.

Options are set in the Customizer. Once installed, go to Appearance -> Customize -> WooCommerce -> Add to Cart Buttons and choose your settings.

WooCommerce Custom Add to Cart Button is fully compatible with other Kestrel plugins, including:

Express Shop Page – Select variations and quantities without leaving the shop page.
Discontinued Products – Set WooCommerce products as “discontinued” without removing them from your store.
Variation Prices – Improve the display of variation prices in your WooCommerce store.
Product Sample – Let customers “try before they buy” with free or paid product samples.

Installation

Install via the Plugins screen in your WordPress dashboard, or download the ZIP, extract it, and upload to the /wp-content/plugins/ directory.
Activate the plugin through the Plugins screen.
Go to Appearance -> Customize, then go to WooCommerce -> Add to Cart Buttons to choose your settings.
Change the Add To Cart button text and/or select the other options on this screen.

Screenshots

Buy Now buttons with icon
Button text set to 'Add to Basket'
Icon only option
Example using 'Add to Quote' button text
Use with WooCommerce Product Table to create quick one-page order forms.
Use with WooCommerce Quick View Pro to speed up shopping with a lightbox.
Use with WooCommerce Bulk Variations so customers can buy multiple variations with one click.

FAQ

Will it work with my theme?

The plugin inherits the styles from your theme. This means that the button size and font will be the same as the existing add to cart buttons in your store. The plugin will change the text and add an icon without affecting the overall button styling.

Can I choose a different icon, change the size, change colors, etc?

We’ve kept the plugin deliberately simple and it’s not currently possible to make other changes such as different icons. Please use the support tab or our feature request form if there’s anything else you’d like the plugin to do. We will add new features if there is enough demand.

Changelog

1.2.5

Release date 22 May 2024

Fix: Ensure the plugin does not activate if WooCommerce is not active

1.2.4

Release date 27 March 2024

Misc: Update author to Kestrel
Dev: Tested up to WordPress 6.5 and WooCommerce 8.7

1.2.3

Release date 14 November 2023

Fix: The color was not changing for the block themes
Dev: Tested up to WordPress 6.4 and WooCommerce 8.2.2

1.2.2

Release date 15 Aug 2023

Dev: Added HPOS compatibility
Dev: Tested up to WooCommerce 8.0.1

1.2.1

Release date 20 June 2023

Fix: Apply the background and text color to all buttons

1.2.0

Release date 18 June 2023

Tested up to WordPress 6.2
Tested up to WooCommerce 7.8.0
Add an option to change the button’s background color
Add an option to change the button’s text color

1.1.5

Release date 05 Mar 2023

Tested up to WooCommerce 7.4.1

1.1.4

Release date 24 Nov 2022

Tested up to WordPress 6.1.1 and WooCommerce 7.1

1.1.3

Release date 13 May 2022

Tested up to WordPress 6.0 and WooCommerce 6.5.1

1.1.2

Release date 27 July 2021

Tested up to WordPress 5.8 and WooCommerce 5.5.2

1.1.1

Release date 2 October 2020

Tested up to WordPress 5.5.1 and WooCommerce 4.6.
Minor code improvements.
Added Composer support.

1.1

Release date 20 November 2019

Update plugin architecture and Barn2 library code.
Added link to settings page from main Plugins menu.
Tested up to WordPress 5.3 and WooCommerce 3.8.

1.0

Release date 21 February 2018

Initial release.