Shopify Custom Product Designer: Step-by-Step

What does a Shopify custom product designer add to your store?

A Shopify custom product designer puts a design tool on the product page, so a buyer adds text, a photo or a logo inside the print area before checkout, and the store receives a print-ready file with the order. Shopify stays the storefront, checkout and payments; the designer app adds the personalisation and the file.

This guide is the hands-on part of our wider guide to Shopify and Wix print on demand with a product designer, which explains when a designer app fits better than a print-on-demand provider's app. If the model itself is new, start with what print on demand is. Here we stay on Shopify and go through the exact screens, from the install to the first test order.

The steps follow Printcart's own print-on-demand tutorials and the Shopify series in the Printcart tutorials, checked on 13 November 2026. Printcart is our product: this site, solution.printcart.com, is run by Netbase JSC, the company behind Printcart. Shopify is the store platform the designer runs on, and its documentation is quoted where it explains how theme apps work.

What do you need before you start?

You need a Shopify store, an account that may install apps and edit the theme, at least one product you want to personalise and access to the store owner's mailbox. You also need one answer from your printer: the print size, file type and bleed it accepts, because those numbers become the print area in step 5.

Printcart's Shopify set-up tutorial lists the same three account items and was run by Printcart on a test store on 6 November 2026. The printer question comes first because the designer can only produce what you define: a print area set to the wrong size gives a file that looks right on screen and prints off position.

If you are building a T-shirt store, our case-led guide to a print-on-demand T-shirt store on Shopify covers the product range, pricing tiers and quote requests that sit around these steps.

How do you add a custom product designer to Shopify, step by step?

You add it in seven steps: prepare the product, install the app, place the app block, switch on buyer actions, set print areas and prices, add templates, and run a test order. Install and connection take minutes; most of the time goes into print areas, templates and the test order.

Embed this graphic

Copy this HTML to show the graphic on your site with a link to the source.

<a href="https://solution.printcart.com/insight/shopify-custom-product-designer-step-by-step"><img src="https://solution.printcart.com/insight/shopify-custom-product-designer-step-by-step/setup-flow.webp" alt="Seven set-up steps for a Shopify product designer, from preparing the product to a test order" width="1440" height="1080"></a><br>Source: <a href="https://solution.printcart.com/insight/shopify-custom-product-designer-step-by-step">Printcart</a>

Steps 2 to 4 come from Printcart's three-step Shopify tutorial. Step 5 follows the Dashboard tutorial on enabling the online designer and printing options, step 6 the complete product designer set-up guide, and step 7 the tutorial on managing orders and design files.

Why is the designer an app block and not an app embed?

Printcart is added as an app block, so it sits inside the product section exactly where you drop it, usually just above the Buy buttons. That is why you will not find a Printcart switch under App embeds in the theme editor, and why each product template you use needs the block saved on it.

Shopify's developer documentation on theme app extensions describes two kinds of theme app element: app blocks, which merchants place in theme sections for precise positioning, and app embed blocks. It also states that apps built this way do not edit theme code, which lowers the risk of breaking the theme, and that they work with Online Store 2.0 themes.

In practice this means two checks. If your shop uses more than one product template, for example one for apparel and one for mugs, repeat step 3 on each one. And after you switch theme, add the block again on the new theme before you publish it.

How do you set print areas so the file matches the preview?

Set one side per printable face of the product, give it the real product size and draw the printable area inside it. When the buyer stays inside that area, the print-ready file matches the design they saw. Most personalisation reprints come from print areas that were never set, text that does not fit and low-resolution uploads.

In the Printcart Dashboard, Sides and print areas has Create product side for a new side and Apply global side to start from a ready-made one; each side shows a badge such as 1/1 configured. Until a side exists, the product reads Designer needs product sides. The Readiness cockpit on the right counts sides, print areas and printing options, lists what is missing and turns to Ready when the product can open in the designer.

Printcart's designer set-up guide adds three rules that save reprints: set a minimum resolution for uploads, cap text length and font size to the safe area, and generate a file from a test design to check resolution, alignment and bleed. It also suggests proving the flow on one product per family, such as one shirt, one mug and one flat print, before you copy the pattern to the rest of the catalogue.

What should you check if Start Design does not appear?

If Start Design is missing, check the app block, the buyer actions and the product status, in that order. Printcart's Shopify tutorial names three checks: the block is saved on the template the product uses, at least one buyer action is on in Product mappings, and the product status there is Published.

Embed this graphic

Copy this HTML to show the graphic on your site with a link to the source.

<a href="https://solution.printcart.com/insight/shopify-custom-product-designer-step-by-step"><img src="https://solution.printcart.com/insight/shopify-custom-product-designer-step-by-step/start-design-check.webp" alt="Checklist matrix for a missing Start Design button: app block, buyer action, product status and readiness" width="1440" height="810"></a><br>Source: <a href="https://solution.printcart.com/insight/shopify-custom-product-designer-step-by-step">Printcart</a>

A fourth check sits in the Printcart Dashboard: the product should show Ready in the Readiness column. A product without a configured side cannot open the designer even when the button logic is right. There is no activation request to wait for: when Setup says Printcart store connected, the store is ready, and the older Activation notification button was removed from the app.

If you would rather not do the clicks yourself, Printcart runs a Printcart set-up for Shopify, delivered remotely: the team places the block, sets the first products and checks a test order with you.

Where does AI help, and what does the shop still decide?

AI prepares and checks images; the shop decides what is sold and what is printed. For a Shopify store connected to Printcart, background removal cuts out product photos for the listing, and Preflight AI in the Printcart Dashboard reports a print file's colour mode, pixel size, DPI and bleed. A person still accepts the file or declines it with a reason.

Printcart's Shopify series includes a tutorial on removing backgrounds from product photos for Etsy and Shopify, run on 6 October 2026, which notes that the cut-out keeps the size of the original, so you should start from your largest photo. Shopify's product media guidance gives the image sizes the store accepts.

For a buyer's file, the full preflight tutorial shows what the check reports, and the file review tutorial shows Accept file and Decline, where a reason is required. We go deeper in AI Preflight for custom print orders and AI background removal and upscale in an online designer. A shop that wants the check built into its order flow can use the AI print-file preflight set-up for POD stores.

What does a Shopify product designer cost?

Printcart Product Personalizer is free to install, and the Free plan includes the online designer on the storefront, 10 designer products, 0.5 GB of storage, CMYK print-ready export and community support. On the Shopify App Store listing, Premium is $49 a month or $299 a year, Advanced $199 a month and Enterprise $499 a month, all billed by Shopify.

These prices were checked on 13 November 2026 and match the monthly prices on Printcart's store plans page. Premium adds up to 100 products with the public designer, premium clipart and templates, advanced pricing options, 500 order-upload file downloads a month, no Printcart branding and priority support; Advanced adds a branded B2B workspace for uploads, proofs, quotes and approvals.

Two costs sit outside the plan. On the Free plan the PDF, PNG and SVG exports of a saved design carry a PRO label in the Printcart Dashboard, so check which files your printer needs before you choose a plan. The AI tools are paid with tokens from the account's AI Wallet, and the price is shown before each job runs.

How do you go from a test order to real orders?

Run one test order end to end before you promote the product. Personalise it on a phone, check out through Shopify, then follow the order in the Printcart Dashboard: Move to review, Accept order, Start production and Mark fulfilled. The test proves that the file, the options and the hand-off to the printer all arrive.

The orders tutorial notes that orders from WooCommerce, Wix and Shopify share one list, that Accept order and Mark fulfilled can notify the customer if email notifications are on, and that Design Files holds every saved design with its order reference. Printcart's Shopify selling guide lists the launch mistakes to avoid: skipping print areas, pricing before costs are known, no test order and too large a first catalogue.

When the printer is a print-on-demand partner without a ready connection, the POD provider and fulfilment connector service builds the order, file and tracking hand-off. If you want the whole store built rather than an app added, the Shopify T-shirt store and the Shopify print shop store show the full-store result; the Store package is USD 799 a year.

Which other options should you look at?

Printcart is one of several designer apps on Shopify, and an app is not the only route. Compare two or three apps on your own products, and consider the API when the storefront or production system is your own. Our comparisons give every fact a source and the date it was checked.

The Shopify product customizer comparison covers Printcart, Zakeke, Customily, Teeinblue, Inkybay and Easify on the same criteria. When an app is not enough, for example with a headless storefront, Printcart on Shopify: the app or the API explains what the Printcart API adds. For a Wix store, the same set-up is in the Wix custom product customizer guide.

The quickest next step is to follow the Shopify series in the Printcart tutorials, browse the print-on-demand tutorials for the business side, and install Printcart for Shopify on the Free plan to set up one product and one real test order.