Open navigation

Connect WooCommerce Store



With WooCommerce, you need to enable the product designer for every product individually.

  • Go to your WooCommerce Products and select a product from your existing products or add a new one.

  • You can now add an optional description or product data as needed, such as price.

  • The Fancy Product Designer meta box has been added on the right hand side of the screen.

  • Add one or more single Fancy Products individually or one or more product categories via the Source Type option.

  • After that, select the products or categories from the drop-down menu. You can also create and choose different products for mobile devices to improve the presentation of the products on smaller screens.

  • You can now publish and preview the product page. (Note: The Add to cart Button will only be shown after adding a price to your WooCommerce Product.)

You can customize the positioning of the product designer on the product page with the settings found on: Fancy Product Designer -> Settings -> WooCommerce -> Product Page. Check here for more details.



If you are using the Elementor page builder plugin, please see: Using FPD with the Elementor page builder plugins

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.