A custom product configuration is a set of parameters that can be assigned to one or more WooCommerce products that regulate how they work. Assigning a custom product configuration to a normal WooCommerce product turns it into a customizable product. Here is how to create a custom product:

  1. Click on Kandi > Configurations, to access the list of existing configurations.
  2. Next, click on New Configuration to have access to the page on which you can create a new configuration.Create New Configuration
  3. Then add a Configuration name. Name the Configuration
  4. Choose your phone model and the available layouts
Choose phone model
  1. The Text section gives you a lot of funny options that will allow you to choose how your customers should manage their texts in the designer.
    Use global fonts: This option allows you to choose if your customer will be able to use all the fonts you have defined in the fonts section or a specific set of fonts you will choose beforehand.
    Select fonts: This option allows you to choose the available fonts on this configuration.
    Max length: This option allows you to choose the maximum length of the texts your customers can add on the design.
    Colors palette type: This option allows you to choose if your customer will have a color picker or if you want to define a palette of color for them to choose the text color in the designer at the front end.
    Select Fonts
  1. The background settings section gives you a lot of funny options that will allow you to choose how your customers should manage their background in the designer.
    Background categories: This option will allow you to select which Clipart categories to be used as background images.
    Background settings
  2. The output section allows you to choose the format, size, and resolution of the customer’s output file after designing it in the front end.
    Output format fields
  3. Click on the Publish button to save your configuration.

With Kandi, you can easily Set Up A Custom Phone Case Designer! No technical knowledge.

VIEW DEMO

How to create a custom WooCommerce product?

Once you’ve created a configuration as described in the previous section:

  1. Click on Products > Add New to access the product creation screen.
  2. Enter your product name.
    Product creation screen
  3. Select the product type (only simple and variable products are supported at this time).

For simple products:

  1. Enter product price.
  2. Now select the corresponding configuration previously created from a dropdown field on the page.
    Simple product configuration field
  1. Write a short description of the product.
  2. Finally, click on the Publish button to save your product.

For variable products:

  1. In the Product creation page, select “variable product”.
  2. Click on the option “variations”.
  3. Select the variations you want to configure.
  4. Enter “variation price”.
  5. Now select the corresponding configuration previously created.
    Variable product configuration field
  1. Write a short description of the product.
  2. Finally, click on the Publish button to save your product.

How can a customer customize a product?

Once a product has been set as customizable, there are 2 ways for customers to customize it:

  • From the shop page (simple products only): a Design Now button will appear under the Add to cart button. A click on it will lead the user to the editor page with the product data already loaded.
  • From the product page: a Design Now button will appear under the Add to cart button. A click on it will lead the user to the editor page with the product data already loaded. If it is a variable product, make sure you select the options before clicking the Design Now button.

Can I add a configuration to an existing product?

Yes, but the existing WooCommerce product must either be a simple or variable product. The configuration field appears in existing WooCommerce products as well. You can follow the steps above to add the configuration for either product type. Note: This works for WooCommerce-enabled themes. It also works for themes that do not have any reference to WooCommerce. If the theme the customer is using is a WooCommerce-compatible theme or a custom theme, and all hooks are properly triggered, then all buttons will appear. If not, then troubleshoot and verify that all hooks are included in the theme.

Give your customers an unforgettable experience by allowing them to design Phone Cases with Kandi!

VIEW DEMO