An X2Y Product Live

Framing

Frame your art, your way.

Framing is a custom art-framing configurator that plugs into an existing Shopify store. Customers choose a medium, size, molding, and mat, preview the finished piece live on a real canvas renderer, get instant pricing, and order, without a single phone call. Designed and built by the team at X2Y.

See the customizer How it works
24 × 36 in Walnut · 2" White mat $486.00

The problem

Custom framing is the hardest thing to sell online.

Every framed piece is made to order, so shoppers can't picture the result and shops can't publish a price. Most framers fall back on quote forms and back-and-forth email, and lose the sale to the friction.

The pricing itself is genuinely hard: media, molding, mat, glazing, mounting, and hardware all vary with size. Reproduce it wrong and you either underprice the work or scare the customer off.

What it does

Everything you need for custom framing.

See it, price it, buy it, the whole made-to-order experience, self-serve.

Live frame renderer
A real-time canvas preview composites your artwork with the molding, mat, and glazing you pick, corners and sides derived from a single frame photo, with zoom, pan, and rotate.
Real-time pricing engine
Set the outer wall size and every component: print media, molding, mat, glazing, mounting, hardware, is priced instantly from a data-driven cost-plus model. No quote request, no waiting.
A deep catalog
38+ frame moldings, 6 print media, and 16+ mat boards, with rigid media (acrylic, aluminum, wood) handled as guided special-order quotes.
Shopify-native
A "Customize Product" button deep-links from your storefront into the wizard; the finished, priced configuration is pushed back into Shopify as a product and dropped into the cart. Checkout stays in your store.
Guided five-step wizard
Choose medium, set size, select a frame, pick a mat, then review and order, a flow customers finish without a phone call or a framer's help.
Pricing you can trust
The engine was validated line-by-line against the framer's legacy pricing system, matching real quotes to within 0.02%. Customers get numbers the shop stands behind.

The pricing engine

Instant prices the shop stands behind.

The hard part of framing isn't the picture: it's the math. Framing's calculator prices every component from a data-driven cost-plus model the moment a customer changes a dimension, and it was validated line-by-line against the framer's trusted legacy system.

  • Component-based: media, molding, mat, glazing, mounting, hardware
  • Customer sets the outer size; image size is derived automatically
  • Matched the legacy pricing engine to within 0.02%
  • Rigid media routed to a guided special-order quote
Price breakdown
Gallery canvas · 24 × 36 in
$168.00
Walnut molding · 2"
$142.00
White mat board
$46.00
Museum glazing
$88.00
Mounting & fitting
$42.00
Total
$486.00

How it works

Five steps from bare wall to framed piece.

  1. 01

    Choose your medium

    Start from six print media (from fine-art paper to gallery canvas) or bring your own image to frame.

  2. 02

    Set the size

    Pick the finished wall size. Framing derives the image size automatically from the molding and mat you choose.

  3. 03

    Select a frame

    Browse 38+ moldings and see each one rendered live around your piece in real time.

  4. 04

    Pick a mat

    Add and color a mat board from 16+ options, the preview and the price update instantly.

  5. 05

    Review & order

    Confirm the live price, then check out through Shopify like any other product in the store.

Built by X2Y

A configurator engineered for a real framer.

Framing is a production commerce tool X2Y designed and built, a live rendering engine, a calibrated pricing model, and a native Shopify buy flow, replacing a legacy quote process with a self-serve experience.

Laravel 12 + Filament
A multi-step customizer wizard and an admin portal where the shop manages catalog and pricing.
Livewire + Fabric.js
Reactive state driving a real-time HTML5 canvas that composites molding, mat, and artwork layers.
Calibrated pricing model
A data-driven cost-plus engine validated against the legacy system to within 0.02% on real orders.
Shopify + Stripe
Product sync and deep-linked customization pushed back to the cart, with a Stripe service-fee flow.

Ready to frame your next masterpiece?

See the live customizer, or talk to us about adding made-to-order product configuration to your own Shopify store.

See the customizer Want a configurator like this?

More from X2Y

Learn how you can grow your ecommerce business with our expert advice.

View all case studies

0%