jensnilsson

Adds css for a red button that matches the default blue button of WordPress 3.5.

Red Button

Adds css for a red button that matches the default blue button of WordPress 3.5.

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.

Red Button vs Custom Add To Cart Button for WooCommerce