Posted at 

February 3, 2020

 | 
By 

Grâce Ouendo

 | 

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 frontend.
    Output format fields
  3. Click on the Publish button to save your configuration.

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.

2 comments

  1. sunil chauhan

    I need to purchase this plugin for my wordpress website. but demo generated is not working with shop, shop credentials. please provide some backend demo so we can proceed.

    October 16, 2020 at 4:58 am
    Reply
    • Bellarmin

      Hi Sunil,
      The demo admins are working now. You can try again, it is only valid for 1 hour, after this time you must regenerate another.Thanks

      November 2, 2020 at 8:55 pm
      Reply

Leave a comment

Your email address will not be published. Required fields are marked *