Shopify Product Options App with Live Preview

Add shopper-entered text, image uploads, swatches, conditional choices, and paid add-ons to an existing Shopify product page—without custom theme development for the standard setup.

Custom product fieldsLayered 2D previewConditional logicPrice add-ons
Shopify Product Options App with Live Preview workflow
Podifai Shopify product options editor with a layered product preview

Direct answer

What does a Shopify product options app do?

A Shopify product options app adds shopper-facing fields to a product page when the product needs more than standard SKU choices. Merchants can collect names, engraving text, monogram initials, customer images, font choices, color swatches, dropdown selections, checkboxes, gift options, and other made-to-order instructions without creating a Shopify variant for every possible answer.

Podifai combines those fields with conditional logic, fixed or percentage price adjustments, linked Shopify variant prices, optional inventory behavior, and a layered 2D live preview for supported visual choices. The standard app embed or app block setup does not require custom theme development or coding. A heavily customized product form or media gallery may still need a placement and compatibility check.

Keep inventory-bearing choices such as size, material, or a stocked base color in Shopify variants. Use Podifai options for shopper-entered personalization and add-ons. After checkout, selected values and uploaded image URLs remain readable in Shopify Admin and the Podifai Orders tab. Podifai provides transparent PNG artwork for customized views when print-ready generation is enabled. Interactive 3D, AR, and vector or machine-file generation are not supported.

Shopper input

Text, uploads, swatches, dropdowns, badges, and add-ons

Rules

Show or hide dependent fields based on earlier choices

Pricing

Fixed or percentage adjustments and linked Shopify prices

Order data

Selected values and uploaded image URLs after checkout

Choose the setup that fits your product

Product options: define the fields

Use text, uploads, swatches and conditional fields to collect the information each order needs. Keep size or stocked base-color SKUs in Shopify variants; add personalization around them.

Explore product options

Product configurator: connect the whole flow

Combine fields, dependencies, prepared 2D views, pricing and optional component stock into one guided buying experience. Both workflows use the same Podifai app.

Explore the configurator
Variants and options setup

Try the storefront

Try text, font and visual product options

Start with a ring’s text and font fields, or explore a tote with patterns, colors and a paid monogram. These demos show configured storefront examples; your fields and charges remain under your control.

Wedding ring preview showing A & B in Sacramento with text and font controls
A & B appears inside the ring with Sacramento selected. The preview illustrates lettering placement on a prepared product image.

Engraved wedding ring

Enter a short message and compare the offered fonts. Check small lettering on mobile as well as on desktop.

Try engraved wedding ring ↗Follow the ring engraving setup
Canvas tote with ABC in white, Chestnut leather, Classic Gingham and Heart Type selected
ABC appears on the patterned tote alongside leather, pattern, monogram style and text-color choices.

Monogram tote bag

Change the initials and font, then compare the lettering against different patterns and leather colors.

Try monogram tote bag ↗Connect options to a preview

Product evidence

See the option workflow from setup to order

These examples show real Podifai controls for adding product options, guiding dependent choices, displaying a paid add-on, and reviewing the saved result after checkout.

Build the option set

Add the text, upload, swatch, dropdown, badge, and other fields required by the product shoppers will personalize.

Configure conditional Shopify product options with All and two condition rows

Reveal only relevant choices

Use conditional logic so dependent fields appear only after the shopper selects the option that requires them.

Show the paid add-on

Display a fixed surcharge beside the relevant field or selected value before the configured product reaches checkout.

Review the saved selections

Inspect the configured product, selected option values, uploaded image URLs, price, and preview result in Podifai Orders.

Choose the right model

Shopify variants vs Podifai options vs an advanced configurator

The right data model depends on whether a choice defines a stocked SKU, captures shopper personalization, or requires engineering and manufacturing logic.

DimensionShopify variantsPodifai product optionsAdvanced configurator
Best fitStandard products with inventory-bearing SKU choicesShopify personalization, visual choices, and paid add-onsComplex products, quoting, engineering, or manufacturing rules
Shopper inputA defined set of variant valuesText, uploads, swatches, dropdowns, badges, and other fieldsVaries by platform and implementation
SKU and stockEach combination can identify a Shopify variant and inventory recordPersonalization stays separate; supported values can link to Shopify variants or optional stock behaviorMay connect to ERP, PIM, or manufacturing inventory systems
Visual previewUsually variant media selected by the shopperLayered 2D live preview with one to five configured viewsMay include 2D, 3D, AR, CAD, or multiple views
Customer uploadNot a native variant valueSaved as a separate file and optionally displayed in the configured 2D previewMay include artwork processing or production workflows
Rules and pricingVariant availability and Shopify-managed variant pricesConditional fields, fixed or percentage adjustments, and linked pricesMay include formulas, compatibility rules, quotes, or contract pricing
Order handoffVariant and standard Shopify order dataReadable line item properties, uploaded image URLs, and Podifai order detailsMay connect to ERP, PIM, CAD, or manufacturing systems
3D or ARNot the purpose of Shopify variantsNot currently supportedAvailable from some specialist platforms
Production filesNot generated automaticallyTransparent PNG per customized view when enabled; no vector or machine filesAvailable from some production-focused platforms

Capabilities vary by app, platform, plan, and implementation. Confirm preview, pricing, inventory, 3D, AR, production-file, and integration requirements directly with each provider.

Podifai is designed for shopper-facing Shopify product options and layered 2D personalization. It is not built for interactive 3D or AR, engineering validation, enterprise CPQ, dealer quoting, or CAD and machine-file generation. Enabled print-ready generation supports transparent PNG artwork.

Implementation workflow

Model the sellable product before adding custom fields

Keep the base Shopify catalog understandable, then layer personalization around it and test the same choices through checkout.

  1. 01

    Keep normal SKUs in Shopify

    Use variants for inventory-bearing size, material, finish, or base product choices that identify a standard SKU.

  2. 02

    Add the shopper-entered options

    Create text, upload, swatch, dropdown, badge, and add-on fields with clear labels, helper text, required states, and limits.

  3. 03

    Configure preview, rules, and price

    Map supported visual choices to the 2D canvas, reveal dependent fields, and attach surcharges or supported linked prices.

  4. 04

    Test the complete purchase flow

    Check the product page, uploaded files, price changes, cart, checkout, Shopify order, and Podifai order data before launch.

Make the price and order match the shopper’s choices

Fixed, percentage or linked prices

Options can increase or decrease the price by a fixed amount or percentage, or add a linked Shopify variant’s price. Each percentage uses the same effective product price after any sale, rather than the compare-at price; adjustments are added, not compounded.

Illustrative calculation: $100 base + 10% − 5% + $8 fixed add-on = $113 before tax and shipping. Quantity-based or tiered option pricing is not supported.

Pricing methods and examples

Check the actual add-on order lines

An inventory link alone adds neither a price nor a separate order line. A bundle-price link can create a separate add-on line, but other option price adjustments can fold its price into the main product. Check the saved order and stock change to choose the appropriate inventory setup and avoid deducting the same component twice.

Linked pricing and inventory rules

After checkout

Keep the product choices usable after checkout

Podifai attaches shopper selections to the Shopify cart line as line item properties. After checkout, merchants can review selected text, option values, and uploaded image URLs in Shopify Admin and Podifai Orders. A customer upload remains a separate file even when the merchant also enables and positions it in the layered 2D preview. Enabled print-ready generation combines included text and customer-uploaded image layers into a transparent PNG per customized view, excluding product backgrounds and Image Swatch artwork.

Merchant proof

Merchants use Podifai for real Shopify product-option workflows

Verified Shopify App Store reviews from merchants using Podifai for apparel, engraving, uploads, and made-to-order products.

4.9 on the Shopify App Store · 24 reviews
I run a custom apparel lab (DTF printing and embroidery) and Podifai has been exactly what I needed to offer personalization directly on my Shopify store. The live customizer works beautifully — customers can see their name, number, and logo on the garment in real time. What really stood out was the support… that level of founder-direct support is rare.
Zena PadelCustom apparel lab (DTF printing & embroidery)
The app is great. One of the key strengths the developer should continue focusing on is simplicity. After comparing it with other apps on the market, I found that most competitors are overly complicated. This gives Podifai a strong opportunity to stand out and compete effectively by keeping the user experience simple and intuitive.
WARDA
The options available are great for engraving customisations on my products. The support team have been amazing with helping to guide me and make my set up quicker, look and feel the way I hoped. Thank you Podifai team!
M.A.C.E Collective

Questions before setup

Shopify product options FAQ

Direct answers about variants, custom fields, image upload, pricing, preview boundaries, order data, and free eligibility.

What is a Shopify product options app?

A Shopify product options app adds shopper-facing fields such as text, image upload, swatches, dropdowns, checkboxes, and paid add-ons to a product page without requiring a separate Shopify variant for every possible personalization answer.

When should I use product options instead of Shopify variants?

Use variants for inventory-bearing SKU choices such as size, material, or a stocked base color. Use product options for shopper-entered text, uploads, monograms, engraving requests, gift options, charms, and other personalization that should not create a separate SKU for every answer.

Can I add Shopify product options without code?

Yes. Podifai's standard app embed or app block setup does not require custom theme development or coding. A heavily customized product form, media gallery, or non-standard theme may still need a placement and compatibility check.

Can a customer-uploaded image appear in Live Preview?

Yes, when the merchant enables the image upload field for the live customizer and configures its position. The customer's upload remains a separate file, while the same image can also be displayed as a layer in the 2D preview.

Can product options change the Shopify product price?

Yes. Podifai supports fixed or percentage increases and decreases on fields or selected values, plus linked Shopify variant prices. Merchants should test the product page, cart, and checkout price before launch.

Where do product-option selections appear after checkout?

Selected values and uploaded image URLs remain available as Shopify line item properties and can be reviewed in Shopify Admin and the Podifai Orders tab.

Does Podifai support 3D, AR, or automatic production files?

Podifai provides layered 2D preview and transparent PNG artwork when print-ready generation is enabled. Included text and customer uploads are exported per customized view; product backgrounds and Image Swatch artwork are excluded. It does not provide interactive 3D, AR, SVG, DXF, CAD, or embroidery-machine files.

Does Podifai have a free plan?

Yes. Free forever supports 3 custom products. Starter supports 30 for $7.9/month and Growth supports unlimited products for $15.9/month. Existing customers keep their current full access.

5 star rating from Shopify merchants

Add product options to Shopify without code

Start free with 3 custom products, or choose a paid plan from $7.9/month as your catalog grows.