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

<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<p><a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.</p>
<p>This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!</p>
<p>You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.</p>
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
<p>… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.</p>
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<p><img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" /></p>
<p>Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.</p>
<p><img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" /></p>
<p>Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.</p>
<p><img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" /></p>
<p>Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.</p>
<p><img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" /></p>
<p>Use the WooCommerce field types to fully customize where product components are positioned on your product page.</p>
<p><img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" /></p>
<p>Create product customizations that dovetail seamlessly into your website.</p>
<p><img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" /></p>
<p>Create multi-step product customizations using all of the features available in WS Form PRO!</p>
<p><a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a></p>

WS Form PRO Product Custom Fields Add-Ons

<p>Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!</p>

Product Price Before and After Text vs WS Form PRO Product Custom Fields Add-Ons