Linux 软件免费装
Banner图

Unit Converter & Sizing Calculator for Product Pages

开发者 dreamwell
更新时间 2026年2月19日 14:57
PHP版本: 7.4 及以上
WordPress版本: 6.9
版权: GPLv2 or later
版权网址: 版权信息

标签

unit converter product specification quantity calculator sizing calculator product calculator

下载

1.1.2 1.1.3 1.1.4

详情介绍:

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: Unit converter shortcodes that let visitors toggle between metric and imperial units in your product specifications—no account required. Pro: Embed powerful sizing and quantity calculators from CalcsLive that guide customers to the right product configuration. Perfect For Key Features 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. [calcslive_qty value=25.4 unit="mm"] for single quantity
  3. [calcslive_qty_pair values="10,20" unit="cm"] for quantity pair, and
  4. [calcslive_qty_triplet values="1,2,3" unit="m"] for quantity triplet.
  5. Visitors click to convert between compatible units For embedded calculators:
  6. Create your calculator on CalcsLive
  7. Get your embed API key and article ID
  8. Add [calcslive id="YOUR_ID"] to your product page
  9. 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.
  3. Use [calcslive_qty] shortcodes immediately for inline unit conversion (no API key needed).
  4. For embedded calculators: Go to Settings → CalcsLive to configure your API key.
  5. Use the [calcslive id="..."] shortcode or CalcsLive block to embed calculators.
Unit Converter Shortcodes No API key needed. These shortcodes render interactive values that visitors can click to convert between units: Single value: [calcslive_qty value=25.4 unit="mm"] Value pair (e.g., dimensions): [calcslive_qty_pair values="10,20" unit="cm"] Value triplet (e.g., L x W x H): [calcslive_qty_triplet values="1,2,3" unit="m"] Optional attributes: Getting Your API Key
  1. Sign up or log in at CalcsLive
  2. Go to Account → API & Integration Settings
  3. Create a new API key with service type "Website Embedding"
  4. Add your WordPress domain to the allowed domains
  5. Copy the API key to your WordPress settings

屏幕截图:

  • 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, you can use the shortcode [calcslive id="..."] in any page builder that supports WordPress shortcodes.

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?

The unit converter supports length, mass, temperature, energy, force, pressure, volume, area, and more. Visitors click the unit dropdown to convert between compatible units (e.g., mm ↔ inches, kg ↔ lbs, °C ↔ °F).

更新日志:

1.1.4 1.1.3 1.1.2 1.1.1 1.0.1 1.0.0