{"product_id":"commission","title":"Commission Calculator","description":"\u003cstyle\u003e\n.com-calculator {\n  --ink: #0f172a;\n  --muted: #475569;\n  --border: #e2e8f0;\n  --surface: #ffffff;\n  --tint: #f8fafc;\n  --primary: #1d4ed8;\n  --accent: #c2410c;\n  --accent-hover: #9a3412;\n  --chart-1: #1e40af;\n  --chart-2: #0d9488;\n  --chart-3: #7c3aed;\n  --chart-4: #be185d;\n  --chart-5: #334155;\n  container-type: inline-size;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 24px;\n  color: var(--ink);\n  background: var(--tint);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15px;\n  line-height: 1.55;\n}\n.com-calculator,\n.com-calculator *,\n.com-calculator *::before,\n.com-calculator *::after {\n  box-sizing: border-box;\n  min-width: 0;\n}\n.com-calculator h2,\n.com-calculator h3,\n.com-calculator p {\n  margin-top: 0;\n}\n.com-calculator h2 {\n  margin-bottom: 8px;\n  font-size: 24px;\n  line-height: 1.25;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n}\n.com-calculator h3 {\n  margin-bottom: 12px;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 650;\n}\n.com-calculator a {\n  color: var(--primary);\n  text-decoration-thickness: 1px;\n  text-underline-offset: 2px;\n}\n.com-calculator a:hover {\n  text-decoration-thickness: 2px;\n}\n.com-calculator button,\n.com-calculator input {\n  font: inherit;\n}\n.com-calculator button,\n.com-calculator input,\n.com-calculator label {\n  -webkit-tap-highlight-color: transparent;\n}\n.com-calculator button:focus-visible,\n.com-calculator input:focus-visible,\n.com-calculator a:focus-visible {\n  outline: 3px solid rgba(29, 78, 216, 0.32);\n  outline-offset: 2px;\n}\n.com-header {\n  display: grid;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n.com-header-copy p {\n  max-width: 760px;\n  margin-bottom: 0;\n  color: var(--muted);\n}\n.com-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.com-pill {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 6px;\n  padding: 6px 10px;\n  color: var(--muted);\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 500;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n}\n.com-pill strong {\n  color: var(--ink);\n  font-variant-numeric: tabular-nums;\n}\n.com-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n.com-button {\n  min-height: 44px;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  padding: 11px 16px;\n  cursor: pointer;\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 1.2;\n  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;\n}\n.com-button:hover {\n  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);\n}\n.com-button:active {\n  transform: translateY(1px);\n}\n.com-download {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 18px;\n  color: #ffffff;\n  background: var(--accent);\n  border-color: var(--accent);\n  white-space: nowrap;\n}\n.com-download:hover {\n  background: var(--accent-hover);\n  border-color: var(--accent-hover);\n}\n.com-download svg {\n  width: 18px;\n  height: 18px;\n  flex: 0 0 auto;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.com-reset {\n  color: var(--ink);\n  background: var(--surface);\n  border-color: #cbd5e1;\n}\n.com-reset:hover {\n  background: #f1f5f9;\n  border-color: #94a3b8;\n}\n.com-workspace {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  align-items: start;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n.com-card {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 20px;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);\n}\n.com-form {\n  display: grid;\n  gap: 16px;\n}\n.com-field {\n  display: grid;\n  align-content: start;\n  gap: 8px;\n}\n.com-label,\n.com-fieldset legend {\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 600;\n}\n.com-control {\n  width: 100%;\n  min-height: 44px;\n  padding: 10px 12px;\n  color: var(--ink);\n  background: #ffffff;\n  border: 1px solid #94a3b8;\n  border-radius: 6px;\n  font-size: 15px;\n  font-weight: 400;\n  font-variant-numeric: tabular-nums;\n}\n.com-control:hover {\n  border-color: #64748b;\n}\n.com-control[aria-invalid=\"true\"] {\n  border-color: #b91c1c;\n}\n.com-help,\n.com-error {\n  min-height: 20px;\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.45;\n}\n.com-help {\n  color: var(--muted);\n}\n.com-error {\n  color: #991b1b;\n}\n.com-fieldset {\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.com-fieldset legend {\n  margin-bottom: 8px;\n  padding: 0;\n}\n.com-segmented {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 4px;\n  padding: 4px;\n  background: #e2e8f0;\n  border-radius: 8px;\n}\n.com-radio {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n.com-segment-label {\n  display: flex;\n  min-height: 40px;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 12px;\n  color: var(--muted);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 650;\n  text-align: center;\n}\n.com-radio:checked + .com-segment-label {\n  color: var(--ink);\n  background: #ffffff;\n  border-color: #cbd5e1;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);\n}\n.com-radio:focus-visible + .com-segment-label {\n  outline: 3px solid rgba(29, 78, 216, 0.32);\n  outline-offset: 2px;\n}\n.com-results-head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 8px 16px;\n  margin-bottom: 16px;\n}\n.com-results-head h3 {\n  margin-bottom: 0;\n}\n.com-results-status {\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.com-primary-result {\n  padding: 16px;\n  margin-bottom: 16px;\n  background: #eff6ff;\n  border: 1px solid #bfdbfe;\n  border-radius: 8px;\n}\n.com-primary-label {\n  display: block;\n  margin-bottom: 4px;\n  color: #1e3a8a;\n  font-size: 13px;\n  font-weight: 650;\n}\n.com-primary-value {\n  display: block;\n  color: #172554;\n  font-size: 30px;\n  line-height: 1.15;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  overflow-wrap: anywhere;\n  font-variant-numeric: tabular-nums;\n}\n.com-result-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n.com-result-card {\n  padding: 14px;\n  background: var(--tint);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n}\n.com-result-card span {\n  display: block;\n}\n.com-result-card-label {\n  min-height: 38px;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.4;\n}\n.com-result-card-value {\n  margin-top: 6px;\n  color: var(--ink);\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: 700;\n  overflow-wrap: anywhere;\n  font-variant-numeric: tabular-nums;\n}\n.com-breakdown,\n.com-table-section,\n.com-education {\n  margin-top: 16px;\n}\n.com-chart-card {\n  display: grid;\n  gap: 16px;\n}\n.com-chart-intro {\n  max-width: 780px;\n  margin-bottom: 0;\n  color: var(--muted);\n}\n.com-chart-cluster {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  max-width: 760px;\n  margin: 0 auto;\n}\n.com-chart-details {\n  display: grid;\n  align-content: center;\n  gap: 16px;\n  width: 100%;\n  max-width: 360px;\n  margin: 0 auto;\n}\n.com-plot {\n  display: grid;\n  place-items: center;\n  width: 100%;\n  max-width: 320px;\n  min-height: 280px;\n  margin: 0 auto;\n}\n.com-chart-svg {\n  display: block;\n  width: min(100%, 280px);\n  height: auto;\n  aspect-ratio: 1;\n  overflow: visible;\n}\n.com-chart-svg text {\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  text-anchor: middle;\n  dominant-baseline: middle;\n}\n.com-chart-center-label {\n  fill: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n}\n.com-chart-center-value {\n  fill: var(--ink);\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n}\n.com-chart-empty {\n  display: none;\n  max-width: 420px;\n  margin: 0 auto;\n  padding: 12px 14px;\n  color: var(--muted);\n  background: var(--tint);\n  border: 1px dashed #94a3b8;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  text-align: center;\n}\n.com-legend {\n  display: grid;\n  align-content: center;\n  gap: 10px;\n  width: fit-content;\n  max-width: 100%;\n  margin: 0 auto;\n}\n.com-legend-row {\n  display: grid;\n  grid-template-columns: 12px minmax(90px, auto) auto auto;\n  align-items: center;\n  column-gap: 10px;\n  row-gap: 4px;\n  color: var(--ink);\n  font-size: 13px;\n  font-weight: 500;\n}\n.com-swatch {\n  width: 12px;\n  height: 12px;\n  border-radius: 3px;\n}\n.com-legend-name {\n  color: var(--ink);\n}\n.com-legend-value,\n.com-legend-percent {\n  color: var(--muted);\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n}\n.com-chart-callout,\n.com-table-note {\n  padding: 10px 12px;\n  color: var(--muted);\n  background: var(--tint);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n}\n.com-chart-callout {\n  margin-top: 0;\n}\n.com-table-note {\n  margin-top: 16px;\n}\n.com-safe-stack .com-chart-cluster {\n  grid-template-columns: minmax(0, 1fr);\n  row-gap: 20px;\n}\n.com-safe-stack .com-plot,\n.com-safe-stack .com-legend {\n  margin-left: auto;\n  margin-right: auto;\n}\n.com-table-overflow {\n  width: 100%;\n  overflow-x: auto;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n}\n.com-table {\n  width: 100%;\n  min-width: 640px;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.com-table th,\n.com-table td {\n  padding: 11px 12px;\n  border-bottom: 1px solid var(--border);\n  text-align: left;\n  vertical-align: top;\n}\n.com-table th {\n  color: #ffffff;\n  background: #1e293b;\n  font-size: 13px;\n  font-weight: 650;\n}\n.com-table tbody tr:last-child td {\n  border-bottom: 0;\n}\n.com-table td[data-com-numeric] {\n  text-align: right;\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n}\n.com-safe-table-stack .com-table-note {\n  margin-top: 20px;\n}\n.com-education {\n  display: grid;\n  gap: 24px;\n}\n.com-education-section {\n  max-width: 900px;\n}\n.com-education-section h3 {\n  margin-top: 20px;\n}\n.com-education-section p,\n.com-education-section li {\n  color: #334155;\n}\n.com-education-section ul {\n  margin: 0;\n  padding-left: 22px;\n}\n.com-education-section li + li {\n  margin-top: 8px;\n}\n.com-formula {\n  padding: 12px 14px;\n  color: #172554;\n  background: #eff6ff;\n  border-left: 4px solid var(--primary);\n  border-radius: 0 6px 6px 0;\n  font-weight: 650;\n  font-variant-numeric: tabular-nums;\n}\n.com-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n@container (min-width: 640px) {\n  .com-chart-cluster {\n    grid-template-columns: minmax(260px, 320px) minmax(260px, 340px);\n    column-gap: 24px;\n  }\n}\n@container (min-width: 900px) {\n  .com-workspace {\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n  }\n  .com-header {\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: end;\n  }\n  .com-pills {\n    justify-content: flex-end;\n  }\n}\n@container (max-width: 639px) {\n  .com-calculator {\n    padding: 16px;\n  }\n  .com-card {\n    padding: 16px;\n  }\n  .com-chart-cluster {\n    row-gap: 16px;\n  }\n  .com-plot {\n    min-height: 250px;\n  }\n  .com-legend {\n    width: 100%;\n  }\n  .com-legend-row {\n    grid-template-columns: 12px minmax(80px, auto) auto;\n  }\n  .com-legend-percent {\n    grid-column: 2 \/ 4;\n    padding-left: 0;\n  }\n  .com-table-note {\n    margin-top: 16px;\n  }\n}\n@container (max-width: 359px) {\n  .com-calculator {\n    padding: 12px;\n  }\n  .com-card {\n    padding: 14px;\n  }\n  .com-toolbar {\n    align-items: stretch;\n  }\n  .com-button {\n    width: 100%;\n    justify-content: center;\n  }\n  .com-result-grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .com-table-note {\n    margin-top: 12px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"com-calculator\" data-calculator-root\u003e\n  \u003cheader class=\"com-header\"\u003e\n    \u003cdiv class=\"com-header-copy\"\u003e\n      \u003ch2\u003eCommission Calculator\u003c\/h2\u003e\n      \u003cp\u003eCalculate a percentage-based commission, the seller’s net proceeds, and the buyer’s price when commission is added on top.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"com-pills\" aria-label=\"Live commission summary\"\u003e\n      \u003cspan class=\"com-pill\"\u003eRate \u003cstrong data-com-pill-rate\u003e14.00%\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"com-pill\"\u003eCommission \u003cstrong data-com-pill-commission\u003e$9.80\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"com-pill\"\u003eSeller net \u003cstrong data-com-pill-net\u003e$60.20\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"com-pill\"\u003eBuyer total \u003cstrong data-com-pill-total\u003e$79.80\u003c\/strong\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003cdiv class=\"com-toolbar\" aria-label=\"Calculator actions\"\u003e\n    \u003cbutton class=\"com-button com-download\" type=\"button\" data-com-download\u003e\n      \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 3v12\"\u003e\u003c\/path\u003e\u003cpath d=\"m7 10 5 5 5-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 21h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cspan\u003eDownload Excel\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cbutton class=\"com-button com-reset\" type=\"button\" data-com-reset\u003eReset\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"com-workspace\"\u003e\n    \u003csection class=\"com-card com-inputs\" aria-labelledby=\"com-inputs-heading\"\u003e\n      \u003ch3 id=\"com-inputs-heading\"\u003eInputs\u003c\/h3\u003e\n      \u003cform class=\"com-form\" novalidate\u003e\n        \u003cdiv class=\"com-field\"\u003e\n          \u003clabel class=\"com-label\" for=\"com-sale-price\"\u003eSale price\u003c\/label\u003e\n          \u003cinput class=\"com-control\" id=\"com-sale-price\" data-com-sale inputmode=\"decimal\" autocomplete=\"off\" value=\"$70.00\" aria-describedby=\"com-sale-help com-sale-error\"\u003e\n          \u003cp class=\"com-help\" id=\"com-sale-help\"\u003eThe base transaction amount before commission.\u003c\/p\u003e\n          \u003cp class=\"com-error\" id=\"com-sale-error\" data-com-sale-error aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cfieldset class=\"com-fieldset\"\u003e\n          \u003clegend\u003eCommission input\u003c\/legend\u003e\n          \u003cdiv class=\"com-segmented\"\u003e\n            \u003cinput class=\"com-radio\" id=\"com-mode-percent\" type=\"radio\" name=\"com-mode\" value=\"percent\" checked data-com-mode\u003e\n            \u003clabel class=\"com-segment-label\" for=\"com-mode-percent\"\u003ePercentage\u003c\/label\u003e\n            \u003cinput class=\"com-radio\" id=\"com-mode-amount\" type=\"radio\" name=\"com-mode\" value=\"amount\" data-com-mode\u003e\n            \u003clabel class=\"com-segment-label\" for=\"com-mode-amount\"\u003eDollar amount\u003c\/label\u003e\n          \u003c\/div\u003e\n        \u003c\/fieldset\u003e\n\n        \u003cdiv class=\"com-field\"\u003e\n          \u003clabel class=\"com-label\" for=\"com-commission-input\" data-com-commission-label\u003eCommission rate\u003c\/label\u003e\n          \u003cinput class=\"com-control\" id=\"com-commission-input\" data-com-commission inputmode=\"decimal\" autocomplete=\"off\" value=\"14.00%\" aria-describedby=\"com-commission-help com-commission-error\"\u003e\n          \u003cp class=\"com-help\" id=\"com-commission-help\" data-com-commission-help\u003eEnter the percentage of the sale price paid as commission.\u003c\/p\u003e\n          \u003cp class=\"com-error\" id=\"com-commission-error\" data-com-commission-error aria-live=\"polite\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/form\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"com-card com-results\" aria-labelledby=\"com-results-heading\"\u003e\n      \u003cdiv class=\"com-results-head\"\u003e\n        \u003ch3 id=\"com-results-heading\"\u003eLive results\u003c\/h3\u003e\n        \u003cspan class=\"com-results-status\" data-com-status\u003eBased on a 14.00% commission rate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"com-primary-result\"\u003e\n        \u003cspan class=\"com-primary-label\"\u003eCommission amount\u003c\/span\u003e\n        \u003cstrong class=\"com-primary-value\" data-com-primary\u003e$9.80\u003c\/strong\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"com-result-grid\"\u003e\n        \u003cdiv class=\"com-result-card\"\u003e\n          \u003cspan class=\"com-result-card-label\"\u003eSeller receives after commission\u003c\/span\u003e\n          \u003cstrong class=\"com-result-card-value\" data-com-seller-net\u003e$60.20\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"com-result-card\"\u003e\n          \u003cspan class=\"com-result-card-label\"\u003eBuyer pays if commission is added\u003c\/span\u003e\n          \u003cstrong class=\"com-result-card-value\" data-com-buyer-total\u003e$79.80\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"com-result-card\"\u003e\n          \u003cspan class=\"com-result-card-label\"\u003eCommission rate\u003c\/span\u003e\n          \u003cstrong class=\"com-result-card-value\" data-com-rate\u003e14.00%\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"com-sr-only\" aria-live=\"polite\" data-com-live\u003eCommission amount is $9.80. Seller receives $60.20. Buyer total is $79.80.\u003c\/p\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"com-card com-breakdown com-chart-card\" aria-labelledby=\"com-breakdown-heading\" data-com-chart-card\u003e\n    \u003cdiv\u003e\n      \u003ch3 id=\"com-breakdown-heading\"\u003eSale price allocation\u003c\/h3\u003e\n      \u003cp class=\"com-chart-intro\" data-com-chart-intro\u003eAt the current rate, commission represents 14.00% of the sale price and the seller retains 86.00%.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"com-chart-cluster\" data-com-chart-cluster\u003e\n      \u003cdiv class=\"com-plot\" data-com-plot\u003e\n        \u003csvg class=\"com-chart-svg\" viewbox=\"0 0 280 280\" role=\"img\" aria-labelledby=\"com-chart-title com-chart-desc\" data-com-chart\u003e\u003c\/svg\u003e\n        \u003cspan class=\"com-chart-empty\" data-com-chart-empty\u003eEnter values above to see the breakdown.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"com-chart-details\"\u003e\n        \u003cdiv class=\"com-legend\" data-com-legend aria-label=\"Sale price allocation legend\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"com-chart-callout\" data-com-chart-caption\u003eThe commission is deducted from the seller’s proceeds when the seller covers it. If the buyer covers it, the same commission is added to the base sale price instead.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"com-sr-only\" id=\"com-chart-title\"\u003eSale price allocation chart\u003c\/p\u003e\n    \u003cp class=\"com-sr-only\" id=\"com-chart-desc\" data-com-chart-summary\u003eSeller net is $60.20 and commission is $9.80.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"com-card com-table-section\" aria-labelledby=\"com-table-heading\" data-com-table-card\u003e\n    \u003ch3 id=\"com-table-heading\"\u003eWho covers the commission?\u003c\/h3\u003e\n    \u003cdiv class=\"com-table-overflow\" data-com-table-overflow\u003e\n      \u003ctable class=\"com-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"col\"\u003eScenario\u003c\/th\u003e\n            \u003cth scope=\"col\"\u003eBuyer pays\u003c\/th\u003e\n            \u003cth scope=\"col\"\u003eSeller receives\u003c\/th\u003e\n            \u003cth scope=\"col\"\u003eCommission paid\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody data-com-table-body\u003e\u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"com-table-note\" data-com-table-note\u003eThe base sale price is unchanged. The difference is whether commission is deducted from the seller’s proceeds or added to the buyer’s payment.\u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"com-card com-education\" aria-labelledby=\"com-education-heading\"\u003e\n    \u003cdiv class=\"com-education-section\"\u003e\n      \u003ch2 id=\"com-education-heading\"\u003eHow to use the commission calculator\u003c\/h2\u003e\n      \u003cp\u003eThis calculator estimates a simple percentage-based commission on one transaction. It also shows two practical views of the same fee: the seller’s proceeds when commission is deducted from the sale price, and the buyer’s total when commission is added on top. These outputs are useful for checking sales compensation, referral fees, brokerage charges, affiliate payouts, marketplace fees, or any agreement where a fee is expressed as a percentage of a transaction value.\u003c\/p\u003e\n\n      \u003ch3\u003eSale price\u003c\/h3\u003e\n      \u003cp\u003eEnter the transaction amount before commission. This field is required for a meaningful calculation and is displayed in U.S. dollars. A higher sale price increases the commission in direct proportion when the rate stays fixed. For example, doubling the sale price doubles the commission, seller net, and buyer total. Common mistakes include entering the price after commission has already been deducted, mixing currencies, or using a tax-inclusive amount when the contract defines commission on a tax-exclusive base. The calculator accepts commas and a dollar sign, so entries such as \u003cstrong\u003e$12,500\u003c\/strong\u003e and \u003cstrong\u003e12500\u003c\/strong\u003e are treated the same.\u003c\/p\u003e\n\n      \u003ch3\u003eCommission input mode\u003c\/h3\u003e\n      \u003cp\u003eChoose \u003cstrong\u003ePercentage\u003c\/strong\u003e when the agreement gives a rate, such as 6% or 14%. Choose \u003cstrong\u003eDollar amount\u003c\/strong\u003e when the fee itself is known and you want to infer the equivalent rate. Switching modes converts the current value rather than merely changing its label. The conversion uses the current sale price, so set the sale price first when moving from a dollar commission to a percentage. If the sale price is zero, an amount cannot be converted into a meaningful rate and the rate is shown as zero.\u003c\/p\u003e\n\n      \u003ch3\u003eCommission rate or amount\u003c\/h3\u003e\n      \u003cp\u003eIn percentage mode, enter the portion of the sale price paid as commission. Higher rates increase the commission and reduce the seller’s net by the same amount. In dollar mode, enter the known commission payment. Negative values are rejected because a negative commission would normally represent a rebate or credit rather than compensation. Rates above 100% and commission amounts above the sale price are mathematically possible but unusual; in those cases, the seller’s net becomes negative and the allocation chart is replaced with an explanatory state because a positive sale-price split is no longer meaningful.\u003c\/p\u003e\n\n      \u003ch3\u003eCore formula\u003c\/h3\u003e\n      \u003cp class=\"com-formula\"\u003eCommission amount = Sale price × Commission rate ÷ 100\u003c\/p\u003e\n      \u003cp\u003eThe seller-net formula subtracts commission from the sale price. The buyer-total formula adds commission to the sale price. When a dollar commission is entered, the equivalent rate is calculated as commission amount divided by sale price. Full precision is retained for the calculations, while displayed currency values are rounded to the nearest cent.\u003c\/p\u003e\n\n      \u003ch3\u003eUnderstanding each result\u003c\/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003cstrong\u003eCommission amount\u003c\/strong\u003e is the fee earned or charged on the transaction. A zero result means either the sale price or commission rate is zero. It is driven directly by both inputs.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eSeller receives after commission\u003c\/strong\u003e equals the sale price minus commission. A lower value means more of the transaction is allocated to the commission recipient. A negative value indicates that the commission exceeds the sale price.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eBuyer pays if commission is added\u003c\/strong\u003e equals the sale price plus commission. This is relevant when the agreement passes the fee to the customer instead of deducting it from seller proceeds.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eCommission rate\u003c\/strong\u003e expresses the fee as a percentage of the base sale price. In dollar mode, it helps compare a fixed fee with percentage-based alternatives.\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003ch3\u003eReading the chart and comparison table\u003c\/h3\u003e\n      \u003cp\u003eThe donut chart divides the base sale price into seller net and commission. Its legend uses the same current-state values as the results panel and Excel workbook. A larger commission segment means a greater share of the sale price goes to the commission recipient. The table compares the two payment structures: when the seller covers the commission, the buyer pays the base price and the seller receives less; when the buyer covers it, the seller receives the base price and the buyer pays more. Neither scenario changes the commission amount itself.\u003c\/p\u003e\n\n      \u003ch3\u003ePractical checks and common mistakes\u003c\/h3\u003e\n      \u003cp\u003eConfirm what the contract defines as the commission base. Some plans calculate commission on gross sales, while others use net revenue, gross margin, collected cash, or amounts above a quota. Also check whether returns, discounts, taxes, shipping, chargebacks, or shared commissions are excluded. This calculator models a single flat rate and does not calculate tiered rates, draw recovery, payroll withholding, or tax treatment. The \u003ca href=\"https:\/\/www.dol.gov\/agencies\/whd\/fact-sheets\/17f-overtime-outside-sales\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eU.S. Department of Labor\u003c\/a\u003e provides information about outside-sales employment rules, while \u003ca href=\"https:\/\/www.irs.gov\/publications\/p15\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eIRS Publication 15\u003c\/a\u003e discusses employer tax responsibilities. For a general explanation of commission structures, see \u003ca href=\"https:\/\/www.investopedia.com\/terms\/c\/commission.asp\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInvestopedia’s commission overview\u003c\/a\u003e. Contract terms and local law control the actual amount owed, so use this tool for estimation and recordkeeping rather than personalized legal, tax, or payroll advice.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909480587507,"sku":"commission","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/commission.webp?v=1783935374","url":"https:\/\/financialmodelslab.com\/products\/commission","provider":"Financial Models Lab","version":"1.0","type":"link"}