Skip to content
On this page

WordPress / WooCommerce

This page describes the installation procedure for owners of a WordPress website with the WooCommerce extension enabled.

Install the plugin

The plugin comes as a WooCommerce extension, make sure to enable WooCommerce to be able to install Colorlab in your WordPress store.

Open the plugin settings

  1. Log in to your Wordpress store
  2. Navigate to WooCommerce - Settings
  3. Click on the Colorlab tab

Configure the extension

  1. Enter your Colorlab Shop ID (displayed in the Settings page of the Colorlab Console)
  2. Enter a text for the Customize button (defaults to Customize this product)
  3. Enter a text for the customization link displayed in your shopping cart (defaults to Change customization)
  4. Save your configuration by clicking Save changes

Enable customization for a product

For every customizable product, you need to enable the app. Navigate to Products and add or edit a product.

Simple products

  • Scroll down to the Product Data area and activate the General tab.
  • Tick the Enable Colorlab customization checkbox.
  • Optionally, enter a Colorlab Template ID. This is a unique reference to a Template in the Colorlab back-end. If you don't enter a Colorlab Template ID, the product's SKU will be used.
  • Save your changes
  • Visit the product's detail page in your Wordpress store

Variation products

  • Scroll down to the Product Data area and activate the General tab.
  • Tick the Enable Colorlab customization checkbox.
  • Activate the Variations tab.
  • For each variation, optionally enter a Colorlab Template ID or enter an SKU. This is a unique reference to a Template in the Colorlab back-end.
  • Save your changes
  • Visit the product's detail page in your Wordpress store

TIP

Did your Add to cart button not change to a Customize button? Please contact Colorlab Support: support at colorlab dot io.