Simplio3D

WooCommerce Integration

Connect your Simplio3D configurator to WooCommerce and let customers configure products in 3D, then send them to checkout or add them to their cart. Two integration modes are available: Redirect to Checkout and Add to Basket.

Integration Modes

Redirect to Checkout

After configuring the product, the user is redirected directly to the WooCommerce checkout page with the configured product and price. No plugin required — uses a direct URL redirect with configuration data encoded in the URL parameters.

Add to Basket

After configuring, the product is added to the WooCommerce shopping cart (without redirecting). The user can continue shopping and add more products. Requires the Simplio3D WooCommerce plugin installed on your WordPress site.

Prerequisites

  • A WordPress website with WooCommerce installed and activated.
  • A Simplio3D account with at least one Configurator project with pricing enabled.
  • The project must have Share Link enabled.
  • For "Add to Basket" mode: WordPress admin access to install the Simplio3D WooCommerce plugin.

Linking a WooCommerce Product

  1. 1In the Simplio3D editor, open your project.
  2. 2Go to the WooCommerce integration panel (or Project Settings > Advanced > WooCommerce).
  3. 3Choose the integration mode: "Redirect to Checkout" or "Add to Basket".
  4. 4Click "Link Product" to search for or browse your WooCommerce products.
  5. 5Select the WooCommerce product to link. The product name, SKU, and price are displayed for confirmation.
  6. 6Save the integration. The configurator now includes a checkout / add-to-cart action.

Setup: Redirect to Checkout

  1. 1Choose "Redirect to Checkout" mode in the integration panel.
  2. 2Link your WooCommerce product (see above).
  3. 3The configurator will show a "Buy Now" or "Proceed to Checkout" button (label is customisable).
  4. 4When clicked, the user is redirected to your WooCommerce checkout URL with the product ID and configuration data.
  5. 5No plugin installation needed — this mode works with any standard WooCommerce setup.

Setup: Add to Basket

  1. 1Download the Simplio3D WooCommerce plugin from Dashboard > Integrations > WooCommerce.
  2. 2In your WordPress admin, go to Plugins > Add New > Upload Plugin. Install and activate the .zip file.
  3. 3In the Simplio3D editor, choose "Add to Basket" mode.
  4. 4Link your WooCommerce product.
  5. 5The configurator will show an "Add to Cart" button.
  6. 6When clicked, the configured product is added to the WooCommerce cart via the plugin API — the user stays on the page and can continue configuring or browsing.
  7. 7The cart item includes: product name, all configuration details, a 3D screenshot thumbnail, and the calculated price.

How It Works for Customers

  1. 1The customer opens the configurator (embedded on the product page or via a share link).
  2. 2They configure the product — choosing materials, colours, options, dimensions, etc.
  3. 3The price updates in real time as they change options.
  4. 4They click the checkout/cart button.
  5. 5For Redirect mode: they are sent to the WooCommerce checkout with the product pre-added.
  6. 6For Basket mode: the product is silently added to their cart. A confirmation toast appears.
  7. 7The WooCommerce order contains all configuration details, the calculated price, and a screenshot.
Price sync: The price calculated by Simplio3D is sent to WooCommerce as the product price. Make sure your Simplio3D pricing is configured correctly. The WooCommerce product base price is overridden by the Simplio3D calculated total.

More in Integrations

ShopifyConnect Shopify for cart permalinks, draft orders, or SKU-matched multi-line carts from configured products.API & SDK Quick StartGet started with the Simplio3D REST API and headless TypeScript SDK to drive configurators from your own code.