Simple 2D product template setup in Shopify

This article refers to Smart Customizer Web to Print App Version 2 (current Shopify version)

About 2D product templates

  • Product templates can be either 2D or 3D. A 2D option is ideal when you only have an image of your product.
  • These templates load quickly since the images are not excessively large, allowing customers to view them faster.
  • You can use AI to generate product images. When creating images, ensure the description aligns with our model image requirements.
  • When you create a template in SC Admin, it also creates a product in Shopify. If you already have a Shopify product and want to add customization to it, check this article.

Before we get started

Before you begin, make sure you have your product’s Model Image ready. This image is essential for the technical customization setup.

Image requirements:

  • For a realistic print appearance, the product in the image should be positioned facing directly forward in either a front, side, back, or top view.
  • The background color should be white.
  • Recommended image size: 2000 x 2000 px, while the minimum size can be 600 x 600 px.
  • Accepted file formats: .jpg or .png. Example of a model image

Additionally, prepare all other necessary product details, including the title, description, real-world scale dimensions, and print size.

Adding new product

  1. Go to Products > Add New Product. Adding new product for customization
  2. Click Start in the “Install new customizable product from presets” box. Install product from presets
  3. Select “Start from blank” by clicking Add this product. Start from blank template
  4. Enter the Title and add a clear and detailed Description of your product, including key details such as material, size, and printing specifications. Then, enter the Price. You can adjust all this information later on the Shopify product page.
  5. Click Save. Entering main information about your product
  6. A new product template has been added—click Edit customization options to continue setup. New product added

Product details

  1. Upload your Product image. This image is for organizational purposes in the SC admin only and can be the same as your model image.
  2. By default, Dynamic Pricing is enabled. If you don’t need it, uncheck the checkbox. Learn more about Dynamic Pricing.
  3. Save the changes. Basic product details

Print setup

After saving the product details, the print area option is automatically created. To customize it:

  1. In Product Options > Print area click Edit. Edit product print options
  2. Upload the Model image that will be used as a base for customization (mandatory).
  3. Scroll down and click Save. Edit print area options
  4. Click Open Print Area Editor. Opening print area editor window
  5. For Ruler Length, input the product's real-world scale dimensions in centimeters.
  6. Align the arrows to touch the sides of the product. Setting real-life product scale and dimensions
  7. Click Print Area.
  8. Define the print size by either entering numbers or adjusting the size using the blue squares.
  9. Click X. Setting print area size and placement
  10. Save the changes. Defining size of print area size and placement
  11. Your product is finished! Click View to test it. Testing customizable product template

Shopify product information

  1. Once the product is installed, you can edit its information in your Shopify product settings. To do this, go to your SC product and click Edit in Shopify. Smart Customizer product template settings
  2. On the opened Shopify product page, you can make the desired changes, such as updating the title, modifying the description, or uploading additional images and other.
  3. After making the changes, click Save. Editing product information in your Shopify store
  4. To preview your product, click View. Preview your customizable Shopify Store profuct

Shopify product pricing display

When dynamic pricing is enabled, if not specified, the default Shopify price will be displayed separately from the customizable product price in the SC app option wrapper:

Shopify product pricing display

To learn how to ensure that only the final customized product price is displayed, check this guide.

Advanced tips

  • After completing the basic product setup, we recommend creating and assigning Design templates. Design templates are predefined mockups of text and visuals that help customers start the customization process quickly. Learn how to do it here: Creating design templates for your products.
  • If you want to have multiple print options for a product, refer to this article for instructions.
  • If you’d like to add color variations for your product, check out this article: Adding color variants