moiseh

WooCommerce AJAX Cart is a WordPress Plugin that changes the default behavior of WooCommerte Cart Page, allowing a buyer to see the Total price calculation when change the Quantity of a product, without need to manually click on “Update cart” button.
This improves the user experience when purchasing a product. No other hacks/code/theme changes is needed, this functionality is added when the plugin is activated.
You can try and play with this plugin demonstration <a href="https://tastewp.com/new?pre-installed-plugin-slug=woocommerce%2Cwoocommerce-ajax-cart&redirect=plugins.php&ni=true" rel="nofollow ugc">clicking here</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/nXUjO2cGljs?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Free version features:
<ul>
<li>Automatically reload and recalculate Cart using AJAX when quantity changes</li>
<li>Show -/+ buttons around item quantity on cart page</li>
<li>Show item quantity as select instead numeric field</li>
<li>Show user confirmation when change item quantity to zero</li>
</ul>
Premium version features:
<ul>
<li>Allow to change/synchronize quantities in shop, minicart and single product pages <a href="https://youtu.be/a4w8wNlZhxk" rel="nofollow ugc">view demo</a></li>
<li>Make the <code>Add to cart</code> button to perform with AJAX, without full page reload <a href="https://youtu.be/o0VPfMCIctc" rel="nofollow ugc">view demo</a></li>
<li>Faster AJAX reload call when change quantities in Cart page</li>
<li>Option to lock quantity inputs to allow only change using plus and minus buttons</li>
<li>Update price vs quantity calculation automatically on Single Product pages</li>
</ul>
If you looking for a related plugin with more complete features maybe you can try <a href="https://wordpress.org/plugins/woo-better-usability" rel="ugc">WooCommerce Better Usability</a> plugin.

WooCommerce Ajax Cart Plugin

WooCommerce AJAX Cart is a WordPress Plugin that changes the default behavior of WooCommerte Cart Page, allowing a buyer to see the Total price calcul …

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.

WooCommerce Ajax Cart Plugin vs Custom Add To Cart Button for WooCommerce