{"id":231044,"date":"2025-07-03T17:43:59","date_gmt":"2025-07-03T17:43:59","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wc-preview-calculator\/"},"modified":"2026-05-12T00:09:39","modified_gmt":"2026-05-12T00:09:39","slug":"wc-preview-calculator","status":"publish","type":"plugin","link":"https:\/\/fr-be.wordpress.org\/plugins\/wc-preview-calculator\/","author":23220413,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0.0","stable_tag":"2.0.0","tested":"6.8.5","requires":"5.5","requires_php":"7.4","requires_plugins":null,"header_name":"Preview Calculator for WooCommerce","header_author":"SOTFSDAPPS","header_description":"Create customizable reverse (or additive) calculators with WooCommerce subtotal support.","assets_banners_color":"142960","last_updated":"2026-05-12 00:09:39","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/squareontech.com\/plugins\/wc-preview-calculator","header_author_uri":"https:\/\/squareontech.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":384,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0.0":{"tag":"2.0.0","author":"sotfsdapps","date":"2026-05-12 00:09:39"}},"upgrade_notice":{"2.0.0":"<p>Major update! Redesigned admin, improved frontend styling, and Pro features available (unlimited calculators, live calc, currency formatting, Gutenberg block). Free tier now supports up to 3 calculators.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3529305,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3529305,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3529305,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3529305,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"pcfwc\/calculator":{"name":"pcfwc\/calculator","title":"Preview Calculator"}},"tagged_versions":["2.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Admin panel \u2014 create and manage multiple calculators with custom fields","2":"Frontend calculator \u2014 clean, responsive design with real-time output","3":"Pro settings \u2014 currency formatting, live calculation, custom CSS, and more","4":"Gutenberg block (Pro) \u2014 place calculators directly in the block editor"}},"plugin_section":[],"plugin_tags":[716,262613,262614,15432,286],"plugin_category":[45],"plugin_contributors":[240422],"plugin_business_model":[],"class_list":["post-231044","plugin","type-plugin","status-publish","hentry","plugin_tags-calculator","plugin_tags-cost-breakdown","plugin_tags-fee-calculator","plugin_tags-price-calculator","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-sotfsdapps","plugin_committers-sotfsdapps"],"banners":{"banner":"https:\/\/ps.w.org\/wc-preview-calculator\/assets\/banner-772x250.png?rev=3529305","banner_2x":"https:\/\/ps.w.org\/wc-preview-calculator\/assets\/banner-1544x500.png?rev=3529305","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wc-preview-calculator\/assets\/icon-128x128.png?rev=3529305","icon_2x":"https:\/\/ps.w.org\/wc-preview-calculator\/assets\/icon-256x256.png?rev=3529305","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Preview Calculator for WooCommerce<\/strong> 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.<\/p>\n\n<h4>Use Cases<\/h4>\n\n<ul>\n<li><strong>Transaction fee preview<\/strong> \u2014 Show customers what payment processing fees look like before checkout<\/li>\n<li><strong>Tax breakdown calculator<\/strong> \u2014 Display multiple tax components (state, county, city)<\/li>\n<li><strong>Margin\/markup calculator<\/strong> \u2014 Help B2B buyers understand wholesale vs. retail pricing<\/li>\n<li><strong>Shipping cost estimator<\/strong> \u2014 Break down shipping components (base, fuel surcharge, handling)<\/li>\n<li><strong>Commission calculator<\/strong> \u2014 Show sellers what their net earnings will be after marketplace fees<\/li>\n<li><strong>Tip calculator<\/strong> \u2014 Let customers preview suggested tip amounts based on their order<\/li>\n<\/ul>\n\n<h4>Features (Free)<\/h4>\n\n<ul>\n<li>Create up to 3 independent calculators<\/li>\n<li>Each calculator gets its own shortcode<\/li>\n<li>Add custom deduction fields (label + percentage)<\/li>\n<li>Choose between <strong>reverse<\/strong> (deduction) or <strong>additive<\/strong> (markup) calculation modes<\/li>\n<li>Toggle to use the WooCommerce cart subtotal instead of manual input<\/li>\n<li>Works with Elementor, WPBakery, and any shortcode-compatible page builder<\/li>\n<li>Clean, responsive frontend design<\/li>\n<li>Full admin settings panel with drag-and-drop field management<\/li>\n<\/ul>\n\n<h4>Pro Features<\/h4>\n\n<ul>\n<li><strong>Unlimited calculators<\/strong> \u2014 Create as many as you need<\/li>\n<li><strong>Live calculation<\/strong> \u2014 Results update as the customer types (no button click needed)<\/li>\n<li><strong>Currency formatting<\/strong> \u2014 Display results with currency symbols and proper formatting<\/li>\n<li><strong>Custom decimal precision<\/strong> \u2014 Control decimal places (0-4)<\/li>\n<li><strong>Result prefix &amp; suffix<\/strong> \u2014 Add $ signs, currency codes, or custom labels<\/li>\n<li><strong>Calculator titles<\/strong> \u2014 Display a heading above each calculator<\/li>\n<li><strong>Hide breakdown<\/strong> \u2014 Show only the final result, not individual line items<\/li>\n<li><strong>Copy to clipboard<\/strong> \u2014 One-click copy of calculation results<\/li>\n<li><strong>Custom CSS per calculator<\/strong> \u2014 Style each calculator independently<\/li>\n<li><strong>Gutenberg block<\/strong> \u2014 Place calculators using the block editor, not just shortcodes<\/li>\n<li><strong>Priority support<\/strong> \u2014 Direct email support with faster response times<\/li>\n<\/ul>\n\n<h4>How It Works<\/h4>\n\n<ol>\n<li>Go to <strong>Preview Calcs<\/strong> in your WordPress admin<\/li>\n<li>Click <strong>Add Calculator<\/strong> and configure your fields<\/li>\n<li>Set labels and percentages for each deduction or markup<\/li>\n<li>Choose reverse (deduction) or additive (markup) mode<\/li>\n<li>Copy the generated shortcode and paste it on any page<\/li>\n<li>Customers enter an amount (or use their cart subtotal) and see the breakdown<\/li>\n<\/ol>\n\n<h4>Reverse vs. Additive Mode<\/h4>\n\n<p><strong>Reverse (deduction):<\/strong> Extracts a percentage FROM the entered amount.\nExample: $100 with 10% tax \u2192 Tax: $9.09, Net: $90.91<\/p>\n\n<p><strong>Additive (markup):<\/strong> Adds a percentage ON TOP of the entered amount.\nExample: $100 with 10% markup \u2192 Markup: $10.00, Total: $110.00<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to <code>\/wp-content\/plugins\/wc-preview-calculator<\/code>, or install directly from the WordPress plugin screen.<\/li>\n<li>Activate through the <strong>Plugins<\/strong> screen.<\/li>\n<li>Navigate to <strong>Preview Calcs<\/strong> in your admin sidebar.<\/li>\n<li>Create your first calculator and configure the fields.<\/li>\n<li>Use the shortcode <code>[pcfwc_your-slug]<\/code> on any page or post.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20many%20calculators%20can%20i%20create%3F\"><h3>How many calculators can I create?<\/h3><\/dt>\n<dd><p>The free version supports up to 3 calculators. Upgrade to Pro for unlimited.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20elementor%3F\"><h3>Does it work with Elementor?<\/h3><\/dt>\n<dd><p>Yes. Use the shortcode widget in Elementor to place any calculator. Pro users also get a native Gutenberg block.<\/p><\/dd>\n<dt id=\"can%20i%20use%20the%20woocommerce%20cart%20subtotal%3F\"><h3>Can I use the WooCommerce cart subtotal?<\/h3><\/dt>\n<dd><p>Yes. Each calculator has a toggle that lets users switch between manual input and using their current cart subtotal (excluding shipping).<\/p><\/dd>\n<dt id=\"how%20do%20i%20switch%20between%20deduction%20and%20markup%20modes%3F\"><h3>How do I switch between deduction and markup modes?<\/h3><\/dt>\n<dd><p>In the admin settings for each calculator, check the \"Additive Mode\" checkbox to switch from deduction to markup.<\/p><\/dd>\n<dt id=\"can%20i%20style%20calculators%20differently%3F\"><h3>Can I style calculators differently?<\/h3><\/dt>\n<dd><p>Pro users can add custom CSS per calculator. Free users can target the <code>.pcfwc-calculator<\/code> class in their theme's custom CSS.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20page%20caching%3F\"><h3>Does it work with page caching?<\/h3><\/dt>\n<dd><p>The calculator itself is JavaScript-based and works with most caching plugins. The WooCommerce cart subtotal feature requires that cart fragments are not cached.<\/p><\/dd>\n<dt id=\"what%20shortcode%20format%20does%20it%20use%3F\"><h3>What shortcode format does it use?<\/h3><\/dt>\n<dd><p>Each calculator generates a shortcode in the format <code>[pcfwc_your-slug]<\/code>. The slug is shown in the admin panel.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Major update with Pro tier<\/li>\n<li>Redesigned admin interface with organized settings panels<\/li>\n<li>Improved frontend styling (responsive, modern design)<\/li>\n<li>Added calculator limit for free tier (3 calculators)<\/li>\n<li>Pro: Unlimited calculators<\/li>\n<li>Pro: Live calculation (results update as user types)<\/li>\n<li>Pro: Currency formatting with custom symbol<\/li>\n<li>Pro: Decimal precision control (0-4 places)<\/li>\n<li>Pro: Result prefix and suffix<\/li>\n<li>Pro: Calculator title\/header<\/li>\n<li>Pro: Hide individual breakdown lines<\/li>\n<li>Pro: Copy result to clipboard<\/li>\n<li>Pro: Custom CSS per calculator<\/li>\n<li>Pro: Gutenberg block for block editor<\/li>\n<li>Separated admin\/frontend CSS and JS for better performance<\/li>\n<li>Added proper text domain and i18n support<\/li>\n<li>Improved sanitization and security<\/li>\n<li>Freemius SDK integration for licensing<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Compatibility update for WordPress 6.8<\/li>\n<li>Minor bug fixes<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Renamed plugin to Preview Calculator for WooCommerce<\/li>\n<li>Added support for multiple calculators via dynamic shortcodes<\/li>\n<li>Added WooCommerce cart subtotal toggle support<\/li>\n<li>Switched fields input to dynamic add\/remove inputs<\/li>\n<li>Fixed subtotal issue when cart is empty or unavailable<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release: single reverse calculator with custom labels and percentages<\/li>\n<\/ul>","raw_excerpt":"Build custom cost breakdown calculators for WooCommerce. Show transaction fees, taxes, margins, or markups \u2014 with optional cart subtotal integration.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/231044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=231044"}],"author":[{"embeddable":true,"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sotfsdapps"}],"wp:attachment":[{"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=231044"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=231044"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=231044"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=231044"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=231044"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fr-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=231044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}