內容簡介
Flexa Extra 是一款專為 WooCommerce 設計的外掛，讓商家能夠為產品新增額外選項欄位，讓消費者可以自訂購買內容並收取相應費用。透過即時價格更新，確保消費者支付的金額與商家設定一致。
【主要功能】
• 支援多種欄位類型，如文字、數字、顏色選擇器
• 可設定每個選項的價格附加費用
• 具備庫存管理功能，防止超賣
• 提供範本選擇，快速建立選項集
• 條件邏輯顯示/隱藏欄位
• 即時預覽功能，編輯時可即時查看效果
外掛標籤
開發者團隊
② 後台搜尋「Flexa Extra – Product Options & Variation Swatches for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Flexa Extra lets you attach extra option fields to WooCommerce products so shoppers can personalize what they buy and you can charge for it. Build an Option Set once, assign it to products (all, a hand-picked list, or by category/tag/price/stock conditions), and the fields appear on the product page with live price updates.
Every price is recomputed on the server from your saved field definitions when the product is added to the cart (a client-submitted price is never trusted), so the amount a shopper pays always matches what you configured.
📌 DEMO
Field types (free)
Text, textarea, number (with min/max/step and email/URL/regex validation)
Date picker and colour picker
Checkbox, radio, dropdown
Colour/image swatches
Button group
Heading / description block
Minimum and maximum number of choices on any multi-select field
Pricing
Per-field or per-option surcharge
Fixed amount, a percentage of the product price, or a safe arithmetic formula
Formula prices use base, qty and other fields’ values with + - * / ( ) and round(), min(), max() (no eval), for per-unit and volume-tiered pricing
Conditional fees and discounts applied to the item when selections match a rule
Inventory
Optional stock limit per choice option: sold-out options are disabled, over-selling is blocked at add-to-cart, and paid orders draw the stock down (restored on cancel or refund)
Templates
Start from a template: pick a ready-made starter (gift wrapping, engraving, size & colour, installation service, warranty plan, product add-ons) and it creates an option set, switched off, that you can edit before turning it on
Assignment & logic
Target all products, a manual list, or conditions (category, tag, product, price, stock)
Conditional logic to show/hide fields based on other selections
Duplicate an option set, and import or export sets as a JSON file
Live preview in the builder: see the option set render (and price) exactly as the storefront will, updating as you edit
Store insights
Analytics screen ranking which options and choices sell, and the add-on revenue they bring, filterable by date range and order status
Variation swatches
Turn WooCommerce variation attribute dropdowns into colour, image or button swatches on variable products, with its own admin screen to assign a colour or image to each attribute term (no extra plugin required)
The native variation
Headless & integrations
Gutenberg “Flexa Extra Configurator” block to show an option set with live pricing on any page or post (display only, does not add to cart)
Public read-only REST API for decoupled/headless storefronts: fetch a product’s option sets, prices, and logic to render the same configurator and subtotal elsewhere. Open by default, closable with a filter
Cart
Edit a line’s options straight from the cart: the product page reopens with the
saved selections filled in, and re-adding replaces the line instead of stacking a
duplicate
Display & accessibility
Position fields before or after the add-to-cart button
Live “extra subtotal” and “total price” readouts
Itemized price breakdown: each selected option and conditional fee/discount listed with its own price, updating live
Swatch size/shape and button colour styling
Accessible markup (fieldset/legend groups, aria-required, keyboard focus), responsive, and reduced-motion aware
Source code for compiled JavaScript and CSS
The admin app ships as a compiled bundle in assets/dist/admin/. The
human-readable TypeScript source and its build config live in the public
repository at https://github.com/flexatech/flexa-extra (under apps/admin/)
and are built with pnpm + Vite:
cd apps/admin
pnpm install
pnpm build (or pnpm dev for a watched dev build)
The storefront assets in assets/frontend/ are plain, unminified JS/CSS and need
no build step.
External services
Storefront and configuration data (option sets, prices, orders, stock) stays in your own WordPress database. The plugin connects to one external service, and only in the admin, for the reason below.
Deactivation feedback (Flexa Product Intelligence)
When you go to deactivate Flexa Extra on the Plugins screen, a short optional survey asks why. This is served by Flexa’s product intelligence service at https://product-intelligence.flexacommerce.com. It runs only on wp-admin/plugins.php, never on the front end, and it never blocks or delays deactivation: if the service is unreachable, the plugin still deactivates normally.
What is sent, and when:
On opening the Plugins screen: a request to /api/v1/config (the product slug and tier) to load the survey configuration. The response is cached for 6 hours.
When you deactivate or interact with the survey: the deactivation reason you pick and any optional message you type, sent to /api/v1/deactivations, /api/v1/events, /api/v1/feedback, /api/v1/feature-requests and /api/v1/recovery-events.
Every request includes an anonymous per-site identifier (a random UUID generated on your site), the plugin version and tier, and by default your WordPress version, PHP version and locale. No email address, site domain, user identity or raw IP is collected by the plugin. The environment details (WordPress/PHP/locale) can be turned off, and the whole survey can be disabled, with the filters below.
Turn the survey off entirely: add_filter( 'flexa_extra/deactivation_survey/enabled', '__return_false' );
Send only the anonymous identifier, version and tier (no WP/PHP/locale): add_filter( 'flexa_extra/deactivation_survey/config', function ( $c ) { $c['collect_environment'] = false; return $c; } );
Service terms and privacy policy: https://flexacommerce.com/pages/terms and https://flexacommerce.com/pages/privacy
