This sticker calculator prices each sticker from a size curve, multiplies by the quantity, then takes a percentage off at every quantity break. The shopper sees the total and the price per sticker before they pick anything.
This is a look inside the Stickers by Buttons calculator on our Shopify demo store. It's built with Appify Custom Product Options.
We already used it as an example in the guide to tiered and volume pricing, and the sticker design studio guide covers the design side. This article is about the price: where each sticker's price comes from and how it moves as the order grows.
What it does
The calculator opens on four steps: size (2, 3, 4 or 5 inches), shape (die cut, circle or square), color, and quantity. Quantity is a grid of cards from 20 to 10,000 stickers, plus a Custom amount. Every card already shows its price, so a shopper compares quantities without clicking anything.
In plain words, the price is the sticker's price for its size, times the quantity, minus the percentage for that quantity. In this demo, shape and color don't change the price.
Why a sticker calculator is hard to build, and how Appify Custom Product Options handles it
- The price per sticker isn't a straight rate. A basic options app prices a size as length times width times one rate, or as a fixed amount on each button. Here the price per sticker climbs by a steady step through the small and middle sizes, then flattens toward the biggest. One rate can't draw that curve. It's stored as a pricing table instead.
- Sizes fall between the rows. The 3 inch sticker has an area of 9 square inches, and the table has no row for 9. The table blends the two rows around it, so every size gets a price on the curve.
- The discount has to follow the order. Nine quantity discount rules cut the price from 25 percent at 100 stickers to 85 percent at 10,000. Quantity discounts tied to the order aren't a given in basic options apps.
- Shoppers want the price before they commit. Each quantity card shows the total and the price per sticker, with the discount as a badge. That's inline pricing on the quantity option.
- The sticker is a design. The calculator ends in an upload field and a Sticker Designer button that opens the Product Designer. Most options apps stop at a personalizer or an image editor, with no design canvas.
- The choices have to survive the order. Customers can change the size or quantity in the cart, and reordering brings the whole sticker back.
One price, worked out
Here's a 3 inch circle sticker, 300 of them, with prices in dollars. The numbers come straight from the calculator's quantity card.
- Size: 3 inches is 9 square inches, halfway between the 4 and 14 square inch rows, so the price per sticker is 1.86.
- Quantity: 300 stickers at 1.86 comes to 558 before any discount.
- Discount: the 300 break takes 35 percent off.
- Total: 362.70, or 1.21 per sticker.
Change the size and every card reprices at once. The 20 card at this size reads 37.20, which is 1.86 each.
The design decisions
Each size button carries its area
The 2, 3, 4 and 5 inch buttons hold 4, 9, 16 and 25 square inches. The total price formula looks the chosen area up in the pricing table, then multiplies by the quantity.
The shopper picks a size they recognize. The calculator works with the area.
The table blends between rows
The table's lookup mode is Interpolate. Its rows run from 4 square inches at 1.63 to 196 at 8.55, and a size between two rows gets a blend of the two.
Your price curve goes in as it is. Change one row and that size reprices. There's no rate to work out and no variant for every size.
Quantity is a card grid with prices on it
The quantity option has 11 fixed amounts and a Custom amount. Inline pricing is set to show both the total and the price per sticker, with an "each" suffix.
The cards give the shopper a price list without a price list page.
Discounts are percent-off breaks
The breaks sit at 100, 200, 300, 500, 1,000, 2,000, 3,000, 5,000 and 10,000 stickers, from 25 percent up to 85 percent. Aggregation is set to per line, so each cart line earns its own break.
The discount reaches checkout as a line item discount, so no code is needed. The total box shows the full price crossed out beside the discounted one.
Shape and color are choices, not prices
Shape is three buttons with pictures. Color is a row of swatches. Neither adds to the price here, so the customer picks what they like without the total moving.
Any color, from the last swatch
The last swatch, Custom, is a color picker. Set the last choice of a color swatch to Picker and it shows as a rainbow wheel the customer taps to choose any color. Your label stays under it, and the cart and price summary show the color they picked.
So there's no second option for a custom color and no rule to show it. It also works with Designer bindings: here the Color option sets the sticker's background in the Designer, so a picked color carries through to the print file.
The upload feeds the Designer
The customer uploads one image, then taps Sticker Designer. That opens the Product Designer with their art on it.
What arrives with the order
The calculated price goes to checkout on one cart line. Cart properties carry the size, shape, color and quantity, and the design is attached to the order on the app's Orders page.
Customers can tap Edit options in the cart to try a bigger quantity without starting over. Later, Appify Reorder brings the sticker back with every choice filled in, where Shopify's own Buy again drops them.
Make it yours
- Add a material. Vinyl, holographic or clear can price from a second column in the same table, or from a price adjustment that adds a percentage.
- Charge a setup fee. A fixed fee is added on top, and quantity discounts never reduce it.
- Move the breaks. Change where the discounts start, or switch them to an amount off. The guide to pricing from a table or rate sheet walks through the layouts and lookup modes.
Get this calculator
Ask Chat with AI to build it in your own words, and attach your size-to-price table as a CSV or Excel file. For example:
"Build a sticker calculator. Add size buttons for 2, 3, 4 and 5 inches, priced by area: 4, 9, 16 and 25 square inches. Price each sticker from the attached table of area against price, blending between rows. Add shape buttons with pictures: Die cut, Circle and Square. Add color swatches. Add quantity cards for 20, 50, 100, 200, 300, 500, 1000, 2000, 3000, 5000 and 10000, plus a custom amount, showing the total and the price each. Multiply the price by the quantity. Take 25 percent off at 100, 30 at 200, 35 at 300, 45 at 500, 65 at 1000, 70 at 2000, 75 at 3000, 80 at 5000 and 85 at 10000."
Chat with AI writes the options, the table and the discounts. Add the upload field and the Product Designer option yourself under Options & Pricing. Then check the price in the preview before you publish.
FAQ
How do you price stickers by size and quantity on Shopify?
Put a price per sticker for each size in a pricing table, multiply by the quantity, and add quantity discount rules for the breaks. The calculator shows the total as the shopper picks.
What happens when a sticker size isn't in the price table?
That depends on the table's lookup mode. This demo uses Interpolate, so a size between two rows gets a price blended from the rows on either side.
Can each quantity show its own price?
Yes. Turn on inline pricing for the quantity option and each card shows its total, its price each, and the discount badge.
Do I need a variant for every sticker size?
No. The product has one variant. The size and quantity come from the calculator, and the price from the table and the discount rules.
Every sticker, priced from size to the thousand.
Whatever you sell, however you price it · The last options app you'll shop for