Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

Unit Converter & Sizing Calculator for Product Pages

开发者 dreamwell
更新时间 2026年4月21日 04:02
PHP版本: 7.4 及以上
WordPress版本: 6.9
版权: GPLv2 or later
版权网址: 版权信息

标签

unit converter product specification quantity calculator product returns sizing calculator

下载

1.2.0 1.1.2 1.1.3 1.1.4 1.1.5

详情介绍:

Enhance your product pages with inline unit conversion and interactive unit-aware sizing calculators powered by CalcsLive. Makes it easier for customers to choose the right size and quantity before checkout. Help Reduce support inquiries and product returns. Free: a) Unit converter shortcodes that let visitors toggle between metric and imperial units in your product specifications—no account required; b) Calculator embedding: 2 pages on 1 domain for Free tier. Pro: Embed powerful sizing and quantity calculators from CalcsLive that guide customers to the right product configuration. Perfect For Key Features Works With Shortcodes and the Gutenberg block work inside any WordPress editor or plugin that renders standard shortcodes: Buying Calculations: Reduce Returns, Increase Confidence Technical products often require customers to determine the right size and the right quantity before purchase. Without guidance, they guess—leading to returns, exchanges, and frustration. Buying Calculations solve this by embedding pre-purchase calculators directly on product pages: Create Calculators Without Coding Traditional product calculators require custom development. CalcsLive changes this: From days of development to under one hour—no coding required. Product teams, engineers, or office staff can create and deploy calculators themselves, shifting calculator creation from a development task to a content task. How It Works For unit converters (free, no account):
  1. Add to any page:
  2. Single quantity:
  3. [calcslive_qty value=25.4 unit="mm"], value input without quote
  4. [calcslive_qty value='25.4' unit="mm"], value input with ' '
  5. [calcslive_qty value="25.4" unit="mm"], value input with " "
  6. Quantity pair:
  7. [calcslive_qty_pair values="10x20" unit="cm"] for 2D dimensions, or
  8. [calcslive_qty_pair values="(10, 20)" unit="cm"] for coordinates/range
  9. Quantity triplet:
  10. [calcslive_qty_triplet values="10x20x30" unit="cm"] for 3D dimensions, or
  11. [calcslive_qty_triplet values="(10, 20, 30)" unit="cm"] for 3D coordinates
  12. Visitors click to convert between compatible units For embedded calculators:
  13. Create your calculator on CalcsLive
  14. Get your embed API key and article ID
  15. Add [calcslive id="YOUR_ID"] to your product page
  16. Customers use the calculator interactively
Free Tier Start free with CalcsLive: Third-Party Service This plugin relies on the CalcsLive external service to display interactive calculations. When an embed is rendered, your visitor's browser loads content directly from CalcsLive via an iframe. What is sent: No visitor data (such as IP addresses, cookies, or personal information) is collected or sent to CalcsLive by this plugin. The iframe loads in the visitor's browser like any standard embedded content.

安装:

  1. Upload the plugin files to /wp-content/plugins/calcslive-article-embed/, or install directly through the WordPress plugins screen.
  2. Activate the plugin through the 'Plugins' screen in WordPress.
That's it for unit converters — no account or API key needed. For embedded calculators, see the Quick Start below.

屏幕截图:

  • Concrete Mix Calculator on a product page - customers calculate exactly how many bags they need
  • Belt Selection Calculator integrated with Gates A36 product - technical specifications with interactive sizing

升级注意事项:

1.1.4 Added shortcode examples in readme. No functional changes. 1.0.0 Initial release with calculator embed and Gutenberg block support.

常见问题:

Where do I get an API key?

You can get an API key from your CalcsLive account at calcslive.com/account/api-keys. You need to create an embed-type API key and add your WordPress domain.

How do I find my article ID?

The article ID is the short code at the end of your CalcsLive article URL. For example, in https://www.calcslive.com/view/3M7EJLZQ2-4N5, the article ID is 3M7EJLZQ2-4N5.

Can I embed multiple calculators on one page?

Yes! Each article can contain multiple calculations with different namespaces. You can also embed multiple articles on the same page using multiple shortcodes.

Does this work with page builders like Elementor?

Yes. Both the calculator embed and the unit converter 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

Does this work inside WooCommerce product tabs?

Yes. Any plugin that adds custom tabs to WooCommerce product pages (and renders shortcodes in their content area) is compatible. Tested with Custom Product Tabs for WooCommerce:

  1. Install and activate Custom Product Tabs for WooCommerce
  2. Edit a product → scroll to the Custom Tab section
  3. Add a tab title (e.g., "Sizing Calculator" or "Specifications")
  4. In the tab content area, paste your shortcode: [calcslive id="YOUR_ID"] or [calcslive_qty value="25.4" unit="mm"]
  5. Save the product — the tab and its content appear on the frontend
This also works with YITH WooCommerce Tab Manager and similar tab plugins that support shortcode content.

Is this free?

The WordPress plugin is free and open source. CalcsLive offers a free tier with 2 embed pages, or you can upgrade for more pages and domains.

Can customers enter their own values?

Yes! The embedded article is fully interactive. Customers can change input values and units, and the calculations update in real-time.

Do the unit converter shortcodes need an API key?

No. The [calcslive_qty], [calcslive_qty_pair], and [calcslive_qty_triplet] shortcodes work entirely client-side with no external service. They use the bundled physical-quantity web component library.

Where is the source code for the bundled JavaScript?

The pq.umd.js file is built from the physical-quantity npm package (MIT licensed). The source is human-readable and includes version metadata in a banner comment.

What units are supported?

570+ units across 67 categories — the same full library used by CalcsLive. Covers length, mass, temperature, pressure, force, flow rate, energy, electrical, and many more. See the full Units Reference. Visitors click the unit dropdown to convert between compatible units (e.g., mm ↔ inches, kg ↔ lbs, °C ↔ °F).

更新日志:

1.2.0 1.1.5 1.1.4 1.1.3 1.1.2 1.1.1 1.0.1 1.0.0