Use cases
Shopify t-shirt designer app for custom apparel
Pixel Wrangler is a Shopify product customizer for apparel. Shoppers design the front, back and sleeves of a real garment on a live, mobile-first canvas, and every paid order renders a print-ready PNG or PDF per side for DTG, DTF or sublimation. It was built for Threadheads, an eight-figure Shopify apparel store, and runs there in production.
Custom apparel is the use case Pixel Wrangler was built for. Not "supports". Built for. The team behind Threadheads, an eight-figure Shopify apparel store, needed a customizer that could put a name on a jersey, a photo on a tee and a logo on a sleeve, then hand the print file to the production floor without anyone opening Photoshop. Nothing did that cleanly enough for a store at that volume, so we built it.
This page covers what that looks like for an apparel brand: multi-side templates, the live preview, what shoppers can and can't do, and the file that lands with fulfillment.
What apparel needs that a generic customizer skips
A t-shirt is not a flat rectangle. It has a front, a back, two sleeves and sometimes an inside neck label. Each is a separate print, often a separate charge, and always a separate file for whoever is pressing the garment. A product-options app that treats the whole garment as one image and one text box works for a mug. It falls apart at the first two-sided order.
Apparel also lives on phones. Shoppers browse tees on a train, not at a desk, so the design step has to work with a thumb on a six-inch screen or the cart stays empty.
And the output has to be right first time. A DTG operator who receives a 72 DPI JPEG with the mockup baked in doesn't print it. They email you. Every one of those emails is margin.
Front, back and sleeves in one template
Pixel Wrangler templates are built from sides: separate canvases inside one template. A tee template might carry Front, Back and Left sleeve; a jersey carries Chest, Back and a number slot. Each side has its own base image (the blank, photographed from that angle), its own canvas marking the printable area, and its own placeholders.
On the storefront, sides become tabs. The shopper designs the front, taps Back, adds a name, taps Sleeve, drops a logo. A counter shows how many sides still need attention without forcing them to fill every one.
One template can power a whole range. Link it to every product that shares the same canvas and placeholders, and variants handle the blank swap: the black tee shows black, the white tee shows white, and the shopper never notices the machinery. Details in Templates 101.
Live preview on the real garment, on a phone
The canvas is the product photo with the printable area drawn on it. Type a name and it appears on the chest in the font and color you allowed. Drag a photo in and it sits inside the bounding box you drew, cropped to your mask if you set one. There is no "generate preview" button, because the preview is the editor.
That canvas is mobile-first. Drag, rotate and type all work with a thumb, the toolbar changes to what the selected element needs, and variant selection stays on the product page: pick a size, tap Customise, design, add to cart. The same design then shows as a thumbnail in the cart and, with a two-minute paste, in the order confirmation email.
Text, photos and stickers, with guardrails
Apparel personalization is mostly three things, and the template builder has a placeholder for each.
Text. Names, numbers, dates, slogans. You set the fonts (Google Fonts or your own .woff2, .otf or .ttf files), the color palette, a character limit and whether the shopper can move it. Stroke and shadow are yours to set, and the classic varsity outline renders in the preview and in the print file. See Text placeholders.
Photo upload. JPG or PNG up to 10 MB by default. Shoppers drag, resize and rotate inside the box you drew, and a low-resolution upload gets a quality warning before checkout, so a blurry print becomes a fixed upload instead of a refund. Background removal is a Wrangler AI tool you switch on per template, billed per use.
Stickers and backgrounds. Your artwork, placed by the shopper. Crests, mascots, seasonal icons: upload once, let them add and arrange.
The guardrails matter as much as the tools. Lock a placeholder's position and a name on a jersey sits exactly where the press expects it. Cap characters at twelve and "Bartholomew-Smithson" never overflows the sleeve. Emoji and unsupported scripts are blocked at input, because they don't survive a print pipeline. More on the non-text types in Image, sticker, background and mask placeholders.
A print-ready file per side, on every paid order
This is the part that pays for the app. When an order is paid, Pixel Wrangler renders each side into its own file at the format, size and DPI you set in the template's Output panel: a PNG with a transparent background for DTG and DTF, or a PDF, at 300 DPI or whatever your line runs. The DPI is written into the file, so a RIP reads the physical size correctly.
Files are named from pieces you control (a prefix, a variant code for size and color, the side name and a unique id), so CUST-TEE-M-BK-Front-a1b2c3d4.png tells your operator everything before they open it. The order is tagged px-artwork-ready, the file URLs sit on an order metafield, and a Download Artwork action appears on the Shopify order page. The full spec, including bleed and color mode, is in Print-ready files.
Handing off to DTG, DTF or sublimation
Pixel Wrangler delivers the file; you decide who prints it. Three patterns cover most apparel operations.
Your own line. Watch for the px-artwork-ready tag, or run the Artwork Export API as an incremental feed into the folder your RIP polls. That is how Threadheads runs: print-ready files deliver straight into its own production facilities in multiple locations.
A print partner or 3PL. Download the artwork from the order and attach it to the job, or give your partner an API key and let their system pull by order number. Set the DPI preset to what they ask for: 300 for DTG and DTF, and 150 is usually enough for sublimation.
A POD supplier like Printful or Printify. There is no native integration, and we don't pretend otherwise. The workflow is: the order comes in, the print file renders, and you (or a simple automation) upload it to the supplier order. The print-ready files doc walks through it.
Charge for the extra sides if you need to. Per-file surcharges add a back-print fee to the cart line on Shopify Plus stores; on other plans, a "Front only" and a "Front + Back" variant does the same job. See Surcharges.
Built for Threadheads first
Threadheads is an eight-figure Shopify apparel store that runs the full Pixel Wrangler stack in production, customizer, Wrangler AI and the print-ready pipeline, across 30+ templates and around 20k orders a month, with print files delivering straight into its own fulfillment. Heaps Good, the second store on it, went to zero manual print files and a 3x faster artwork turnaround. Across the stores running Pixel Wrangler, that is hundreds of thousands of items sold and millions in revenue.
We built it because we print shirts for a living and the old tools didn't cut it. That is the whole pitch.
Getting started
Install from the Shopify App Store, build a tee template from a starter, link a product, and place a test order. The Quickstart takes about five minutes. Plans start at $99 a month with a 7-day free trial; see pricing. Running a bigger apparel operation? Book 15 minutes and we'll set it up with you.
Questions merchants ask
Can shoppers design the front, back and sleeves of the same shirt?
Yes. A template holds as many sides as the garment has print areas: front, back, each sleeve, a neck label. Shoppers switch sides with tabs on the storefront, and each side renders into its own print-ready file when the order is paid.
What file does my printer get?
A PNG with a transparent background or a PDF, one per side, at the pixel, inch or millimeter dimensions and DPI you set. 300 DPI is the usual choice for DTG and DTF, 150 for sublimation. The filename carries your prefix, the size and color codes and the side name.
Does Pixel Wrangler connect to Printful or Printify?
Not natively. Pixel Wrangler renders the print file and attaches it to the Shopify order; you upload it to the supplier order by hand or with an automation built on the order tag or the Artwork Export API. Any supplier that accepts a print file per side works without custom development.
Does the customizer work on mobile for apparel?
Yes. The canvas is mobile-first. Shoppers pick a size on the product page, tap Customise, design each side with a thumb, and add to cart. The preview updates as they type, and the toolbar shows only the controls for the element they have selected.
Can I stop shoppers from moving a name off the print area?
Yes. Every placeholder has a bounding box you draw, a lock-position toggle and a character limit. Locked text sits exactly where you placed it; with the lock off, text can be dragged, scaled and rotated inside the box, never outside it.
Can I charge more for a back print?
On Shopify Plus, set a surcharge on the back side's output file and it is added to the cart line automatically, with a message like Includes back print (+$5). On other Shopify plans, use a Front only variant and a Front + Back variant with different prices.