<ul class="wccom-tick-list-primary">
 	<strong></p>
<li>Customize Add to Cart button text, font size, and weight</li>
<li>Set padding of cart button</li>
<li>Offers a variety of icons for the cart button</li>
<li>Options to display icons before or after Add to Cart text</li>
<li>Personalize backgrounds, borders, and hovering colors</li>
<li>Set animations effects for buttons</li>
<li>Add transition effects when hovering</li>
<li>Create multiple rules to apply different settings for products</li>
<li>Apply rules to multiple products or categories</li>
<p></strong>
</ul>
<hr>
<h2>Customize the Add to Cart Button</h2>
<p>The<strong> Custom Add to Cart Button for WooCommerce</strong> plugin allows you to customize the default Add to Cart button.</p>
<p>You can change the text of the button and increase or decrease the font size and weight. You can also configure the border size and radius to change the design of the button. You can set the padding of the button to make sure that the label position on the button is accurate and customize the colors of the Add to Cart button, including its background, text, border, and hover effects.</p>
<p>This plugin allows you to select an icon for the cart button and offers a variety of cart icons that you can display before or after the Add to Cart button label.</p>
<p>You can set animation effects on the button to make it more appealing for customers. You can also set a background transition effect for hovering.</p>
<p>There is an option to apply the rules to specific products or categories. You can create multiple rules to apply different settings for products.</p>
<h2>Features Details</h2>
<h3><strong>Customize text and font size</strong></h3>
<p>You can add custom text for the Add to Cart button like Book Now, Ask For a Quote, Call for Price, etc. You can also set the font, size, weight, and padding.</p>
<p><img class="aligncenter size-full wp-image-18734004095232" src="https://woocommerce.com/wp-content/uploads/2021/09/Customize-text-and-font-size.png" alt="woocommerce custom add to cart button plugin" width="980" height="473" /></p>
<h3><strong>Add transition effects</strong></h3>
<p>You can add transition effects to the Add to Cart button to catch customer’s attention.</p>
<p><img class="aligncenter size-full wp-image-8640326" src="https://woocommerce.com/wp-content/uploads/2021/09/GIF-BORDER-1.gif" alt="woocommerce custom add to cart button" width="980" height="447" /></p>
<h3><strong>Hovering effects</strong></h3>
<p>The <strong>Custom Add to Cart Button for WooCommerce</strong> plugin also allows you to add hovering effects to the cart button.</p>
<p><img class="aligncenter size-full wp-image-8640324" src="https://woocommerce.com/wp-content/uploads/2021/09/GIF-BORDER-2.gif" alt="woocommerce custom add to cart button" width="980" height="447" /></p>
<h3><strong>Customize icons for the Add to Cart Button</strong></h3>
<p>The <strong>Custom Add to Cart Button for WooCommerce</strong> plugin offers a variety of icons for the cart button. You can also display the icon on the right or left side of the text.</p>
<h3><img class="aligncenter size-full wp-image-18734004095236" src="https://woocommerce.com/wp-content/uploads/2021/09/Customize-icons-for-the-Add-to-Cart-Button.png" alt="woocommerce custom add to cart button plugin" width="980" height="473" /></h3>
<h3><strong>Customize button colors</strong></h3>
<p>The <strong>Custom Add to Cart Button for WooCommerce</strong> plugin lets you personalize button colors such as background, border, text, and hovering.</p>
<p><img class="aligncenter size-full wp-image-18734004095239" src="https://woocommerce.com/wp-content/uploads/2021/09/Customize-button-colors.png" alt="woocommerce custom add to cart button plugin" width="980" height="472" /></p>
<h3><strong>Apply to specific products or categories</strong></h3>
<p>You can apply the Add to Cart button settings to specific products or categories which helps save time.</p>
<p><img class="aligncenter size-full wp-image-18734004095240" src="https://woocommerce.com/wp-content/uploads/2021/09/Apply-to-specific-products-or-categories.png" alt="woocommerce custom add to cart button plugin" width="980" height="428" /></p>
<h2><strong>Advantages</strong></h2>
<ul>
<li>Improve the visuality of the Add to Cart button</li>
<li>It helps to make the cart button more appealing</li>
<li>Boosts sales by attracting customer’s attention to the Add to Cart button</li>
</ul>
<h3><strong>Requirements</strong></h3>
<p>Minimum PHP version: 5.2</p>

Custom Add to Cart Button

<p>Customize the Add to Cart Button to suit your brand’s style with the Custom Add to Cart Button for WooCommerce plugin.</p>

<h2>For a shopping experience as unique as your customers</h2>
<p>From adding a personal engraving, to upgrading to premium fabric, customizing products can keep your customers coming back. With Product Add-Ons, you can offer special options to your customers in a snap.</p>
<p>Product Add-Ons allow your customers to personalize products <em>while</em> they’re shopping on your online store. No more follow-up email requests—customers get what they want, before they’re done checking out.</p>
<p><img class="alignleft wp-image-18734005148655 size-full" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-addon-example.png" alt="" width="1822" height="886" /></p>
<p> </p>
<p>Add options via text boxes, dropdowns, text areas, checkboxes, custom price inputs, even sample images. Add-ons can be added globally or per-product from the edit product page.</p>
<h2>Give your customers the options they want</h2>
<p>Product Add-Ons is one of the most popular extensions available for WooCommerce. It gives you and your customers even more options, including (but definitely not limited to):</p>
<h3>Image-based selections</h3>
<p><img class="alignnone size-large wp-image-18734005148756" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-images.png?w=980" alt="WooCommerce Product Add-ons, image-based product add-on selection." width="980" height="741" /></p>
<p>A picture is worth a thousand words, so why describe a customer’s personalization options when you can show them? With image-based selections, customers can see what they’re getting before they buy.</p>
<h3>Flat fees</h3>
<p><img class="aligncenter size-large wp-image-18734005148960" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-addons_example-gift-options-configured-1.png?w=980" alt="" width="980" height="536" /></p>
<p>Charge customers a flat fee regardless of how many products they ordered. Perfect for a one-time set-up charge or a rush fee.</p>
<h3>Percentage fees</h3>
<p>Charge a fee for the add-on based on a percent of the total price—this is especially useful for service-based add-ons that can be tougher to boil down to a flat fee.</p>
<h3>Text input</h3>
<p>Let your customers enter custom text to create a custom t-shirt, add a monogram or personalize a card.</p>
<h3>Dropdown</h3>
<p>Customer can choose between a few pre-defined options with a drop-down field for your add-on.</p>
<p><b>Checkboxes</b></p>
<p><img class="aligncenter size-large wp-image-18734005148765" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-gift-options.png?w=980" alt="An example of checkbox-based options for Product Add-ons." width="980" height="749" /></p>
<p>Make customization as simple and satisfying as checking a checkbox. Great for add-on services, like gift wrapping or express shipping.</p>
<h3>Custom price</h3>
<p>Let your customers name their price, perfect for tips, donations, and gratuities!</p>
<p>Add-ons can be named, described, reordered, and (optionally) given prices.</p>
<p>The extension also works with:</p>
<ul class="wccom-tick-list">
<li><a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> – add additional options to subscription products.</li>
<li><a href="https://woocommerce.com/products/woocommerce-bookings/">WooCommerce Bookings</a> – offer upgrades like an oil treatment for a massage, priority seats for their tour or a rush fee for their rental.</li>
</ul>
<p>Once set up, add-ons appear on product pages just above the add to cart button.</p>
<p>Ready to increase your store’s flexibility? Start using Product Add-Ons today.</p>

Product Add-Ons

<p>Offer add-ons like gift wrapping, special messages or other special options for your products.</p>

Custom Add to Cart Button vs Product Add-Ons