Markup Calculator Widget

Add a markup calculator to your website. Readers apply a markup percentage to a cost to get the selling price, or reverse it to find the cost behind a price or the markup between the two - with the equivalent margin shown every time.

Business & Ecommerce Calculator Runs in your browser Free · no ads

Customize your widget

Theme
Auto follows the visitor's light/dark setting.
Style
Attribution on your page
Optional and entirely your choice. The exact line is shown in the code below; it links to the tool with rel="nofollow".
More options
Starting values
Leave blank to use the widget's defaults. Visitors can still change every value.

Live preview

Exactly what your visitors will see

Embed code

<iframe src="https://a2z.tools/embed/w/markup-calculator" title="Markup Calculator by A2Z Tools" width="100%" height="530" style="border:0;width:100%" loading="lazy" allow="clipboard-write"></iframe>

A plain iframe. Works everywhere, including site builders that strip scripts. Adjust height if your content needs more room.

Works with

How it works

Markup is added on top of cost: a 50% markup on 40 gives 60. The widget does that forward calculation like the A2Z Markup Calculator, and adds two reverse modes - the cost that a price and markup imply, and the markup between a known cost and price. Because many people confuse markup with margin, it always shows the gross margin that the same profit represents, and warns when the price falls below cost.

Calculation method

  • Selling price = cost x (1 + markup / 100)
  • Cost = selling price / (1 + markup / 100)
  • Markup % = (price - cost) / cost x 100
  • Equivalent margin % = (price - cost) / price x 100

Worked examples

Working back from a shelf price

Inputs: Find cost; selling price 149; markup 100%

Result: Cost 74.50; profit per unit 74.50; gross margin 50%

Keystone pricing doubles the landed cost.

The markup between two prices

Inputs: Find markup; cost 40; price 70

Result: Markup 75%; profit 30.00; gross margin 42.86%

30 / 40 against 30 / 70.

Forward markup

Inputs: Find price; cost 40; markup 50%

Result: Selling price 60.00; profit 20.00; gross margin 33.33%

40 x 1.5.

Limitations

  • Uses the cost you enter; landed cost (freight, duty, packaging) must be included by you for a true markup.
  • One item at a time - blended markups across a range or tiered wholesale price breaks are not modelled.

Where publishers use it

  • Retail and wholesale pricing guides that teach keystone (100%) and other standard markups
  • Craft and handmade sellers working out a shop price from material and labour cost
  • Contractors and trades adding a markup to materials on a job estimate
  • Business-studies lessons comparing markup with margin on the same product
  • Bakeries, breweries and food-truck guides setting menu prices from ingredient cost

Questions

What markup gives a 50% margin?

A 100% markup. Doubling the cost (keystone pricing) makes the profit equal to the cost, which is half of the selling price.

Why is the markup always bigger than the margin?

They share the same profit but markup divides it by the cost, which is smaller than the price whenever there is a profit.

Can I preset the mode and values?

Yes. Set v_mode to price, cost or markup and preset v_cost, v_price or v_markup in the embed URL.

What happens with a negative markup?

A negative markup means selling below cost. The widget accepts it down to just above -100% and shows the loss per unit.

What is the most I can pay for an item I want to sell at 149 with keystone pricing?

Keystone means a 100% markup, so the cost can be at most 149 / 2 = 74.50, which leaves a 50% gross margin.

Is a 75% markup good?

It depends on your overheads and sector. Bought at 40 and sold at 70, a 75% markup is a 42.86% gross margin; whether that is healthy depends on rent, wages, returns and card fees, which a markup ignores.

What goes into landed cost?

Everything it takes to get the item onto your shelf: the supplier price plus freight, import duty, customs brokerage, insurance in transit and handling. Mark up the landed cost, not the invoice price, or the margin is overstated.

Should contractors mark up labour and materials the same?

Often not. Many trades apply one markup to materials and build overhead and profit into the hourly labour rate instead. The widget handles one cost at a time, so run it separately for each.

How do I convert a markup into a margin without the widget?

Margin = markup / (1 + markup). A 25% markup is 20% margin, 50% is 33.33%, 100% is 50% and 200% is 66.67% - the margin can approach but never reach 100%.

Cite or recommend this tool

If you reference this tool in an article, course or documentation, these formats are ready to copy. They are optional - nothing is added to your site unless you paste it.

A2Z Tools Markup Calculator
https://a2z.tools/markup-calculator

Related widgets

More Business & Ecommerce widgets →

Preview

CustomizeGet code