WooCommerce

How to integrate configurators with WooCommerce

Integrating Simplio3D with WooCommerce offers a seamless and efficient way to enhance your online store's functionality. This integration not only elevates the shopping experience through interactive 3D customizations but also streamlines operations by leveraging WooCommerce's vast eCommerce capabilities.

Connect with WooCommerce

Ensure you have a fully functioning WooCommerce installation on your WordPress site.

In Simplio3D app, go to Integrations, found in the left menu and select WooCommerce.

Integration page

Open another tab in your browser and go to your WordPress site, click on WooCommerce in the left menu, and go to Settings.

Go to WooCommerce > Settings > Advanced > REST API

Next, click on the Advanced tab and select the REST API tab from the submenu, as shown in the image below.

Create an API key

Click the blue "Create an API Key" button to generate a key for your integration.

Type a name for Description field to identify your key and for Permissions select Read/Write

NOTE: Make sure Read/Write is selected in Permissions.

Click the blue 'Generate API key' button found at the bottom to generate the Consumer Key and Consumer Secret. The 2 codes will be used in the WooCommerce integration step found on the Simplio3D platform.

Copy/Paste consumer key and consumer secret in WooCommerce settings found in the Simplio3D platform

Return to the WooCommerce integration page on the Simplio3D platform and copy/paste the 2 codes along with the store URL.

NOTE: For the store URL, please make sure you add the https:// and without www.

In Simplio3D, copy/paste the 2 codes along with the store URL

Once the 3 fields are filled in, click “Connect to WooCommerce” to complete the integration. If the fields are correctly filled in with the required data, you should receive a “WooCommerce is connected” confirmation message as shown below.

WooCommerce is connected

Connect WooCommerce with a specific configurator

After you have successfully connected WooCommerce with Simplio3D, you are ready to connect a configurator and complete orders through your WooCommerce store. You can do this by going directly to the Products section and clicking on the button with the "cart" icon on the configurator you want to connect to.

Click the basket button to connect a configurator with WooCommerce

After clicking the "cart" button, a pop-up window will appear where you can select the platform you want to integrate the configurator with, in our case we select WooCommerce and click 'Save'.

Select WooCommerce

After you select "WooCommerce" and click "Save", the configurator is integrated and configurator users can finalize orders through the WooCommerce checkout process.

WooCommerce integration complete

Embed the Configurator

Simplio3D provides an embed code (iframe or JavaScript) or source link for integration.

Add this to your WooCommerce product page template, usually via:

  • A HTML block

  • A custom page builder widget

  • PHP template modification (single-product.php)

More information in the Share chapter.

Last updated

Was this helpful?