This cabinet door calculator prices a door from its width and height. The area sets the base, the wood is the variant the shopper picked, and finish, frame and boring add their own prices. Options like primer colors and hinge side only appear when they apply.
This is a look inside the Cabinet Doors calculator on our Shopify demo store. It's built with Appify Custom Product Options.
Pricing a made-to-size product by its area is covered in our guide to pricing custom boxes by dimensions, and the rules that change a price are in conditional pricing rules. This breakdown shows both working on one door.
What it does
The shopper types a width and a height in inches. Then they choose a glass frame, a finish, stile and rail sizes, whether the door has a custom arch, and whether it needs boring. A note box and a quantity finish the page.
In plain words: the door's area is priced at the wood's rate, and the finish, frame and boring choices are added on top.
Why a cabinet door calculator is hard to build, and how Appify Custom Product Options handles it
- The price follows the area, not a single size choice. One formula multiplies the two numbers, turns square inches into square feet and prices the area.
- The wood is a normal Shopify variant. The variant's price is the rate the formula uses, so Cherry on the demo is 22 a square foot. Your variants and their prices stay in Shopify, where you already manage them.
- Doors have limits. The width runs from 9.5 to 26 inches and the height from 9.5 to 85, and the shopper sees both limits under the fields. Nobody orders a door you can't build.
- Some extras depend on earlier choices. A primer color only makes sense with a primed door, and a stain only with a stained one. Visibility rules show each one at the right moment.
- Tall doors cost more. A price adjustment adds a flat 99 when the height goes over 60 inches. It sits outside the formula, so the formula stays short.
- The shop floor needs every detail. Bore pattern, hinge side and notes all travel with the order, and the shopper can edit them from the cart.
One price, worked out
Here's an 18 by 30 inch door in Cherry with a clear coat finish, with prices in dollars. The two lines below come straight from the calculator's price summary.
- Dimensions: 18 times 30 is 540 square inches, or 3.75 square feet. At 22 a square foot, that's 82.50.
- Finish: clear coat adds 49.00.
Raise the height to 70 inches and the area line grows with it. Past 60 inches, a flat 99 is added as well.
The design decisions
One formula turns two sizes into a price
The Dimensions option holds two numbers, width and height. Its price formula multiplies them, divides by 144 to get square feet, and multiplies by the variant price.
You don't have to write it by hand. Tell Chat with AI how you price a door and it writes the line.
Limits on the size fields
Each size field has a minimum and a maximum, and the allowed range shows under the field.
The finish decides what else shows
The Finish dropdown has four choices. Prime Only is 29. Clear Coat, Color and Stain are 49 each.
Rules do the rest. Prime Only shows three primer buttons (black, grey and white). Color shows a color field. Stain shows four stain swatches. Each of those extras is free on its own.
One rule per extra, not one product per combination. The wood is a variant and everything else is an option, so a new finish is one more choice, not a new set of products.
Frames and boring are priced on the choice
A French 4 lite frame adds 29 and a French 6 lite frame adds 49. A plain glass-ready frame and no frame add nothing. For boring, the A, B, U and T patterns add 9 each, and Lazy Susan adds 19.
Pick Lazy Susan and a second dropdown asks which bore pattern to use. Pick any boring at all and a boring location and a hinge side appear. A custom location opens a notes box.
A surcharge for tall doors
The 99 isn't part of the Dimensions formula. It's a price adjustment with one condition: the second dimension, the height, is greater than 60. Change the number or the amount in one place and every price follows.
Stiles, rails and arches
The stile and rail size is a dropdown. Standard is the default, and Custom opens a notes box where the shopper describes what they need. A Custom Arch Size choice (No or Yes) adds a price worked out from the door's area, with a note box for arch instructions.
What arrives with the order
The calculated price goes to checkout as the product's price. The shopper's choices travel with the cart line, so the person building the door sees the size, finish, boring and notes without a back-and-forth email. The same details show on the app's Orders page.
The calculator allows Edit options in the cart, so a customer who typed 24 instead of 21 can fix it before paying. When they come back for another door, Appify Reorder brings the first one back with every choice filled in, where Shopify's own Buy again drops them.
Make it yours
- Price a door from your supplier grid. If your price steps up by size band rather than by area, a pricing table keyed on width and height does the lookup.
- Add quantity breaks. A kitchen needs a dozen doors, so quantity discount rules can lower the price from a set count.
- Add a minimum price. A small door still costs a minimum to make, so a floor under the total keeps the smallest sizes from selling below it.
Get this calculator
Ask Chat with AI to build it in your own words. For example:
"Build a cabinet door calculator."
"Add a Dimensions option with width from 9.5 to 26 inches and height from 9.5 to 85 inches. Price it as width times height divided by 144, times the variant price."
"Add a Finish dropdown: Prime Only at 29, and Clear Coat, Color and Stain at 49 each. Show primer buttons only for Prime Only."
"Add a Boring dropdown with four bore patterns at 9 and Lazy Susan at 19. Show a hinge side once any boring is chosen."
"Add 99 when the height is over 60 inches."
Chat with AI writes the options, the prices and the rules. Check the price in the preview against a door you've already quoted before you publish.
FAQ
How do you price a cabinet door by size on Shopify?
Add a Dimensions option for width and height, then give it a formula that multiplies them and applies your rate per square foot. The total updates as the shopper types.
Can the wood species set the rate?
Yes. Make the wood a Shopify variant and have the formula read the variant price. Each wood then carries its own rate.
Can I charge extra for tall or wide doors?
Yes. A price adjustment adds an amount when a dimension passes a number you set, such as a height over 60 inches.
Can options like primer color appear only for some finishes?
Yes. Visibility rules show an option only when another option has a given value.
Every door, priced to its size.
Whatever you sell, however you price it · The last options app you'll shop for