Set up a print product, from blank to order-ready

01Create an inactive product

Start in Products. A new product is deliberately inactive so you can finish its settings before customers can buy it.

1. Select Create product. Enter Custom vinyl banner as the name and custom-vinyl-banner as the URL path.
2. Choose Dimension-based physical product. This is the type that supports customer artwork and width/height entry. A weight-based product is for goods sold without this print-size workflow; Service is for nonphysical work.
3. Enter 30 as the Initial unit price and check Requires customer artwork. Select Create inactive product. We will replace the initial per-item price with a square-foot rate in Pricing.

Enlarge screenshot

02Name, organize, and describe it

In Product information, give the item a name shoppers understand, a short subtitle, and a category. The short subtitle and the long product description are different fields.

1. Keep Product name as Custom vinyl banner and leave Use as page H1 enabled for this example.
2. Under Subtitle, enter “13 oz vinyl banners for indoor displays and outdoor events.” Leave advanced subtitle layout off for a simple line of text.
3. Under Categories, select your Banners category. Add banner and events as search tags. Leave Exclude from search off, then select Save presentation.

Enlarge screenshot

03Choose the artwork workflow

Open Artwork and storefront controls. For a custom banner, each customer supplies a design. Leave supplied artwork off in Media and print artwork; a gallery example is not the customer’s production file.

1. Enable Require customer artwork. Set Printed sides to Front only; the default selection becomes Front only.
2. Enable Size, Quantity, Product options, and Create design under Purchase form fields. Keep Material / product label on. Additional options can stay off because this example has no add-on groups.
3. Leave Designer patterns off. Those are calibration/print patterns, not the normal customer design-template library.
4. Select Save controls. If you want customers to design online, also enable the online designer in the store-wide Storefront Controls settings.

Enlarge screenshot

04Set the available sizes

Open Dimensions and printed sides. This panel sets the size choices and limits; the artwork panel controls which printed sides are offered. Enter dimensions in inches.

1. Choose Variable for Sizing type so customers can type a width and height.
2. Set width to a minimum of 12, maximum of 120, and default of 36. Set height to a minimum of 12, maximum of 60, and default of 24.
3. Leave Length / depth at 0 for this flat example. Use the real depth and shipping setup for products where depth affects fulfillment.
4. Select Save sizing. Keep each default within the minimum and maximum you entered.

Enlarge screenshot

05Set a price you can check

Open Pricing. This example uses a constant $5 per square foot, with no base charge, area discount, quantity discount, or customer-specific override. These are demonstration prices; use prices appropriate to your business.

A 36 × 24-inch banner is 864 square inches, or 6 square feet. At $5 per square foot, one front-only banner is $30 before options, shipping, and tax.

1. Choose Square-foot pricing under Pricing method. Confirm the replacement of the initial price structure, then enter all the new values before saving.
2. In the first price row, set Price to 5, Minimum price to 5, and Backside % to 0. Keeping both rates equal makes the example a constant rate. If you use wholesale pricing, reveal its values and set its Price and Minimum price to 4 and its Backside % to 0 for this demonstration.
3. Keep the square-foot discount range at 0 and the Retail base price at 0. Leave Quantity discounts empty.
4. Select Save pricing. Reopen it and confirm the saved rate is $5/sq ft.

Enlarge screenshot

06Add a finishing choice

Open Product options. Options are customer choices such as grommets or lamination. Shared product options holds the reusable groups and value names; the product editor chooses which values are offered and what they cost on this product.

1. If Grommets is not in your option library, open Shared product options and create that group with None and Four corners as its values. Return to the product.
2. Select Add option from library, choose Grommets, and expand the group. Leave This product offers options such as size, color or finishing enabled.
3. Check Required, include both values, and set None as the default. A required group can still offer a None value so the customer explicitly chooses no grommets.
4. Set None to 0 and Four corners to 4 in Retail. Set the Charge basis for both to Per unit. If you use wholesale pricing, enter its prices separately; the screenshot uses 0 and 3.
5. Keep Additional option off. Select Save options and variants, review the confirmation, and save.

Enlarge screenshot

07Add a useful product image

Open Media and print artwork. Product gallery images help customers understand what they are buying. Supplied print artwork is a separate production setting for products that come with a ready-to-print file.

1. Upload a gallery image or select Choose existing images. Use a clear example of the finished product; this guide uses fictional Cedar & Coffee artwork.
2. Keep the image Active. Choose Fit complete image when the entire design needs to be visible; Fill and crop may cut off its edges.
3. Write descriptive Alternative text. Use the reorder controls if there are several gallery images.
4. Leave Use supplied artwork for this product unchecked because customers will provide their own files. Select Save media after adding or editing the image.

Enlarge screenshot

08Explain the product on its page

Open Description and search appearance. Give customers enough information to choose a size, finishing, and artwork workflow. Product information holds the short subtitle; this section holds the longer description, search text, FAQs, and video.

1. Keep Product URL path as custom-vinyl-banner. Enter Custom Vinyl Banners | Demo Print Co. as the example SEO title.
2. Write a Search description that describes the actual offer: a custom 13 oz banner, size and grommet choices, and artwork upload/proof review.
3. In Long description, explain materials, size limits, intended use, artwork requirements, and what happens after upload. Do not promise a turnaround you have not configured.
4. Add an FAQ answering “How do I hang my banner?” Explain when to choose Four corners versus None. Select Save content.

Enlarge screenshot

09Review fulfillment and activate

Before activation, review the settings that affect whether this product can be delivered and produced. This example’s screen captures focus on selling the banner; shipping, inventory, and production rules must match your own operation.

1. Open Shipping and check weight, packaging, pickup, and any freight settings that apply to this product.
2. Open Inventory if this item tracks a material or SKU. Confirm available stock and whether out-of-stock sales are allowed. Avoid enabling stock tracking with an unrelated SKU.
3. Confirm the production workflow and turnaround that apply to the product. The values must describe what your team can fulfill.
4. Save each section. When the configuration is ready for customers, choose Product actions → Change status → Activate. Return to Products and use the product’s Preview link to open it on the storefront.

10Check the customer experience

Use the storefront with the same values as the example. This connects the admin settings to what the customer sees.

The screenshot shows the actual Next.js storefront configurator with fictional product data and example quotes. Your theme can arrange the product differently. Shipping and tax are added at checkout.

1. Start with 36 inches wide, 24 inches high, quantity 1, and Grommets set to None. Confirm the example product subtotal is $30.
2. Choose Four corners. Confirm the example subtotal is $34.
3. Change quantity to 2. With the same size and finishing, the example subtotal is $68. Return to quantity 1 for the artwork check.
4. Change a dimension and check that the displayed quote refreshes. Try a value outside the configured range; the form should ask for a valid size before providing an orderable quote.
5. Open Design Options if enabled, or continue to the artwork step. Confirm that the selected size, quantity, and finishing travel with the order.

Enlarge screenshot

11Upload and review the actual proof

A product image, an uploaded file, and an approved proof serve different purposes. The proof shows how the order artwork sits within the selected print size. Review the design itself before approving it.

1. On an example order, upload the customer’s print file or use a saved design. Open its artwork proof after the preview has loaded.
2. Confirm the correct side, 36 × 24-inch print size, and quantity 1. Inspect the actual artwork, not just the file name.
3. Use Fit to show the whole design within the print area. Fill / crop fills the area and can remove content at the edges. Stretch changes proportions; avoid it when the design should retain its shape.
4. Use the trim guides and zoom to check text and edges. If you change placement, select Save placement. If the design itself needs editing, use Edit in designer when available.
5. Only select Approve front once the artwork and placement are correct. For products with a back, review and approve that side too.

Enlarge screenshot