DynaMaker CAD Configurator for WooCommerce

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

Replacing the product image with your DynaMaker app

1. 01Edit a product in WooCommerce
2. 02Create an attribute ‘dynamaker’ (or ‘dynamaker-test’) and add your dynamaker application ID (ID = XXXX in deployed.dynamaker.com/applications/XXXX)
3. 03Update WooCommerce product
4. 04View the product page and the image should be replaced with an iframe

Connect with Advanced Product Fields from Studio Wombat (optional)

1. 05Install Advanced Product Fields for WooCommerce (1.9.2 Premium version recommended for pricing formulas)
2. 06Ensure your WordPress theme is compatible with Advanced Product Fields (or modify CSS to handle field visibility)
3. 07Edit product in WooCommerce
4. 08Create Custom Fields for your product that should sync with DynaMaker
5. 09Optionally add formula pricing (Advanced Product Fields – Premium)
6. 10Update WooCommerce product
7. 11For 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
8. 12For user inputs inside DynaMaker – Add an event trigger inside DynaMaker application inside UI Studio -> UI -> onInit (see example below)