Build custom cost breakdown calculators for WooCommerce. Show transaction fees, taxes, margins, or markups — with optional cart subtotal integration.

sotfsdapps

Preview Calculator for WooCommerce lets you create customizable calculators that break down costs, fees, taxes, and margins right on your WooCommerce store. Perfect for businesses that want transparent pricing breakdowns.
<h4>Use Cases</h4>
<ul>
<li>Transaction fee preview — Show customers what payment processing fees look like before checkout</li>
<li>Tax breakdown calculator — Display multiple tax components (state, county, city)</li>
<li>Margin/markup calculator — Help B2B buyers understand wholesale vs. retail pricing</li>
<li>Shipping cost estimator — Break down shipping components (base, fuel surcharge, handling)</li>
<li>Commission calculator — Show sellers what their net earnings will be after marketplace fees</li>
<li>Tip calculator — Let customers preview suggested tip amounts based on their order</li>
</ul>
<h4>Features (Free)</h4>
<ul>
<li>Create up to 3 independent calculators</li>
<li>Each calculator gets its own shortcode</li>
<li>Add custom deduction fields (label + percentage)</li>
<li>Choose between reverse (deduction) or additive (markup) calculation modes</li>
<li>Toggle to use the WooCommerce cart subtotal instead of manual input</li>
<li>Works with Elementor, WPBakery, and any shortcode-compatible page builder</li>
<li>Clean, responsive frontend design</li>
<li>Full admin settings panel with drag-and-drop field management</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>Unlimited calculators — Create as many as you need</li>
<li>Live calculation — Results update as the customer types (no button click needed)</li>
<li>Currency formatting — Display results with currency symbols and proper formatting</li>
<li>Custom decimal precision — Control decimal places (0-4)</li>
<li>Result prefix & suffix — Add $ signs, currency codes, or custom labels</li>
<li>Calculator titles — Display a heading above each calculator</li>
<li>Hide breakdown — Show only the final result, not individual line items</li>
<li>Copy to clipboard — One-click copy of calculation results</li>
<li>Custom CSS per calculator — Style each calculator independently</li>
<li>Gutenberg block — Place calculators using the block editor, not just shortcodes</li>
<li>Priority support — Direct email support with faster response times</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Go to Preview Calcs in your WordPress admin</li>
<li>Click Add Calculator and configure your fields</li>
<li>Set labels and percentages for each deduction or markup</li>
<li>Choose reverse (deduction) or additive (markup) mode</li>
<li>Copy the generated shortcode and paste it on any page</li>
<li>Customers enter an amount (or use their cart subtotal) and see the breakdown</li>
</ol>
<h4>Reverse vs. Additive Mode</h4>
Reverse (deduction): Extracts a percentage FROM the entered amount. 
Example: $100 with 10% tax → Tax: $9.09, Net: $90.91
Additive (markup): Adds a percentage ON TOP of the entered amount. 
Example: $100 with 10% markup → Markup: $10.00, Total: $110.00

Alternatives to Preview Calculator for WooCommerce

Top alternatives