內容簡介
「WooCommerce 產品配置器」允許您使用圖層為客戶製作即時視覺效果。
為客戶提供卓越的體驗，並簡化您的工作：無需創建許多產品變體與它們的圖像。
取而代之的是，從 Photoshop、3D 渲染或其他來源導出您的圖層，讓使用者使用它們來配置他們的產品。
在此查看演示
您可以在github 儲存庫或支援論壇上報告錯誤或提出建議。
可用的簡碼
配置按鈕：[mkl_configurator_button product_id=1 classes="button primary"] 或 [mkl_configurator_button product_id=1 classes=”button primary”]按鈕名稱[/mkl_configurator_button]
內嵌配置器：[mkl_configurator product_id=1 classes="container-class something-else"]
佈景主題
選擇不同的佈景主題或創建您自己的主題（適合開發人員）
使用主題自訂器（外觀 ＞ 自訂）更改所選顏色
高級附加元件
此插件沒有限制。但是，如果您需要更多功能，請查看可用的附加元件：
額外價格 - 為您可配置的產品提供選擇中的任何一種增加額外費用。
保存您的設計 - 启用此功能，使顧客可以保存他們所設計的產品。
變體產品 - 使用產品配置器與變體產品。
多選項 - 在每個圖層中啟用多個選項，非常適合產品選項或當有多個單獨的選項時使用。
庫存管理 / 關聯產品 - 按選擇方式管理庫存，或將選擇與商店中的產品連結。
條件邏輯 - 使用條件邏輯控制可設置的屬性。
表單字段 - 創建表單以收集與您的可配置產品相關的數據。配合額外價格附加元件使用以進行複雜的價格計算。
如需自訂需求，請聯繫我
外掛標籤
開發者團隊
② 後台搜尋「Product Configurator for WooCommerce」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Product Configurator for WooCommerce allows you to use transparent image layers to build real-time visual previews of custom products.
Give your customers an interactive experience and eliminate the need for hundreds of product variations and images. Export image layers from Photoshop, 3D renders, or other sources, and let the user assemble their product dynamically—no need for technical skills or bulky setups.
Whether you’re customizing jewelry, watches, clothing, furniture, or electronics, this plugin lets you offer flexible configuration options while keeping your store lightweight and manageable.
Easily add a product configurator to WordPress, with the plugin Product Configurator for Woo!
🎮 Check out the live demos
🛠️ Set up a sandbox with admin access
Have feedback, ideas, or found a bug? Report issues on GitHub or use the support forum.
Features
🖼️ Layered Image Rendering – Compose product previews using transparent PNG layers—no need to create images for every combination.
🔄 Multiple Views – Show multiple angles or perspectives (e.g., front, side, back) of the product.
📋 Multi-Step Configurator – Split complex product builds into multiple steps to streamline user experience.
💰 Price per Option (via add-on) – Assign additional pricing to individual options (great for premium upgrades).
📝 Form Fields (via add-on) – Let users enter text, numbers, or upload files—ideal for personalized orders.
🧮 Custom Pricing Formulas (via add-on) – Calculate advanced prices dynamically based on user input and selected options.
🔀 Conditional Logic (via add-on) – Show/hide options dynamically depending on user selections—perfect for complex logic flows.
📦 Inventory & Stock Management (via add-on) – Track inventory per option inside the configurator, or by linking to actual WooCommerce products.
🔗 Linked Products (via add-on) – Link any configurator choice to a real product in your WooCommerce shop:
Add real components to the cart
Track SKUs and inventory
Support ERP/warehouse integration
Build composite/bundled products
Use or override linked product pricing
🔤 Live Text Overlay (via add-on) – Let customers preview custom text with your fonts and colors—ideal for engraving, embroidery, and personalization.
🧑💻 Developer Friendly – Includes hooks, filters, and a clean, commented codebase. Limited docs for now, but open support is available.
Shortcodes
Configurator Button:
[mkl_configurator_button product_id=1 classes=”button primary”]
Optional content:
[mkl_configurator_button product_id=1]Button text[/mkl_configurator_button]
Inline Configurator:
[mkl_configurator product_id=1 classes=”your-css-class”]
Themes
Includes several built-in high quality themes (see Screenshots)
Easily create your own theme for full control
Supports WordPress Customizer (Appearance > Customize) to change visual styles
Premium Add-ons
The core plugin is fully functional. Extend it with these premium modules:
Extra Price – Add custom pricing to options
Save Your Design – Let users save and return to their designs
Multiple Choice – Enable multi-select per layer
Linked Products & Stock Management – Link options to WooCommerce products, track inventory, sync with ERP
Conditional Logic – Dynamically show, hide, or auto-select items based on conditions
Form Fields – Add forms to collect extra input, and perform price calculations
Text Overlay – Let users preview personalized text in real time
💬 For custom development or tailored integrations, contact me here.
