> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://fpd-doc.ganymede-apps.net/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Getting Started with Shopify!


${youtube}[Quick Start](FtjEhnFO_wU)

---

So you have installed the Fancy Product Designer app in your Shopify store. 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 customization or without creating a customization at all, we have installed some preset customizations out of which you can choose. These are preset, ready-to-use customizations that can be used to understand how a fancy customization should be built or that can be used straight away in your shop.

To choose a preset customization, you have to select the Customizations tab and click on “Customization Library”. 
The library will open:

![](https://storage.crisp.chat/users/helpdesk/website/-/c/b/1/7/cb1733eed2f3b800/customization-library_1pj96mg.png)

With “Create Customization” you select a customization that will then appear in your “Customizations” section as a newly created customization. 

Now it’s time to link this customization 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 “Shopify Products” tab and choose one of your products to link an Assigned Customization (1.) to. For now, the source should be the customization we have created a moment ago. To see the designer in action, click on the icon under 2.) to get to the frontend of this product in your shop.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/b/1/7/cb1733eed2f3b800/shopify-products-2_1gpihb0.png)

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](https://www.youtube.com/watch?v=AU9c4dtqKOs&t=44s) (also shown above), you can see the described process in action. If you are now curious about setting up your own customizations, you will find a detailed article on how to do this [here](https://support.fancyproductdesigner.com/support/solutions/articles/13000093087-create-your-own-fancy-customization).