Create Fully Customizable Products for Your Store

After installing Product Designer Pro, you need to enable the app before using the product customization features in your store.

Follow these steps to activate the app:

• Open the Product Designer Pro app from your Shopify admin.
• Go to the Settings section in the left sidebar.
• Turn the Enable App switch to ON.
• Click Save Config to apply the changes.

Once enabled, the product designer features will be activated and ready to be used when creating customizable products.

---

To allow customers to customize a product, you first need to create a design configuration for that product in the app. Follow the steps below to create a new product design.

Import a Product

In the app dashboard, go to Products from the left sidebar and click Create Product.

Select Import and click Next to choose a product from your Shopify store.

Select a product that you want to enable for customization.

You can choose the product from the admin panel of your Shopify store.

Enable the design option for the selected product.

---

Create a Design Side

After enabling the product design, click Create Side to add a design area where customers can place their custom elements.

Enter the required information for the design side.

Required fields: Title, Width, Height

• Title – The name of the side. It will appear in the design sidebar for customers to select.
• Status – Enable or disable this design side. If enabled, it will appear in the design sidebar.
• Default Side – The default design area that will be loaded when the designer opens. If the side is set as default, it will be used as the default design frame when the page is loaded for the first time.
• Width & Height – Define the size of the design canvas. Set the width and height of the design frame.
• Background Type – Configure the background for the design area. Set the background of the design frame.

---

Create a Design Template

You can create templates that customers can customize. Templates help store owners provide pre-designed layouts that users can modify.

Go to Manage Templates and click Create Template.

Inside the design editor, you can add elements such as text, images, or clipart. When finished, click Save to store the template.

---

You can add custom fonts to the designer so customers can choose different text styles when creating their product designs.

Once a font is added and enabled, it will appear in the text editor inside the product designer.

To upload a new font to the designer:

• Open the Fonts section from the left sidebar.
• Click the Add New Font button.
• Upload the font file and enter the required information.
• After entering the required information, click the Create new font button to save and activate the font.

---

Use colors to customize the text appearance in the design editor.

To add a new color, go to Colors in the admin panel and click Add New Color.

Enter the required information, then click Create New Color to save it.

---

You can add images, shapes, or clipart to the left sidebar by assigning them to the appropriate category in the admin panel.

Image

Images added to the Images category will appear in the Images tab of the design editor.

Shape

Shapes added to the Shapes category will appear in the Shapes tab of the design editor.

Clipart

Clipart added to the Clipart category will appear in the Clipart tab of the design editor.

Add a new asset

• Go to Images in the admin panel.
• Click Add New Image.
• Upload your file and enter the required information.
• Select the appropriate category:
  • Images → for standard images
  • Shapes → for shape elements
  • Clipart → for clipart items
• Click Create New Image to save.

After saving, the asset will be displayed in the corresponding section of the left sidebar for customers to use in their designs.

Note: The selected category determines where the asset appears in the design editor.

---

The custom design button allows customers to personalize products directly on the product page.

Steps to add the button

• Go to Online Store → Themes in your Shopify admin.
• Click Customize on your active theme.

• Open the Product page template.

• Click Add block in the product section.
• Select Product custom design (PDP - Product Designer Pro).

After adding, the Customize button will appear on the product page, allowing customers to start designing.

---

You can review the designs created by customers directly from the order details in the admin app.

Steps to view a design

• Go to Orders in the admin app.
• Click View Details on the order.

• Find the product in the order.
• Click View Design.

The design will open in the editor, where you can preview or download the customer's customization.

---