This blinds calculator asks for the window's width and height to the eighth of an inch. It prices the blind from that size and the color the shopper picks, then adds the lift type and an optional valance.
It's the Blinds Example calculator on our Shopify demo store, built with Appify Custom Product Options. For the bigger picture of selling blinds online, read how to sell made-to-measure blinds on Shopify. This article takes one calculator apart.
Prefer to watch? Here is this calculator explained in a video.
Short on time? See it in action in under a minute.
What it does
The shopper names the window, picks one of six colors, then chooses a width and a height. Each size is two dropdowns: whole inches, then a fraction. After that come the mount type and the lift type, plus a few extras that appear only when they apply.
The page opens at the product's own price, 19.99. The price summary updates as the shopper chooses.
Why this calculator is hard to build, and how Appify Custom Product Options handles it
- Window sizes come in eighths. A width of 24 and a half is normal. Here each side is a whole-inch dropdown next to a fraction dropdown, and one pricing variable adds the two back together before it multiplies width by height. The shopper picks from lists, so there's nothing to mistype.
- The fabric sets the rate. Each of the six colors has its own rate, and a swatch's price is a formula that uses the size. Change a rate and every size updates.
- The lift type changes the questions. A cord loop needs a left or right side. A battery motor needs a remote, maybe a hub, maybe a solar panel. A cordless blind needs none of that. Visibility rules show each question only when it applies.
- Every choice needs its own explanation. Cordless works differently from a motor, and an inside mount is measured differently from an outside one. The text under each group changes with the choice, so the shopper reads about the option they picked.
- A valance can depend on the size. The cassette valance is priced from the whole inches of the width, so it costs more on a wider blind without a second price list.
- The configuration survives the order. The shopper can open Edit options in the cart and change the size or the color. A reorder brings back every choice.
One price, worked out
The price is built in layers. The product's own price is the starting point. The color's rate and the size make one line. The lift type and the valance add their own lines. The price summary lists each of them as the shopper chooses.
Take Silver, 24 1/2 inches wide by 36 1/4 inches high, with an inside mount, a cordless lift and the valance. Prices are in dollars, and the two add-on lines come from the calculator's own price summary.
- Lift type: Cordless adds 27.99.
- Valance: Yes adds 12.00. The width is 24 whole inches, and the valance is 0.50 for each one.
Pick another color and the color line changes, while the lift and valance lines stay as they are.
The design decisions
Eighths are two dropdowns, and one variable joins them
The whole-inch dropdown has a search box, so a shopper can type 36 instead of scrolling. The fraction dropdown runs from 0 to 7/8. A pricing variable named AREA adds each side's inches and fraction, then multiplies the two sides. The color rates all read that one variable. For the other ways a shopper can enter a size, read what to look for in an app that lets customers enter custom measurements.
The swatch holds the price
Color is an image swatch, and each choice carries a per-choice formula, which can use the size variable. The swatches page through four at a time, and hovering one shows a larger picture of the fabric.
The color swatch turns the size into money. Each rate sits on its own choice, so changing one color's price means editing one choice.
Questions appear only when they apply
Left or right shows for the two cord loops, using one rule with Any logic: show it if the lift is a nylon loop or a metal loop. Remote control, smart hub and solar panel show only when Battery Motorized is chosen. Their prices are flat amounts on the choices: 19.99 for a remote, 44.99 for a hub and 25.49 for a solar panel.
Text follows the choice
The lift description and the note beneath it are content blocks with value rules set to lock. When the shopper picks Cordless, the text switches to the cordless explanation. The mount note does the same for inside and outside. Nobody scrolls past instructions for a lift they didn't choose.
The valance reads the width
The valance choice has an option formula: 0.50 for every whole inch of width when the answer is Yes, and nothing when it's No. A blind 24 whole inches wide adds 12.00, which is the line in the example above.
Reassurance sits beside the size boxes
The store's fit guarantee sits in a content block with a measuring-tape picture, right above Width and Height. That's where a shopper wonders whether to trust their tape measure.
What arrives with the order
The shopper's choices stay with the cart line. The window name is a plain text option, so a shopper ordering four blinds can label each one. In the cart, Edit options reopens the calculator with the saved choices filled in. The Reorder this item link in the order confirmation email puts the same blind back in the cart.
Your team can read every choice on the app's Orders page.
Make it yours
- Use your supplier's grid. If your cost sheet lists a price for each width and drop, load it as a pricing table, as in the blinds guide.
- Add more motor choices. Show extra questions only for the lifts that need them, the way the garage door calculator does for its motor options.
- Set a floor. A minimum price keeps the smallest windows worth the cut.
- Hide more with rules. The guide to showing and hiding options has more patterns to copy.
Get this calculator
Ask Chat with AI to build it from a description. A starting prompt:
I sell made-to-measure blinds. Ask for width and height in whole inches plus an eighth-inch fraction. Add a color swatch where each color has its own rate times the area. Add lift types: nylon cord loop, metal cord loop, cordless and battery motorized, each with a flat price. Show left or right only for the cord loops. For battery motorized, show remote control, smart hub and solar panel choices. Add a cassette valance, yes or no, priced from the width.
Then check a few prices by hand and adjust any rate you want to change.
FAQ
Can customers enter fractions of an inch?
Yes. In this calculator each side has a whole-inch dropdown and a fraction dropdown, and the price reads both.
Can each color have its own price?
Yes. Every swatch can carry its own price formula, such as a rate times the area.
Can some questions show only for certain lift types?
Yes. Visibility rules show an option only when the shopper's earlier choices match.
Can a shopper change their blind after adding it to the cart?
Yes. Edit options reopens the calculator from the cart with their choices filled in.
Can AI set this up for me?
Yes. Describe the product to Chat with AI and it builds the options and the pricing, which you can then edit.
Every window, priced to the eighth.
Whatever you sell, however you price it · The last options app you'll shop for