From Unit Converter to Unit-Aware Quantities & Calculators

Product returns often happen because customers choose the wrong size or quantity — they guess, or they misread a spec in unfamiliar units. This plugin addresses that problem directly on the product page, before checkout. The unit-aware quantity shortcodes let customers instantly see specs in their preferred units (metric or imperial), so a customer in Europe and one in the US both understand the same product description. The embedded buying calculators go further: a customer entering their room dimensions can get an AC BTU recommendation, or a contractor entering square footage and depth can get a bag-count estimate for concrete. When customers are confident they have the right product, return rates and "wrong size" support tickets both go down.

Most WordPress calculator plugins (like Calculated Fields Form, WP Coder, or Calconic) are general-purpose form builders built around the idea of a monolithic calculator widget. CalcsLive is architecturally different in several ways: Unit-awareness is native, not bolted on. Every variable in a CalcsLive calculation is a Unit-aware Quantity. Inputs and outputs automatically handle metric, imperial, and mixed-unit workflows at the variable level — no separate conversion step, no approximation hacks. This is what makes every embedded value a Self-converting Quantity rather than a static number with a converter widget sitting next to it. Decoupled, per-product architecture. Calculators live on the CalcsLive platform and are embedded independently into WordPress via shortcode or Gutenberg block. Each product or category can have its own dedicated calculator — an AC sizing calc for air conditioners, a bag count calc for concrete, a belt selection calc for power transmission. There is no shared monolithic calculator that every product must squeeze into. Add, change, or retire a calculator on any product without touching the others. No-code creation, easy deployment. Calculators are created on CalcsLive using familiar technical notation — no custom programming required. Engineers, product managers, or office staff can build and update them. Deploying to WordPress is a single shortcode paste. The same calculator URL can also be shared standalone or embedded on non-WordPress sites via iframe. Free unit-aware specs with no account. The [calcslive_qty], [calcslive_qty_pair], and [calcslive_qty_triplet] shortcodes give every product spec Unit Freedom at zero cost — no API key, no external service, entirely client-side.

The most common approach is to add a new product tab using a tab plugin like Custom Product Tabs for WooCommerce, then paste a CalcsLive shortcode into that tab's content area. This keeps your product description clean while giving customers a dedicated "Sizing Calculator" or "How Much Do I Need?" tab. Alternatively, you can paste the shortcode directly into the product description or short description fields — it works anywhere WordPress renders shortcodes. For stores using Elementor or Divi for product layouts, use a Shortcode widget or Code module. Step-by-step instructions for WooCommerce tabs are in the WordPress Integration Guide.

Sign up or log in at calcslive.com, then go to Account → API Keys. Create a new key with service type "Website Embedding", add your WordPress domain to the allowed domains list, and copy the token (it starts with cle_). Paste it into Settings → CalcsLive in your WordPress dashboard. The token is only needed for embedded calculators — the unit-aware quantity shortcodes work without any account or token.

Open your calculator on CalcsLive and look at the URL. The article ID is the alphanumeric code at the end — for example, in https://www.calcslive.com/view/3M7EJLZQ2-4N5, the article ID is 3M7EJLZQ2-4N5. Use that ID in your shortcode: [calcslive id="3M7EJLZQ2-4N5"]. You can also copy the embed shortcode directly from the CalcsLive article share menu.

Yes. Each [calcslive id="..."] shortcode embeds one calculator article as an independent iframe, so you can place as many as you need on a single page. Each article can itself contain multiple related calculations — for example, a pump sizing article might include flow rate, pressure drop, and power calculations all in one embed. Multiple independent embeds on the same page each count toward your plan's embed page limit.

Yes. Both the calculator embed and the unit-aware quantity shortcodes work in any page builder that renders standard WordPress shortcodes:

• Elementor – Add a Shortcode widget and paste in [calcslive id="..."] or [calcslive_qty ...]
• Divi – Use a Code module or Text module
• WPBakery – Use the Classic Editor shortcode field or a Raw HTML element
• Beaver Builder, Bricks, Oxygen – Use any HTML or shortcode module

The WordPress plugin itself is free and open source (GPLv2). The unit-aware quantity shortcodes ([calcslive_qty], [calcslive_qty_pair], [calcslive_qty_triplet]) are completely free with no account required — they run entirely in the visitor's browser. Embedding interactive calculators requires a CalcsLive account. See calcslive.com/pricing for current plan details.

Yes — the embedded calculator is fully interactive. Customers type their own measurements into the input fields, choose their preferred units from the dropdown, and the calculated results update in real time. For example, a customer can enter their room dimensions in feet or meters, and the AC sizing calculator immediately shows the recommended BTU capacity. No page reload required. Customers can also switch the output units — the result recalculates automatically for the selected unit.

No. The [calcslive_qty], [calcslive_qty_pair], and [calcslive_qty_triplet] shortcodes work entirely in the visitor's browser with no external service call. They use the bundled physical-quantity web component library, which is included in the plugin. Visitors see a clickable unit label next to each value and can switch to any compatible unit — for example, clicking "mm" on a dimension shows a dropdown with inches, cm, ft, and other length units. No CalcsLive account and no internet connection to CalcsLive are required for this feature to work.

570+ units across 67 categories — the same full library used by CalcsLive. Categories include length, area, volume, mass, temperature, pressure, force, flow rate, energy, power, electrical (voltage, current, resistance), speed, torque, and many more. See the full Units Reference for the complete list. The unit-aware quantity shortcodes support all categories. For example: [calcslive_qty value=25.4 unit="mm"] lets visitors convert to inches, cm, feet, or any other length unit; [calcslive_qty value="1013" unit="hPa"] lets them convert atmospheric pressure to psi, bar, inHg, or Pa.

The pq.umd.js file is built from the open source physical-quantity npm package (MIT licensed). The source code is available on npm and the file itself is human-readable with version metadata in the banner comment. The physical-quantity library is also available as a standalone npm package for developers who want to use it outside of WordPress.