外掛說明
With the DynaMaker Plugin for WooCommerce you can add visual configuration to your product page.
Features
– Embed your DynaMaker CAD Configurator on your WooCommerce site
– Enable visual product configuration to boost quotations and sales
– Connect with Advanced Product Fields from Studio Wombat
螢幕擷圖
Example with a simplistic greenhouse configurator
安裝方式
Replacing the product image with your DynaMaker app
- Edit a product in WooCommerce
- Create an attribute ‘dynamaker’ (or ‘dynamaker-test’) and add your dynamaker application ID (ID = XXXX in deployed.dynamaker.com/applications/XXXX)
- Update WooCommerce product
- View the product page and the image should be replaced with an iframe
Connect with Advanced Product Fields from Studio Wombat (optional)
- Install Advanced Product Fields for WooCommerce (1.9.2 Premium version recommended for pricing formulas)
- Ensure your WordPress theme is compatible with Advanced Product Fields (or modify CSS to handle field visibility)
- Edit product in WooCommerce
- Create Custom Fields for your product that should sync with DynaMaker
- Optionally add formula pricing (Advanced Product Fields – Premium)
- Update WooCommerce product
- For user inputs on the WooCommerce Page
8.1 Add event listener to the DynaMaker application inside UI Studio -> UI -> onInit
8.2 Hide DynaMaker toolbar in DynaMaker application by adding .sky-toolbar-container { display: none; } inside UI Studio -> STYLE - For user inputs inside DynaMaker – Add an event trigger inside DynaMaker application inside UI Studio -> UI -> onInit (see example below)
常見問題集
-
What is DynaMaker?
-
DynaMaker is a cloud-based visual CAD configuration service and is suitable for companies that have a CTO or ETO approach to sales and manufacturing.
DynaMaker lets your clients configure products in the browser and can automatically generate sales and CAD files, which saves a lot of time and money. -
How do I develop my first configurator with DynaMaker?
-
You need to create an account on DynaMaker and log in to the online editor. When you have deployed your application you can use the ID for use with the plugin. See docs.dynamaker.com for tutorials and info on how to get started.
-
How can I test this without a configurator?
-
Try using the ID of one of our existing demo configurators, like
ICPqhHqF4l0or ask for a template project at https://dynamaker.com. -
Is it possible to configure the product with inputs in the DynaMaker application and hide the fields in WooCommerce?
-
Yes! Keep the Advanced Product Fields in your WooCommerce product, but add custom CSS to your WordPress site to hide them.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
v1.1.5
– Tested with WordPress 6.3.1
– Tested with Woocommerce 8.0.3
v1.1.4
– Fixed timeout handler for data transfer
v1.1.1
– Remove console log
v1.1.0
– Checkbox values properly parsed
– Dropdown selection fixed type
– Delayed data queue for sending data to visualization
– Input min / max validation before sending to visualization
v1.0.0
– Initial release