---
title: "Setting Up Products"
canonical: https://customerscanvas.com/docs/cc6/setting-up-shopify-products.htm
archived: true
applies_to:
  - product: "Customer's Canvas On-Premises"
  - product: "Design Editor"
    versions: ["6.15.0", "6.x (may differ)"]
---

**You’re viewing outdated documentation.** [View the latest Customer’s Canvas On-Premises documentation](https://customerscanvas.com/docs/on-premises/).

# Setting Up Products

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
To personalize products in Shopify, you need to upload all necessary designs, fonts, clipart, and other elements through the backend, create a product in the Shopify admin panel, and then associate this product with the templates on the Customer's Canvas backend. Let us describe these steps.
 
## Uploading Designs
  
First, you need to create product templates in Photoshop. For testing, you can use the standard PSD templates already pre-uploaded to your Customer's Canvas instance. Creating your own templates in Photoshop is covered in the [Photoshop Templates](https://customerscanvas.com/docs/cc6/creating-templates-in-adobe-photoshop.htm.md) section.
 
After you have prepared PSD templates, go to the Customer's Canvas backend and upload your templates, fonts, and public gallery assets to the appropriate folders by using the **File Manager**:
 
- Product templates: `\ProductTemplates\designs\`
- Mockups: `\ProductTemplates\mockups\`
- Gallery assets: `\PublicGalleryFolder\`
- Fonts: `\Fonts\`

**Note** 
You can find more details about the cloud version of Customer's Canvas in the [corresponding topic](https://customerscanvas.com/docs/cc6/customers-canvas-hosted.htm.md). If you have any questions or problems with it, please contact the Aurigma support team.
 
## Creating Shopify Products
  
Now, go to the Shopify admin panel and create a product. If you already have products that you need to customize, you can skip this step.
 
Specify your product name, price, picture, and other settings that you need. If you face any difficulties in this step, refer to the Shopify documentation.
 
## Associating Templates with Products
  
After you have created Shopify products, return to the Customer's Canvas backend and click the **Shopify** tab. This tab appears after you have [associated Customer's Canvas with Shopify](https://customerscanvas.com/docs/cc6/binding-shopify-and-app.htm.md). You can find a list of your Shopify products on this tab. If you click a product name in the product list, then the product will open and may look like this:
 
![Shopify products in the cloud account.](https://customerscanvas.com/docs/cc6/images/Shopify_Products.png)
 
Select an editor and config, and fill out the rest of the fields. Click the **Apply** button.
 
If you want to remove the connection between a Shopify product and the editor, click **Unlink**.
 
## Checking the Results
  
If you have done everything correctly, then Customer's Canvas will now be integrated with your Shopify store. You can verify this through the following steps:
 
1. Open the page of the product that you have linked to the Customer's Canvas editor. 
    ![The personalization button in Shopify.](https://customerscanvas.com/docs/cc6/images/Shopify_DesignProductButton.png)
2. Click the **Design product** button to open the editor with the selected template. 
    ![The product editor embedded in Shopify.](https://customerscanvas.com/docs/cc6/images/Shopify_Personalization.png)
3. Edit the product, submit an order, and emulate a payment. Note that you do not have to complete the payment. You need to reach the **Payment** page, where it wants you to enter the credit card details, and then you can quit it.
4. Open the Shopify admin panel and go to **Orders** > **Abandoned checkouts**.
5. Find your order and make sure that it contains links to proof images and a high-resolution PDF file. 
    ![The personalized products in Shopify orders.](https://customerscanvas.com/docs/cc6/images/Shopify_Checkout.png)
 
## See Also
  
### Manual
 
- [Photoshop Templates](https://customerscanvas.com/docs/cc6/creating-templates-in-adobe-photoshop.htm.md)
- [Control Panel](https://customerscanvas.com/docs/cc6/customers-canvas-hosted.htm.md)
- [UI Framework](https://customerscanvas.com/docs/cc6/product-editors.htm.md)