<h2>Show Your Best Sellers Like Major Marketplaces</h2>
<p><strong>Best Seller Rankings</strong> helps you display top-selling products the way large online marketplaces do — with visible rankings, category leaders, and best seller badges.</p>
<p>When customers see that a product is ranked #1 in a category or labeled as a top seller, it builds trust and encourages faster purchase decisions.</p>
<p>Instead of manually choosing which products to promote, your store automatically highlights the ones customers are already buying.</p>
<p> </p>
<h2>Increase Conversions with Social Proof</h2>
<p>Customers feel more confident buying products that others are already purchasing.</p>
<p>By displaying:</p>
<ul>
<li>Best seller badges</li>
<li>Rank positions within categories</li>
<li>Total sales indicators</li>
</ul>
<p>You create competitive social proof that increases perceived value and reduces hesitation.</p>
<p>This is the same strategy used by large marketplaces such as <span class="hover:entity-accent entity-underline inline cursor-pointer align-baseline"><span class="whitespace-normal">Amazon</span></span>.</p>
<p><img class="aligncenter wp-image-18734006381398 size-full" src="https://woocommerce.com/wp-content/uploads/2026/03/best-seller-icon-badge.png" alt="" width="414" height="613" /></p>
<p> </p>
<h2>Category Best Sellers</h2>
<p>Show the top-selling products inside each category and allow customers to:</p>
<ul>
<li>See ranking positions (e.g., #1, #2, #3)</li>
<li>Discover leading products quickly</li>
<li>Navigate to the best seller category lists</li>
</ul>
<p>This improves product discovery and keeps customers engaged within your store.</p>
<p><img class="wp-image-18734006381405 size-full aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/03/rank-best-sellers-in-category.png" alt="" width="863" height="906" /></p>
<p> </p>
<h2>Flexible Display Options</h2>
<p>Best Seller Rankings allows you to control how best sellers appear:</p>
<ul>
<li>Text or icon badges</li>
<li>Rank badge inside categories</li>
<li>Total sales badge</li>
<li>Display in shop loop and single product pages</li>
<li>Custom positioning using WooCommerce hooks</li>
</ul>
<p>You stay in control of both visibility and design.</p>
<p><img class="aligncenter wp-image-18734006381400 size-full" src="https://woocommerce.com/wp-content/uploads/2026/03/best-sellers-badge-settings.png" alt="" width="1646" height="807" /></p>
<p> </p>
<h2>Highlight Recent Best Sellers</h2>
<p>Want to show products that are currently performing well?</p>
<p>You can limit best sellers by a specific time span (days, months, or years) to highlight recent sales activity and trending items.</p>
<p><img class="aligncenter wp-image-18734006381425 size-full" src="https://woocommerce.com/wp-content/uploads/2026/03/best-seller-listing_4247cd.png" alt="" width="890" height="935" /></p>
<p> </p>
<h2>Place Best Sellers Anywhere</h2>
<p>Use shortcodes, widgets, and sliders to:</p>
<ul>
<li>Display global best sellers</li>
<li>Show category-specific best sellers</li>
<li>Create homepage best seller sections</li>
<li>Build category leaderboards</li>
</ul>
<p>No custom coding required.</p>
<p><img class="aligncenter wp-image-18734006381424 size-full" src="https://woocommerce.com/wp-content/uploads/2026/03/best-seller-slider_ea81f0.png" alt="" width="882" height="709" /></p>

Best Seller Rankings

<p data-start="412" data-end="532">Show best seller products the way large marketplaces do — with category rankings, badges, and visible sales performance.</p>
<p data-start="534" data-end="622">Increase conversions by highlighting proven, high-performing products across your store.</p>

<div class="twocol-one" style="margin-bottom: 0">
<h2 style="color: #f5247d;margin-bottom: 1em">Easily add text before or after product prices in your store</h2>
<p>Sometimes displaying a product price alone isn’t enough, with Product Price Before and After Text you can easily add any text before and/or after your product prices to prompt customers to make a purchase or to make your pricing more understandable, resulting in higher conversion rates.</p>
<p>Want to display some text after a price such as “$5.00 per m²” to product prices? Maybe you want to add some text before the price such as “Now only $5.00”. With this extension you can add this text when editing a product or category. More examples include “$5.00 per unit”, “On sale for $5.00”, “Only $5.00 per pack”, etc.</p>
<p style="color: #999999;font-style: italic">Read on to find out why you should use Product Price Before and After Text and the great features included…</p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<p><a href="wp-content/uploads/2020/05/product-price-before-after-text-screenshot-text.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="wp-content/uploads/2020/05/product-price-before-after-text-screenshot-text.jpg" /></a></p>
<div class="woocommerce-message">
<div><strong>Ali, an eCommerce store owner said:</strong></div>
<div style="margin-top: 0.5em"><i>“A really great little extension that allows me to add per bottle, pack, bag, etc suffixes to my grocery product pricing. 👍”</i></div>
</div>
</div>
<hr style="clear: both" />
<div class="woo-sc-box">
<h2>Features</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;margin-bottom: 18px">
<li><strong>Improve product pricing by adding text before or after product prices</strong></li>
<li><strong>Add text at individual product or product category level</strong></li>
<li><strong>Highlight unit cost, offers, etc to give your customers the information they need to make a purchase</strong></li>
<li>Just 2 fields to populate on individual products or at product category level</li>
<li>Appears in most places prices are shown e.g. category, search and product pages</li>
<li>Text has unique classes for custom CSS styling</li>
<li>Text can be imported/exported to products</li>
<li>Works with most product types</li>
</ul>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=5889610" target="_blank" rel="noopener"><span class="wccom-button__text">Buy Now</span></a></p>
</div>
<hr style="clear: both" />
<h2>Highlights</h2>
<p style="color: #999999;font-style: italic">Get these great features for your store…</p>
<div class="twocol-one" style="margin-bottom: 0">
<h3>Before and after price text</h3>
<p>Once you have populated your before and after price text data it will appear in most places prices are shown in your store e.g. product, category and search pages.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/05/product-price-before-after-text-screenshot-text.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/05/product-price-before-after-text-screenshot-text.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Set on individual products</h3>
<p>You can set before and after price text when adding or editing individual products in your store, allowing you to manage product specific before and after price text.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/05/product-price-before-after-text-screenshot-product-level.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/05/product-price-before-after-text-screenshot-product-level.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3>Set on product categories</h3>
<p>If products in specific categories require the same before and after price text you can apply it at product category level, if individual products have before and after price text set they will override it.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/05/product-price-before-after-text-screenshot-category-level.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/05/product-price-before-after-text-screenshot-category-level.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Import and export</h3>
<p>For fast data entry you can use the standard WooCommerce product import and export tool to manage before and after price text in bulk without wasting time manually editing the product.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/05/product-price-before-after-text-screenshot-import-export.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/05/product-price-before-after-text-screenshot-import-export.jpg" /></a></p>
</div>
<hr style="clear: both" />
<h2>Screenshots</h2>
<p style="color: #999999;font-style: italic">See the extension in action…</p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-5-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/05\/product-price-before-after-text-screenshot-text.jpg","id":"18734000533044","title":"product-price-before-after-text-screenshot-text","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/05\/product-price-before-after-text-screenshot-product-level.jpg","id":"18734000533063","title":"product-price-before-after-text-screenshot-product-level","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/05\/product-price-before-after-text-screenshot-category-level.jpg","id":"18734000536153","title":"product-price-before-after-text-screenshot-category-level","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/05\/product-price-before-after-text-screenshot-import-export.jpg","id":"18734000536172","title":"product-price-before-after-text-screenshot-import-export","alt":"","caption":"","itemprop":"image"}]"></div>
<hr style="clear: both" />
<div class="woocommerce-message">
<h2>Example usage</h2>
<p>Charles manages a WooCommerce store selling wholesale energy drinks, these drinks are sold in cases but not all cases have the same amount of bottles. Charles can can add text after each price so the customer knows how many bottles are included for the price, e.g. $24.99 per case of 24. This means customers can review this important pricing information consistently throughout his store.</p>
</div>
<hr style="clear: both" />
<h2>More information</h2>
<ul style="line-height: 1.8em">
<li><a href="https://woocommerce.com/document/product-price-before-after-text/" target="_blank" rel="noopener">Read documentation</a> for an overview of the settings, options, frequently asked questions and more</li>
<li><a href="https://woocommerce.com/contact-us/" target="_blank" rel="noopener">Contact us</a> if you have any questions and we’ll be happy to help</li>
</ul>
<hr style="clear: both" />
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=5889610" target="_blank" rel="noopener"><span class="wccom-button__text">Buy Now</span></a></p>

Product Price Before and After Text

<p>Add custom text before or after prices to highlight deals, units, or context. Make prices clearer and more persuasive.</p>

Best Seller Rankings vs Product Price Before and After Text