Description
Simplio3D for WordPress helps you publish an interactive 3D product configurator (or a simple 3D product viewer) on your website using configurators you build inside the Simplio3D platform. Create your product in the Simplio3D app (using your own 3D assets and materials), then embed it on any WordPress page using the provided embed link and/or shortcode — perfect for product pages, landing pages, and custom quote flows.
Key Features
- Interactive 3D product configurator with an optional product viewer mode (viewer mode is ideal when you don’t need options/pricing)
- 11+ configurator UI block elements for options and layout (e.g., Material, Upload, Text/engraving, Numeral sizing/quantities, Patterns, Canvas, etc.)
- Object scaling via Numeral controls: let users resize/scaling parts of the 3D product configurator using Numeral inputs (with min/max limits) for precise, guided adjustments. Learn more
- Restrictions / conditional logic to link variants and enforce constraints (including rules for hiding/showing 3D parts and numeric min/max restrictions)
- Real-time pricing per option variant, with support for more advanced structures like variables and pricing formulas
- Built-in submission form to collect customer details and submit a configuration for quote requests (or use “Add to Cart” when connected to e-commerce)
- Easy embedding via a secure configurator source link (iframe), plus optional JavaScript settings (dark theme, dimensions, sidebar toggles, AR toggle)
- WooCommerce integration (Add to Basket) including an example shortcode embed and cart workflow
- 3D format support for importing models in .GLB, .GLTF, and .OBJ (web-optimized formats recommended)
- API documentation: integrate Simplio3D with your own systems (catalog, pricing, orders/quotes, automation) using the official API docs. Learn more
Simplio3D is designed around a flexible “block” approach to configuration. In the app, you can build option sets using multiple block types (including Dropdown, Material, Checkbox, Toggle, Thumbnails, Upload, Text, Numeral, Patterns, and Canvas), then connect them with conditional logic (restrictions) to show/hide valid choices and guide users to compatible configurations.
This plugin is ideal if you sell configurable or customizable products (like furniture, jewelry, or manufacturing components) and need to pass dynamic configuration data from Simplio3D into WooCommerce.
Usage
- You can mix regular WooCommerce products and Simplio3D-configured products in the same store.
- The shortcode embeds your configurator in an iframe and handles “Add to Cart” communication automatically.
Screenshots
Example shortcode in a WordPress page. 
Configurator embedded inside a WooCommerce product page. 
Configured product added to WooCommerce cart. 
Installation
Quick Setup — Simplio3D WooCommerce: Add to Basket
Step 1. Install and activate the Simplio3D Product Configurator plugin in WordPress.
Step 2. Create a WooCommerce product (hidden), including an SKU and a placeholder price.
Step 3. In Simplio3D, go to Integrations WooCommerce, choose Add to Basket mode, and fill in:
-
API URL (
?add-to-cart=PRODUCT_ID)
Example:https://mydomain.com/?add-to-cart=22 -
Access token
-
Store URL
-
WooCommerce consumer key & secret
Step 4. In Simplio3D, go to Products and link your configurator to the WooCommerce product using its Product ID.
Step 5. Embed the configurator into your site using the provided shortcode:
[simplio3d_configurator url="..." product_id="123" height="850px" width="100%"]
Step 6. On your WooCommerce Cart page, insert the cart shortcode:
[woocommerce_cart]
Step 7. (Optional) Add custom CSS in Appearance Customize Additional CSS to style the configurator thumbnails inside the cart:
.woocommerce-cart-form .product-thumbnail { max-width: 100px !important; }
.woocommerce-cart-form .product-thumbnail img { max-width: 150px !important; width: auto !important; }
.woocommerce-cart-form .product-name img { display: none !important; }
FAQ
-
Log in to your Simplio3D admin and generate a «Share URL» for the configurator.
-
Where do I find the WooCommerce product_id?
-
Go to WooCommerce Products, hover over a product, and you’ll see the ID.
-
Can I use both WooCommerce native products and Simplio3D?
-
Yes. Normal WooCommerce products work as usual, and Simplio3D products are added using the shortcode.
-
Does this plugin handle pricing?
-
Yes. The configurator can send the final calculated price into WooCommerce’s cart. You can also rely on WooCommerce product price if you prefer.
Reviews
Contributors & Developers
“Simplio3D Product Configurator” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Simplio3D Product Configurator” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0
- Initial release with shortcode support and WooCommerce cart integration.