<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>

<ul class="wccom-tick-list-primary">
<li>Offer more intelligent upsells and cross-sells — or create your own, rule-based <a href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">recommendation engines</a>.</li>
<li>Improve the shopping experience across your entire store, with recommendations placed at <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#locations" target="_blank" rel="noopener noreferrer">strategic locations</a>.</li>
<li>Measure their impact and optimize your strategies with in-depth <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#analytics" target="_blank" rel="noopener noreferrer">analytics</a>.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<div class="woo-sc-box normal"><strong>Woo Product Recommendations</strong> has not been optimized for use with block themes: Recommendation Engines may not work as expected when a block theme is active. Support for the Block/Site Editor is coming soon.</div>
<h2></h2>
<h2>Upsells and cross-sells with a pinch of intelligence</h2>
<p>Ever noticed how the most successful stores leverage the power of product recommendations? When done right, upsells and cross-sells deliver a more engaging experience to your visitors — the kind of experience that not only helps them find products they like, but also keeps them coming back.</p>
<p>Fortunately, you don’t need a team of machine learning specialists to get started. <strong>Product Recommendations</strong> is a state-of-the-art product recommendations platform for WooCommerce that brings together human intelligence and machine learning, with one goal: To help you grow your sales.</p>
<h3>Let technology do the heavy lifting for you</h3>
<p>Build intelligent engines that generate automated, accurate <a title="Recommend products that are frequently bought together." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-frequently-bought-together-recommendations/" target="_blank" rel="noopener noreferrer">Frequently Bought Together</a> recommendations, with near-zero waiting or training. Our lightweight search algorithm analyzes your orders to discover meaningful product relationships, and quickly adapts itself to new trends and seasonal patterns.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_6110666" aria-describedby="caption-attachment-6110666" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-6110666" src="https://woocommerce.com/wp-content/uploads/2019/07/use-case-frequently-bought-together-result.png" alt="Deliver captivating, Amazon-style recommendations, without giving up your store's data or revenue to anyone" width="980" height="938" /><figcaption id="caption-attachment-6110666" class="wp-caption-text">Deliver captivating, Amazon-style product recommendations, without giving away your store’s data (or revenue) to third-parties.</figcaption></figure>
</div>
<h3>Add recommendations across your entire catalog, effortlessly</h3>
<p>Ever tried to manually add upsells and cross-sells to every product or category page of your store? With <strong>Product Recommendations</strong>, you can do both in minutes. Create upsells and cross-sells in bulk, instead of entering products one by one. Add category, attribute, tag, or price <strong>filters</strong> to narrow down products, and use <strong>amplifiers</strong> to boost specific results based on popularity, rating, creation date, conversion rate, or more advanced criteria.</p>
<p>Looking for a way to recommend products from the currently viewed category, or brand? Want to limit results to products that cost more than the currently viewed product? No problem! <strong>Product Recommendations</strong> lets you deploy context-aware recommendations, faster.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943601" aria-describedby="caption-attachment-4943601" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943601" title="Create upsells, cross sells and related products in bulk, by category or tag." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-upsells-sm.png" alt="Create upsells, cross sells and related products in bulk, by category or tag." width="980" height="891" /><figcaption id="caption-attachment-4943601" class="wp-caption-text">Use smart <strong>filters</strong>, <strong>amplifiers</strong> and <strong>visibility conditions</strong> to create recommendation recipes for multiple products and product category pages at once.</figcaption></figure>
</div>
<h3>Promote the right product, to the right customer, at the right time</h3>
<p>Increase your store’s average order value by recommending <a title="Offer upsells after checkout." href="https://woocommerce.com/document/recommend-recently-viewed-products/" target="_blank" rel="noopener noreferrer">recently viewed products</a> and products from <a title="Offering upsells on the thank you page." href="https://woocommerce.com/document/recommend-products-from-recently-viewed-categories/" target="_blank" rel="noopener noreferrer">recently viewed categories</a> on the checkout page, or even after customers complete their orders. Make relevant, well-timed offers by displaying them conditionally, based on your customers’ cart/order contents, browsing history, date, or location.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943634" aria-describedby="caption-attachment-4943634" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943634" title="Recommend products from recently viewed categories." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-still-looking.png" alt="Recommend products from recently viewed categories." width="980" height="455" /><figcaption id="caption-attachment-4943634" class="wp-caption-text">Offer personalized upsells before or after checkout. Recommend products from categories that customers viewed, and display your recommendations conditionally, based on order or cart contents.</figcaption></figure>
</div>
<h3>Recommend products anywhere</h3>
<p>Deploy recommendations at more than 20 locations on your store’s:</p>
<ul>
<li>Main shop page.</li>
<li>Product category or tag pages.</li>
<li>Individual product pages.</li>
<li>Cart and checkout pages.</li>
<li>Thank You (order-received) and order-pay pages.</li>
</ul>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943600" aria-describedby="caption-attachment-4943600" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943600" title="Boost your customers' confidence and make browsing more fun by recommending best sellers and top rated products." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-top-rated-sm.png" alt="Boost your customers' confidence and make browsing more fun by recommending best-sellers and top-rated products." width="980" height="1661" /><figcaption id="caption-attachment-4943600" class="wp-caption-text">Effortlessly add recommendations to every category page in your catalog.</figcaption></figure>
</div>
<h3>Make your own rules</h3>
<p>Tailor the shopping experience across your entire site to fit your merchandising strategies. Build custom recommendation engines that utilize <strong>filters, amplifiers and visibility conditions</strong> to match products and customers. Want some inspiration?</p>
<ul>
<li>Use the psychology of social proof to your advantage. Boost your customers’ confidence and make browsing more fun by recommending <a title="Recommend best sellers in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-trending-products/" target="_blank" rel="noopener noreferrer">best selling</a> and <a title="Recommend top rated products in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-top-rated-products/" target="_blank" rel="noopener noreferrer">top rated</a> products at the top of your store’s product category and tag pages.</li>
<li>Inspire customer loyalty: Offer curated <a title="Make complementary products easier to discover in WooCommerce product pages." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-complete-the-look-recommendations/" target="_blank" rel="noopener noreferrer">Complete the Look</a> recommendations in product pages, or after customers have placed their orders.</li>
<li>Incentivize customers to <a title="Encourage customers to spend more and unlock free shipping." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-to-unlock-free-shipping/" target="_blank" rel="noopener noreferrer">spend more in order to unlock perks</a>, such as free shipping.</li>
<li>Encourage impulse purchases by recommending popular products on the checkout page: To optimize conversion, prioritize <a title="Recommend on sale products in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-last-minute-deals/" target="_blank" rel="noopener noreferrer">on-sale</a> and <a title="Offer seasonal product recommendations in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-on-specific-dates/" target="_blank" rel="noopener noreferrer">seasonal</a> items.</li>
</ul>
<p>Need more ideas? Get a head start with <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> high-performing strategies.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<p><img class="aligncenter wp-image-18734001019355 size-full" style="margin-bottom: 1.5em" title="Use filters and amplifiers to create your own, custom recommendation engine." src="https://woocommerce.com/wp-content/uploads/2019/07/Engine-configuration-sample.png" alt="" width="1742" height="968" /></p>
</div>
<h3>Optimize your strategies with in-depth analytics</h3>
<p>Drill down into insightful reports to understand and refine your recommendation strategies. Track and analyze:</p>
<ul>
<li>Gross and Net Revenue.</li>
<li>Conversions.</li>
</ul>
<p>To help you understand what drives conversions, we’ve made every report filterable by date, converted product and location!</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_18734000458815" aria-describedby="caption-attachment-18734000458815" style="width: 980px" class="wp-caption alignnone"><img class="size-full wp-image-18734000458815" title="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-report-1.png" alt="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." width="980" height="966" /><figcaption id="caption-attachment-18734000458815" class="wp-caption-text">Optimize your strategies with detailed Revenue and Conversion analytics.</figcaption></figure>
</div>
<p>The best part? <strong>Product Recommendations</strong> has been carefully designed to work on hosting environments with limited resources, and is built to scale.</p>
<h3>How to get started</h3>
<ol>
<li>Buy <strong>WooCommerce Product Recommendations</strong>.</li>
<li>Download and install it.</li>
<li>Pick one of <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> tried-and-tested strategies.</li>
<li>Follow our documentation to build and deploy your first Engine.</li>
<li>Sit back and enjoy the extra revenue!</li>
</ol>

Product Recommendations

<p>Offer smarter upsells, cross-sells, and “frequently bought together” recommendations. Measure their impact with in-depth analytics.</p>

Custom Add to Cart Button vs Product Recommendations