Expivi WooCommerce Integration

  1. Home
  2. Docs
  3. Integration
  4. Expivi WooCommerce Integration

Expivi WooCommerce Integration

1. Install the Expivi WordPress plugin for WooCommerce

Go to the WordPress plugins directory and search for “Expivi” and install the plugin like all other plugins. Don’t forget to activate it.

Expivi WooCommerce Integration

Expivi WordPress plugin installation

2. Create the access token

Go to the backend of Expivi (https://admin.expivi.net/) and go to Team > API Keys. Create a new API key by clicking the “Create” button in the top right corner. A small popup box will appear. Give it a descriptive name for the API key and set the permissions on “Read” and click on “Create”.

Expivi WooCommerce Integration

You’ll see a new popup window with the access token. Copy the access token in a text file. Warning: the access token will only be shown once and cannot be retrieved again. You’ll have to create a new access token if you need one.

Expivi WooCommerce Integration

3. Make the API connection

Go back to the backend of your WordPress WooCommerce website and go to Settings > Expivi settings. You’ll see two fields:

  • API URL: enter https://www.expivi.net/api/ in this field
  • API Token: enter the complete access token you’ve just created in this field

Hit “Save Changes” and you’ve created the API connection

Expivi WooCommerce Integration

4. Connecting the products

Now you’ve setup an API connection, it’s time to add the 3D product configurator to the WooCommerce product pages.

In the WordPress WooCommerce backend find the product (Products > All Products). On the “Edit product” page, go to the “Expivi product” setting that can be found under the product description area.

Expivi WooCommerce Integration

In the “Expivi product ID” drop down selector, find the corresponding product, click on Load viewer and you’ll see the product in the preview area. Click on “Save configuration” and click on “Update” to save the product modifications.

Expivi WooCommerce Integration

You now have replaced the standard WooCommerce image viewer and options selector with the Expivi 3D configurator. Repeat this process for all other products.