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

<ul class="wccom-tick-list-primary">
<li><b>Compare Product Options:</b> Compare products in a popup or in a dedicated page.</li>
<li><b>Compare Button:</b> Display on product and category pages.</li>
<li><b>Auto Popup –</b> Open comparison popup automatically when products are added.</li>
<li><span data-huuid="13902351514227208019"><strong>AJAX-based Comparison:</strong> </span><span data-huuid="13902351514227205198">Fast and responsive comparison without loading the page.</span></li>
<li><b>Sticky Bar – </b>Floating comparison widget for quick access.</li>
<li><b>Drop-down Compare</b> – Select products to compare via drop-down menu.</li>
<li><b>Compare Attributes – </b>Color, size, material, and more.</li>
<li><b>Product Details – </b>Show image, price, stock, etc.</li>
<li><b>Highlight Differences –</b> Automatically mark product variations.</li>
<li><b>Related Products Slider – </b>Display related products on the comparison page.</li>
<li><b>Display Popular Comparisons – </b>Show predefined popular product comparisons.</li>
<li><b>Social Sharing – </b>Share comparisons on Facebook, X, Pinterest, etc.</li>
<li><b>Print Comparison – </b>Let users print the comparisons.</li>
<li><b>Custom Buttons & Styles – </b>Fully customizable buttons and layouts.</li>
<li><b>Exclude Categories – </b>Limit comparison for specific categories.</li>
<li><b>Product Limit</b> – Set max products for comparison.</li>
<li><b>Short-code Support</b> – Add comparison anywhere via short-code.</li>
</ul>
<hr />
<p>Help your customers make smarter buying decisions with the <b>Advanced Product Comparison for WooCommerce</b> plugin, allowing users to compare multiple products side by side with ease.</p>
<p>From colors and materials to price, stock status, and custom attributes—customers get a complete view of key differences, all in one place. The intuitive comparison interface includes sticky bars, auto-opening popups, and drop-down selectors for a seamless comparison experience.</p>
<p>Whether you’re selling apparel, electronics, or accessories, this plugin adapts to your needs with highly customizable features. Showcase related products, enable predefined comparisons, and let users share or print their comparisons effortlessly.</p>
<p>With flexible button styling, short-code support, and category exclusion settings, you’re fully in control of how and where the comparison appears. Boost customer satisfaction and drive conversions by turning product comparisons into a smooth, engaging process.</p>
<p><img class="alignnone size-full wp-image-18734005342166" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-32-1.png" alt="Product Comparison for WooCommerce" width="980" height="684" /></p>
<h3 data-start="44" data-end="81"><strong data-start="48" data-end="81">2 Options to Compare Products</strong></h3>
<ol>
<li data-start="86" data-end="203"><strong data-start="86" data-end="106">Comparison Popup</strong> – Instantly view selected products in a quick comparison popup when customers click “Compare.”</li>
<li data-start="207" data-end="322"><strong data-start="207" data-end="236">Dedicated Comparison Page</strong> – View a full, side-by-side comparison on a separate page for more detailed insights.</li>
</ol>
<h3>1. Comparison Widget (Popup)</h3>
<p>When a customer clicks to compare a product, a helpful window pops up instantly. This window shows the products side-by-side, along with other similar or popular items they might be interested in.</p>
<p><img class="alignnone size-full wp-image-18734005342240" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-35.png" alt="Comparison Popup for WooCommerce Compare Products" width="980" height="594" /></p>
<h3>2. Dedicated Comparison Page</h3>
<p data-start="65" data-end="199">Customers can see a detailed, full-page comparison of selected products side-by-side. On this dedicated comparison page, they can</p>
<ul>
<li data-start="203" data-end="260">View selected products in a clear, side-by-side layout.</li>
<li data-start="263" data-end="314">Choose products to compare using a drop-down menu.</li>
<li data-start="317" data-end="355">Explore popular product comparisons (selected by admin).</li>
<li data-start="358" data-end="418">See related products displayed below the comparison table.</li>
<li data-start="421" data-end="464">Share compared products via social media.</li>
<li data-start="467" data-end="510">Print the comparison for offline reference.</li>
</ul>
<h4>Compare Quickly with Drop-down Product Selection</h4>
<p>Product Compare for WooCommerce allows customers to quickly compare products using a simple drop-down product selection menu. They can instantly see products side-by-side, making choosing the right one faster than ever.</p>
<p><img class="alignnone size-full wp-image-18734005342110" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-33.png" alt="Quick Compare with Product Comparison WooCommerce" width="980" height="1149" /></p>
<h4>Show Popular Product Comparisons</h4>
<p>Our “Popular Comparisons” feature showcases pre-selected, frequently compared products on the comparison page, so customers can quickly see what others are considering.</p>
<p><img class="alignnone size-full wp-image-18734005342138" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-34.png" alt="Display Popular Comparisons WooCommerce Products Compare" width="980" height="470" /></p>
<h4>Display Related Products</h4>
<p>While comparing, customers can also discover other items they might love with Related Products Slider. It appears on the comparison page, making it easy to explore related options and potentially find even better matches.</p>
<p><img class="alignnone size-full wp-image-18734005342146" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-25-1.png" alt="Related Products for Products Compare WooCommerce" width="980" height="390" /></p>
<h4>Social Sharing Buttons</h4>
<p>Allow customers to share product comparisons with friends on Facebook, X, Pinterest, WhatsApp, and Telegram. Plus, personalize the message you send with Product Compare for WooCommerce .</p>
<h4>Print Comparisons</h4>
<p>Customers can print product comparisons in a clean, readable layout. Include the site logo and design the print format for easy viewing.</p>
<h3>Sticky & Floating Comparison Bar</h3>
<p>Option to display a sticky comparison bar at the bottom of your store, so your chosen products are always in view and ready to compare instantly. Forget about scrolling back!</p>
<p><img class="alignnone size-full wp-image-18734005342121" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-30.png" alt="Sticky Footer Product Compare WooCommerce" width="980" height="586" /></p>
<h3>Fully Customizable</h3>
<p>Design a comparison experience that’s all your own! Fully customize tables, buttons, sticky footers, and widgets to create a visually appealing and branded interface that keeps customers engaged and helps them buy with confidence using WooCommerce Product Comparison.</p>
<p><img class="alignnone size-full wp-image-18734005342150" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-29.png" alt="Customization for Products Compare WooCommerce" width="980" height="553" /></p>

Advanced Product Comparison

<p>Easily compare products with auto popups, sticky bars, and dedicated comparison pages. Highlight key attributes and instantly spot differences, display related products & popular comparisons.</p>

Product Price Before and After Text vs Advanced Product Comparison