To display product designer editor please follow the steps

# Please create a page first with shortcode on content

[product_designer]

 

View post on imgur.com

# Then go to Templates Create a template first. add your template sides image and select options.

View post on imgur.com

 

# Then go to product edit tabs see Product Designer tab and select created template.

View post on imgur.com

# For variable product you will see the options under variations

View post on imgur.com

# Then go to Product Designer Settings page and set the option Designer page select the page you just created.

View post on imgur.com

You are almost done, when you are visited WooCommerce shop page you will see the customize button.

View post on imgur.com