Barn2 Plugins

Andy Keith

Kestrel

Custom Add To Cart Button for WooCommerce 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:
<ul>
<li>Change the WooCommerce add to cart button text</li>
<li>Add a cart icon next to the text</li>
<li>Remove the text and just show a cart icon</li>
<li>Case sensitive, so you get full control over whether the add to cart button text appears in uppercase, lowercase or sentence case</li>
<li>Change the WooCommerce add to cart button color</li>
<li>Change the color of WooCommerce add to cart button text</li>
</ul>
Custom Add To Cart Button for WooCommerce 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.
Custom Add To Cart Button for WooCommerce is fully compatible with other Kestrel plugins, including:
<ul>
<li><a href="https://kestrelwp.com/product/express-shop-page-woocommerce/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=atoc-free" rel="nofollow ugc">Express Shop Page</a> – Select variations and quantities without leaving the shop page.</li>
<li><a href="https://kestrelwp.com/product/discontinued-products-woocommerce/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=atoc-free" rel="nofollow ugc">Discontinued Products</a> – Set WooCommerce products as “discontinued” without removing them from your store.</li>
<li><a href="https://kestrelwp.com/product/variation-prices-woocommerce/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=atoc-free" rel="nofollow ugc">Variation Prices</a> – Improve the display of variation prices in your WooCommerce store.</li>
<li><a href="https://kestrelwp.com/product/product-sample-woocommerce/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=atoc-free" rel="nofollow ugc">Product Sample</a> – Let customers “try before they buy” with free or paid product samples.</li>
</ul>

Custom Add To Cart Button for WooCommerce

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

James Koster

A big UX mistake on many eCommerce web sites is hiding access to the cart. After adding a product to the cart the visitors next logical step is to complete the purchase. Don’t frustrate your customers by making them search for the cart button!
This plugin adds a sitewide tab that displays the number of products in the cart. Clicking the tab or adding a product to the cart from a shop page will reveal the cart contents with a link to the checkout.
There are options in the Customizer to control the display.
Please feel free to contribute on <a href="https://github.com/jameskoster/woocommerce-cart-tab" rel="nofollow ugc">github</a>.

WooCommerce Cart Tab

Adds an offscreen cart to all pages on your site and a fixed tab that displays the number of products in the cart. Adding a product to the cart or cli …

Custom Add To Cart Button for WooCommerce vs WooCommerce Cart Tab