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

Dmytro Holovnia

BeRocket

<p>Quick Product Preview for WooCommerce Shop add preview button under products that display addition product information.</p>
<h4>🚀 Spring Premium Days is LIVE!</h4>
<p><strong>Save 30%</strong> on Pro features across BeRocket plugins.<br />
<em>Boost your store performance and UX with our exclusive seasonal offer.</em><br />
🌿 Improve your store today. <a href="https://berocket.com/plugins/?utm_source=free_plugin&utm_medium=wporg&utm_campaign=spring_2026&utm_content=top_ad_cta&utm_term=product_preview" rel="nofollow ugc"><strong>Limited time offer!</strong></a></p>
<h4>Features:</h4>
<p>✅ Quick Product Preview<br />
✅ Custom text for Preview Button<br />
✅ Customization for Preview Window<br />
✅ Possibility to Add Custom CSS and JavaScript for Product Preview</p>
<h4>Features in Version 3.5:</h4>
<p>✅ Custom Image Position on Product Preview<br />
✅ Custom Colors and Sizes for text<br />
✅ Slider to change product to next or previous<br />
✅ All product images on Preview Window<br />
✅ Custom position for elements on Preview Window<br />
✅ Custom position for Quick View buttons</p>
<h4>Plugin Links:</h4>
<p><a href="https://woocommerce-product-preview.berocket.com/shop/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=product_preview" rel="nofollow ugc">Demo</a><br />
<a href="https://docs.berocket.com/plugin/woocommerce-product-preview?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=product_preview" rel="nofollow ugc">Docs</a></p>
<h4>Plugin video</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8win_5RN0ys?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></span>
<h4>Compatibility with WooCommerce plugins</h4>
<p>Product Preview for WooCommerce has been tested and compatibility is certain with the following WooCommerce plugins that you can add to your site:</p>
<p>🔸 <a href="https://wordpress.org/plugins/woocommerce-ajax-filters/" rel="ugc"><strong>Advanced AJAX Product Filters</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/load-more-products-for-woocommerce/" rel="ugc"><strong>Load More Products for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/gridlist-view-for-woocommerce/" rel="ugc"><strong>Grid/List View for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/currency-exchange-for-woocommerce/" rel="ugc"><strong>Currency Exchange for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/product-of-the-day-for-woocommerce/" rel="ugc"><strong>Product of the Day for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/wish-wait-list-for-woocommerce/" rel="ugc"><strong>Wishlist and Waitlist for WooCommerce</strong></a></p>


Product Preview for WooCommerce

Quick Product Preview for WooCommerce Shop Without Product Page Load

Product Price Before and After Text vs Product Preview for WooCommerce