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.

Use Cases

Transaction fee preview — Show customers what payment processing fees look like before checkout
Tax breakdown calculator — Display multiple tax components (state, county, city)
Margin/markup calculator — Help B2B buyers understand wholesale vs. retail pricing
Shipping cost estimator — Break down shipping components (base, fuel surcharge, handling)
Commission calculator — Show sellers what their net earnings will be after marketplace fees
Tip calculator — Let customers preview suggested tip amounts based on their order

Features (Free)

Create up to 3 independent calculators
Each calculator gets its own shortcode
Add custom deduction fields (label + percentage)
Choose between reverse (deduction) or additive (markup) calculation modes
Toggle to use the WooCommerce cart subtotal instead of manual input
Works with Elementor, WPBakery, and any shortcode-compatible page builder
Clean, responsive frontend design
Full admin settings panel with drag-and-drop field management

Pro Features

Unlimited calculators — Create as many as you need
Live calculation — Results update as the customer types (no button click needed)
Currency formatting — Display results with currency symbols and proper formatting
Custom decimal precision — Control decimal places (0-4)
Result prefix & suffix — Add $ signs, currency codes, or custom labels
Calculator titles — Display a heading above each calculator
Hide breakdown — Show only the final result, not individual line items
Copy to clipboard — One-click copy of calculation results
Custom CSS per calculator — Style each calculator independently
Gutenberg block — Place calculators using the block editor, not just shortcodes
Priority support — Direct email support with faster response times

How It Works

Go to Preview Calcs in your WordPress admin
Click Add Calculator and configure your fields
Set labels and percentages for each deduction or markup
Choose reverse (deduction) or additive (markup) mode
Copy the generated shortcode and paste it on any page
Customers enter an amount (or use their cart subtotal) and see the breakdown

Reverse vs. Additive Mode

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