Show Fancy Product Designer in your store

So you have installed the Fancy Product Designer. What comes next? 

The first step would be to integrate the designer into your shop. To enable you to see the designer in action even before you have created your own product or without creating a product at all, we have installed some templates out of which you can choose. These are ready-made fancy products that can be used to understand how a fancy product should be built or that can be used straight away in your shop.

To choose a template, you have to select the products tab and click on “Templates Library”. 
The library will open:

With “Create Product” you select one fancy product that will then appear in your “Products” section as a newly created product. Now it’s time to link this fancy product to one of your Shopify products because until now it just lives inside the app and cannot be seen in your shop. To link it, select the “Shop Products” tab and choose one of your shop products to link an FPD source (a fancy product) to. For now, the source should be the freshly created template. To see the designer in action, click on the icon under 2.) to get to the frontend of this product in your shop.

You will see a customize button next to the add-to-cart button. By clicking it, the designer will open in a modal overlay. By clicking on “Done” after finishing the customization, you will get back to the product page.

In this video, you can see the described process in action.