Enable the Product Customizer

Let customers place their artwork on your products, see live pricing, and add to cart.

The product customizer lets customers place their own artwork on your products right on your storefront. They choose a product, pick a color and size, set their print location, and add to cart — with live decoration pricing.

What customers experience

  1. They browse your products and click "Customize"
  2. They see the product blank (e.g., a black t-shirt)
  3. They upload their artwork (or pick from their saved library)
  4. They drag it to a print location (front, back, sleeve)
  5. They see the price update live (blank + decoration)
  6. They add to cart and check out

No back-and-forth emails. No manual quoting for simple reorders.

Step 1: Enable customization on a product

Go to Products, click a product, and find the Customization tab.

Toggle Enable Product Customizer to ON.

Step 2: Define print locations

Set up where customers can place artwork:

LocationTypical sizeExample
Front chest3.5" × 4"Logo placement
Full front10" × 12"Large design
Full back12" × 14"Back print
Left chest3" × 3.5"Small logo
Left sleeve3" × 4"Sleeve print
Right sleeve3" × 4"Sleeve print

For each location, set:

  • Max width and height — the largest print you allow
  • Position on blank — where it sits visually on the product image

Step 3: Set pricing mode

Choose how decoration pricing works for customized orders:

  • From your pricing profile — uses your per-sqin rate (same as quotes)
  • Fixed per location — flat price per print location regardless of size
  • Tiered — different prices based on print area

The price shows to the customer in real-time as they resize their artwork.

Step 4: Artwork requirements (optional)

Set minimum quality standards:

  • Min DPI — reject files below a certain resolution (e.g., 150 DPI at print size)
  • Accepted formats — PNG, JPEG, PDF, SVG
  • Max file size — keep uploads manageable

If a customer uploads a file that doesn't meet requirements, they see a friendly message explaining what to fix.

Step 5: Test it

  1. Go to your storefront (preview mode)
  2. Click a customizable product
  3. Upload test artwork
  4. Place it on the blank
  5. Check that pricing calculates correctly
  6. Add to cart and verify the order details

How customized orders flow into production

When a customer checks out with a customized product:

  1. The order creates in your Production Hub
  2. The artwork is saved at the placement dimensions
  3. It's ready for gang sheet generation
  4. You can still review/approve before production starts

Tips

  • Recommend PrepOS — if customers upload messy files (white backgrounds, low-res), point them to the self-service PrepOS tools in their portal
  • Preview is key — customers need to see exactly what they're getting. Make sure your product images are high quality.
  • Start simple — enable on one or two products first. See how customers use it before rolling out everywhere.
  • Set expectations — add a note about turnaround time on the customizer page (e.g., "Custom orders ship within 5–7 business days")