WooCommerce Custom Add To Cart Button

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

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

Screenshots

  1. Buy Now buttons with icon

    Buy Now buttons with icon

  2. Button text set to 'Add to Basket'

    Button text set to 'Add to Basket'

  3. Icon only option

    Icon only option

  4. Example using 'Add to Quote' button text

    Example using 'Add to Quote' button text

  5. Use with WooCommerce Product Table to create quick one-page order forms.

    Use with WooCommerce Product Table to create quick one-page order forms.

  6. Use with WooCommerce Quick View Pro to speed up shopping with a lightbox.

    Use with WooCommerce Quick View Pro to speed up shopping with a lightbox.

  7. Use with WooCommerce Bulk Variations so customers can buy multiple variations with one click.

    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.

Details

  • Version: 1.2.5
  • Active installations: 10,000
  • WordPress Version: 6.0
  • Tested up to: 6.5.5
  • PHP Version: 7.4

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars