Getting started with Canvas Design Studio

This guide takes you from install to a live, designable product. Budget about ten minutes.

Step 1: install the app#

Install Canvas Design Studio from the Shopify App Store. It runs embedded in your Shopify admin, and the dashboard greets you with a Preview the studio panel so you can try the design editor before anything touches your storefront.

The Free plan gives you one published template and unlimited custom orders, with print files downloadable for the first 10 orders each month, so you can go live without paying anything. See Plans and billing.

Step 2: create (or adopt) a template#

Every designable product needs a template: the starting point customers see. The fastest route is the built-in library: open Templates > Browse template library and filter by category (jar labels, wine labels, spice labels, stamps and more).

Click Add to My templates on one you like. You'll be asked how to add it:

• Use as-is keeps the library design and stays updated. You can still attach ink colours, products, and customer options.
• Duplicate & customise makes an editable copy you own, so you can change the layout, fonts, and artwork.

Prefer to start from scratch? Click New template to open the studio in build mode: set your physical print size, bleed, and safe zone; add background artwork, placeholder text, and image placeholders; and mark which elements customers may edit. See Templates and the starter library for the full authoring guide.

Step 3: assign the template to a product#

On the template's row in My templates, click Assign to products and pick the product (or specific variants). You can also work from the other direction: open Products in the app, click a product, and add templates to it.

While you're here, Customer options on the same row controls how customers design: the full Designer studio, a simple Form, or Inline, where the canvas replaces the product gallery image. See Lockdown and customer modes.

Step 4: add the storefront block#

1. Open your theme editor (Online Store > Themes > Customize) and navigate to a product page template.
2. In the product information section, click Add block, switch to the Apps tab, and pick Design Studio.
3. Style it in the block settings: button label (default "Design your own"), button colours, form panel height, and canvas height. Save.

No code required. It works with any Online Store 2.0 theme, and the block only activates on products with a template assigned. Full details of every setting are in The storefront block.

Step 5: test it as a customer#

Open the product on your storefront: the block renders your button under the price.

Click it and the studio opens with your template on the canvas. Customers get exactly the tools you allowed: text, photos, graphics, shapes and uploads down the left, your physical print size across the top, and live preflight warnings if something strays past the safe zone.

Click Save & use design and the studio drops you back on the product page with a "Design attached" confirmation and an Edit design link.

Add it to the cart: the line item carries the design preview as a line item property, which follows the order through checkout and into the order details.

Step 6: collect the production files#

The moment a design is added to the cart it lands in Customer designs, stamped with its print size and DPI. Every entry has one-click downloads: Production PDF, Production PNG, Design SVG, and the cut path die-line (production formats on Starter and above), plus an Edit design link if you need to tidy something up before printing.

The design files are also linked on the Shopify order itself via line item properties. See Production files and preflight.

Recommended first-week setup#

1. Set your shop-wide defaults in Settings: canvas size, bleed (default 0.125″), safe zone, DPI, and preferred unit.
2. Lock down your first template: restrict fonts and colours to your brand, and hide tools customers shouldn't need.
3. Check the plan gates: production PDF/SVG exports and the Unsplash library need Starter ($19/mo, 14-day trial).
4. Take one real test order end-to-end and open the files in your print workflow before announcing the product.