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