[WordPress] 外掛分享： From Unit Converter to Unit-Aware Quantities & Calculators

內容簡介

**總結：**
CalcsLive Article Embed 可讓您在 WordPress 網站中嵌入來自 CalcsLive 的互動式計算文章，並以即時單位轉換在您的網站上展示具有單位感知的物理量。

**問題與答案：**
1. 什麼是 CalcsLive 平台？
- 答：CalcsLive 是一個用於創建、分享和嵌入具有單位感知的計算的平台。其文章可以包含多個計算，自動進行單位轉換，非常適合以下用途：
- 電子商務產品頁面-幫助客戶計算需求（如空調尺寸、混凝土需求等）。
- 技術文件-為工程內容添加互動式示例。
- 教育內容-讓學生探索實時結果的計算。
- 產品規範頁面-嵌入尺寸工具和配置計算器。

2. 有哪些關鍵功能？
- 答：包含以下功能：
- 文章嵌入短代碼-使用 [calcslive id="你的ID"] 嵌入。
- 物理量短代碼-以即時單位轉換顯示值：[calcslive_qty value="25" unit="mm"]。
- 古鐵堡區塊-具有即時預覽的視覺區塊編輯器。
- 響應式設計-適用於所有屏幕尺寸。
- 安全嵌入-使用 API 金鑰驗證和域限制。
- 輕量-物理量腳本僅在使用物理量短代碼的頁面上加載。

3. 該如何運作？
- 答：步驟如下：
- 在 CalcsLive 上創建您的計算文章。
- 將文章設置為公開。
- 從 CalcsLive 獲取您的嵌入 API 金鑰。
- 使用短代碼或區塊將其嵌入到您的 WordPress 站點上。
- 您的訪客可以互動使用計算器。

4. CalcsLive 提供什麼免費套餐？
- 答：CalcsLive 提供免費套餐，包括：
- 2個嵌入頁面。
- 1個域名。
- 完整的計算功能。
- 您可以在 CalcsLive 免費開始。

5. 是否有第三方服務？
- 答：是的，這個外掛依賴於 CalcsLive 外部服務來顯示互動計算。當嵌入渲染時，訪客的瀏覽器將通過 iframe 直接從 CalcsLive 載入內容。該插件傳送的信息包括您的嵌入 API 金鑰和域名（包含在 iframe URL 中），以及您在短代碼或區塊中指定的文章 ID。插件不會收集或傳送任何訪客數據（如 IP 地址、Cookie 或個人信息），iframe 在訪客的瀏覽器中載入，就像任何標準嵌入內容一樣。

6. 如何查看示範網站？
- 答：您可以在 cl.donwen.com 查看以下實時示例：
- 便攜式空調-空調尺寸計算器。
- 混凝土混合-數量計算器。
- Gates A36 皮帶-皮帶選擇工具。

外掛標籤

開發者團隊

原文外掛簡介

CalcsLive brings Unit Freedom to technical quantities and calculations where they are needed.
For e-commerce, CalcsLive turns static product specifications into live unit-aware content. Add self-converting quantities such as dimensions, weights, pressures, temperatures, capacities, and 2D/3D product sizes directly inside WordPress or WooCommerce product pages.
Customers can read specs in the units they understand, switch between compatible units, and use embedded sizing or quantity calculators before they buy. This helps reduce confusion, support questions, wrong-size purchases, and preventable product returns.
Unit-aware quantity shortcodes are free and require no account. Embedding interactive buying calculators requires a CalcsLive account. See calcslive.com for plans.
Quick Start
Watch how easily you can create self-converting specifications and product level buying calculations without touching code:
** Unit-aware Quantity Shortcodes in Action **

** Unit-aware Buying Calculation in Action **

Unit-aware specs and product buying calculators are two independent features. Use either one, or both.
A: Unit-Aware Specs (Free, No Account)
Use unit-aware quantity shortcodes anywhere shortcode rendering is supported — product descriptions, pages, posts, WooCommerce tabs, page builders. No API key. No external service. Fully client-side.
Single quantity:
[calcslive_qty value=25.4 unit=”mm”]
Quantity pair:
— 2D dimensions: [calcslive_qty_pair values="10x20" unit="cm"]
— 2D coordinates or range: [calcslive_qty_pair values="(10, 20)" unit="cm"]
Quantity triplet:
— 3D dimensions (L x W x H): [calcslive_qty_triplet values="10x20x30" unit="cm"]
— 3D coordinates: [calcslive_qty_triplet values="(10, 20, 30)" unit="cm"]
Visitors click the unit label to convert between compatible units. The value attribute accepts quoted or unquoted numbers.
Optional attributes:

dp — Decimal places (default: 2)
show_unit_arrow — Show/hide unit dropdown arrow (default: true)

B: Embed Buying Calculators (Requires CalcsLive Account)

Create your calculator at calcslive.com — no coding required
Get your embed token (Settings → CalcsLive in WordPress) and your article ID
Embed anywhere with: [calcslive id="YOUR_ARTICLE_ID"] or use the CalcsLive Gutenberg block

Customers interact with the calculator live on your product page — inputs update in real-time.
Getting Your Embed Token

Sign up or log in at CalcsLive
Go to Account → API Keys
Activate Ecommerce Embed service
Add your WordPress domain to the allowed domains
Copy the Embed Token to your WordPress settings

Beyond Unit Conversion: Unit Freedom
Traditional unit converter plugins add a separate conversion widget. That forces customers to copy numbers, switch context, and interpret product data outside the product description.
CalcsLive works differently. A product spec such as 25.4 mm, 10 x 20 x 30 cm, or 2.5 bar becomes a Self-converting Quantity in place. Visitors can switch to inches, feet, psi, pounds, gallons, or other compatible units without leaving the page.
For authors, this means you write correct quantities once. For readers, it means they are free to understand and compare the product in the units that make sense to them. That is Unit Freedom.
More Than a Calculator: Unit-Aware Calculation
Most calculator plugins compute numbers. CalcsLive computes physical quantities with units.
That matters for technical products because formulas should represent the real relationship, not a hard-coded unit system. A unit-aware calculator can accept inputs in metric, imperial, or mixed units and still produce consistent results.
Examples:

AC sizing from room dimensions
Concrete bag quantity from length, width, and depth
Belt sizing from pulley data
Cylinder force from pressure and bore diameter
Pump or flow calculations using customer-entered values

Perfect For

WooCommerce and e-commerce stores – AC sizing, concrete quantity, flooring coverage, paint calculators
Technical products – live unit-aware specifications such as mm ↔ inches, kg ↔ lb, psi ↔ bar
Building materials – “How many bags, sheets, rolls, or boards do I need?” calculators
Industrial equipment – belt sizing, cylinder selection, pump sizing, capacity calculators
Product documentation – interactive unit-aware specs inside technical articles and manuals

Key Features

570+ Units, 67 Categories – Full CalcsLive unit library: length, mass, temperature, pressure, force, flow rate, energy, power, torque, electrical units, and more
Unit-aware Quantity Shortcodes – Free, no account needed. Turn static values into Self-converting Quantities with [calcslive_qty], [calcslive_qty_pair], and [calcslive_qty_triplet]
Single, Pair, and Triplet Quantities – Support individual specs, 2D dimensions, 3D dimensions, ranges, and coordinate-style values
Calculator Embed – Embed full unit-aware buying calculators with [calcslive id="YOUR_ID"]
Gutenberg Block – Add calculators visually in the WordPress block editor
WooCommerce Friendly – Use in product descriptions, tabs, landing pages, and shortcode-aware page builders
Responsive – Works on desktop, tablet, and mobile
Lightweight – Scripts load only on pages that use CalcsLive features
Return Prevention Focus – Helps customers choose correctly before purchase instead of dealing with returns after the mistake
No-code calculator creation – Build on CalcsLive, update any time without touching WordPress
Reusable – The same calculator can be embedded across multiple product pages, categories, or other sites

Works With
Shortcodes and the Gutenberg block work inside any WordPress editor or plugin that renders standard shortcodes:

WooCommerce product tabs – Add unit-aware specs or calculators to any tab using plugins like Custom Product Tabs for WooCommerce or YITH WooCommerce Tab Manager
Elementor – Drop a Shortcode widget onto any product or landing page
Divi – Use a Code or Text module with the shortcode
WPBakery / Classic Editor – Paste shortcodes directly into any text area
Any shortcode-aware plugin – If it renders [shortcodes], CalcsLive shortcodes work inside it

Third-Party Service
The unit-aware quantity shortcodes run client-side and do not require the CalcsLive service.
Embedded calculators rely on the CalcsLive external service. When an embed is rendered, the visitor’s browser loads calculator content directly from CalcsLive through an iframe.
What is sent for embedded calculators:

Your embed token and domain, included in the iframe URL
The article ID specified in the shortcode or block

No visitor data such as IP addresses, cookies, names, email addresses, or personal information is collected or sent to CalcsLive by this plugin. The iframe loads in the visitor’s browser like a standard embedded content frame.

CalcsLive website: calcslive.com
Terms of Service: calcslive.com/terms
Privacy Policy: calcslive.com/privacy