Custom Product Designer

The WooCommerce Custom Product Designer allows your customers to design various products on your online store such as caps, t-shirts, cards, cups, and more!

Installation

↑ Back to top
  1. Download the Custom Product Designer for WooCommerce from your WooCommerce dashboard.

2. At the WordPress admin panel, go to Plugins > Add New > Upload and select the ZIP file you just downloaded.

3. Click Install Now, and then Activate Plugin. 

Setup and Configuration

↑ Back to top

To access plugin settings, navigate to WooCommerce > Settings > Product Designer > General Settings.

General Settings:

  • Designer top heading: Set the custom heading for the product designer
  • Canvas width: Customize the size of the canvas as per your preferences
  • Set product customization fee: Set the fee for product customization. It counts as the cost of the customization
  • Designer Background color: Choose the background as per your store theme
  • Top header background: Customize the header background color to align with the store’s appearance
  • Canvas background color: Select the background color of the canvas.
  • Pixabay key: Insert the Pixabay integration key. You will get the key after making an account on Pixabay.
Product Designer Setup and Configuration

Enable Product Designer for Any Product

↑ Back to top

Go to the product management setting and enable the product customization for that specific product. You will find the product designer section at the bottom, click the button to enable the customization for the product.

Product designer enable and disable

Add Front and Back Images on Simple and Variable Products

↑ Back to top

The product designer for WooCommerce allows administrators to add front and back images for both simple and variable products. For variable products, you can add front/back images by going into the variations tab.

Simple Product

↑ Back to top
Front and back image simple product

Variable Product

↑ Back to top
Front and back image simple product

Add Clip Arts

↑ Back to top

At the back-end, go to WooCommerce > Add Clip Art. Here you can upload the clip art image and define the name as well.

clip arts for product designer

Add Clip Art Categories

↑ Back to top

Click on clip art categories to add a new category for clip art e.g. cars, animals. planes etc.

categories for clip arts