BUILDING A WHOLESALE STORE?

Check out our new plugin, WooCommerce Wholesale Pro - designed specifically for wholesale.
View Plugin

Get our free plugin: WooCommerce Custom Add to Cart Button

Last Updated: April 7, 2020 24 comments

WooCommerce custom add to cart button plugin

Today we’ve released a free WooCommerce plugin into the official WordPress plugin repository. The plugin is called WooCommerce Custom Add to Cart Button. It provides an easy way to change the ‘Add to Cart’ button text, replace the add to cart text with an icon, or add an icon alongside the button text.

DOWNLOAD PLUGIN

Why customize the WooCommerce add to cart button?

There are lots of reasons why store owners might want an option in WooCommerce to customize the add to cart button.

For example:

  • Do you feel that the ‘add to cart’ text wording doesn’t quite fit with your brand? For example, a lot of WooCommerce store in the UK change the button text to ‘add to basket’. Think about what custom add to cart text would work better for you.
  • Are you using another plugin to change the function of the WooCommerce add to cart button? This could be through a course bookings plugin, events plugin, add to quote plugin, etc. If so, you might want to reword the Add to Cart text with something more relevant, such as ‘Enrol Now’, ‘Book a Place’, ‘Add to Quote’ or ‘Make an Enquiry’.
  • If you’ve used our Product Table plugin to create a WooCommerce order form, then you might want to remove the Add to Cart text and replace it with a simple cart icon for each product.
  • Or maybe you just want to change the capitalization of the add to cart text, for example from lowercase to uppercase or vice versa.

Whatever your reason for wanting to change the add to cart link in WooCommerce, you can do it with the free WooCommerce Custom Add to Cart Button plugin.

What features does the plugin have?

We’ve kept the plugin intentionally simple and lightweight, so it won’t weigh down your site. It comes with all the essential features for customizing the WooCommerce add to cart button text and adding a cart icon:

  • Change the wording of the WooCommerce add to cart button text.
  • Add a high definition (retina) WooCommerce cart icon alongside the text.
  • Hide the add to cart text and just have an icon.

Here are some examples of the plugin in action:

The custom add to cart button plugin works perfectly with our bestselling WooCommerce Product Table plugin. For example, you can use them together to create a WooCommerce order form with cart icons.

Where can I get the Custom Add to Cart Button WooCommerce plugin?

You can download the WooCommerce Custom Add to Cart Button plugin from the WordPress plugin repository. It’s completely free of charge and won’t cost you a penny.

DOWNLOAD PLUGIN

How do I use the plugin?

  1. Log into the WordPress Dashboard and go to Plugins > Add New.
  2. Search for ‘WooCommerce Custom Add to Cart Button’.
  3. Install and activate the plugin of this name by Barn2 Media.
  4. Go to Appearance > Customizer > WooCommerce > Add to Cart and choose the options for your custom WooCommerce add to cart buttons.

As you can see, the plugin is incredibly simple to use. There are full usage instructions on the official WooCommerce Custom Add to Cart Button plugin page on wordpress.org, but that’s basically it!

Are there any other WooCommerce custom add to cart button plugins?

In our research, we discovered 3 other plugins that let you change the WooCommerce add to cart button text, and only one that adds a WooCommerce cart icon to the button. 3 of these haven’t been updated for several years, which is always worrying when you’re trying to develop a successful online store that will last you into the future.

Lots of people using our popular WooCommerce Product Table plugin have asked us for an easy way to create a custom WooCommerce add to cart button with different text and an icon.

We decided that store owners worldwide will definitely benefit from a free plugin to change the WooCommerce add to cart button text and add an icon. As a result, we have developed the WooCommerce Custom Add to Cart Button plugin and hope it is useful for you.

What is the future of the WooCommerce add to cart plugin?

We will support and maintain the Custom Add to Cart Plugin, and release new versions to keep it running smoothly future versions of WordPress and WooCommerce.

We’ll also keep a feature request list with details of any new features that people ask for. Please let us know if you’d like to make any further customizations to your WooCommerce add to cart buttons. For example, would you like to:

  • Show different buttons on different parts of your store?
  • Hide the button completely and just have a WooCommerce add to cart icon?
  • Customize the color of the add to cart button text, background color and/or border?
  • Choose different add to cart icons, instead of just having a shopping cart icon?
  • Or something else?

We’ll keep a record of how much demand there is for each feature. We will use this to continue improving the plugin in future. Please let us know how we can make the plugin more useful for you!

DOWNLOAD PLUGIN

Katie Keith

An active member of the global WordPress community, Barn2 Co-Founder Katie loves collaborating with other plugin companies. Her articles have been published on high profile sites including WPTavern, Torque and IndieHackers. She oversees all plugin support and deals with 'Tier 2' support requests about how to use Barn2's plugins in advanced ways.

24 Comments

  1. ankita
    May 14, 2020 Reply

    I need + - as add to cart to select product can any one suggest how this can be implemented I took reference from goodeggs.com Please direct

    • EJ
      June 1, 2020 Reply

      Hi, Ankita. Thanks for the reference. I took a look at the Good Eggs site and see that what they've done is simply to change the default "Add to cart" text in the add to cart button and instead use the "+" character/sign/symbol. This is exactly what our WooCommerce Custom Add To Cart Button allows you to do.

      Let me know if you have any other questions. You can get in touch with us quicker via our free plugin's Support Forum. Thanks.

  2. takroo hamid
    March 30, 2020 Reply

    Hello i want to edit the button (in cart) on the store page. And there is only one step left. I hope the powerful programmers help me please help me achieve my dream. https://s6.picofile.com/file/8392468842/77.png

    • EJ
      April 17, 2020 Reply

      Hello, Takroo. Thanks for your comment and for the image showing your dream, I appreciate it. You can use WooCommerce Product Table to display a quantity picker/selector in the add to cart column (see our front-end demo), while the subtotal for the quantity of items will be displayed in the cart page, after adding the products.

      Should you have any other questions, we can get back to you much quicker if you were to please fill up a form in our Support Center. Thanks!

  3. Eddie
    January 31, 2020 Reply

    Does this plugin allow to add an extra button next to the existing Add to Cart button? I want to have another button so customers can also buy on Amazon if they want to. If you don't have this feature, could you please consider adding it? Thanks!

    • EJ
      February 7, 2020 Reply

      Hi, Eddie. This is beyond what the plugin is designed to do, and you could achieve it by using our product table plugin, WooCommerce Product Table, to display custom links in the table – either as clickable text or as buttons, icons or images. These links can link to any URL, such as to Amazon. Cheers.

  4. Ulonka
    January 9, 2020 Reply

    I just installed this plug in cos I loved the idea of showing only the basket icon, customized it through my theme customiser (as required) However, when I chose tthis option, the button is empty. I have tweaked my button colours in my theme to be sure there is a clear contrast, yet I cannot see the basket icon.
    What am I doing wrong?

    • EJ
      February 6, 2020 Reply

      Hi again, Ulonka.

      As a follow up to my previous reply, please note that our plugin allows you to change or customize the text or wording of the WooCommerce Add to Cart button, as well as the option to show/hide the text and/or the default cart icon. It does not include an option to change/customize icons nor colours. The issue you're experiencing could be due to the theme. You can test or isolate this by temporarily switching to a default WordPress theme (such as Twenty Seventeen) and check if the issue persists.

      I hope this helps! Many thanks.

    • EJ
      February 5, 2020 Reply

      Hi, Ulonka.

      Thanks for getting in touch and for using WooCommerce Custom Add To Cart Button. I suggest that you first try isolating where the error might be by reverting to displaying plain text in the add to cart button. If that displays, then it could be the icon you're using - try using a different icon.

      I hope this helps. Should the issue persist, please could you contact us via our free plugin's Support Forum and include a link to your site where we can see the issue to investigate it further.

      Best regards.

Please share your thoughts...

Your email address will not be published.