WooCommerce
How to integrate configurators with WooCommerce
Last updated
Was this helpful?
How to integrate configurators with WooCommerce
Last updated
Was this helpful?
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.
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.
Open another tab in your browser and go to your WordPress site, click on WooCommerce in the left menu, and go to Settings.
Next, click on the Advanced tab and select the REST API tab from the submenu, as shown in the image below.
Click the blue "Create an API Key" button to generate a key for your integration.
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.
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.
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.
Connect WooCommerce with a specific configurator
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'.
After you select "WooCommerce" and click "Save", the configurator is integrated and configurator users can finalize orders through the WooCommerce checkout process.
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)
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 section and clicking on the button with the "cart" icon on the configurator you want to connect to.
More information in the chapter.
