Copy-and-Paste Code for EZ Seller Net Calculator (HTML)

Code for the EZ Seller Net Calculator (HTML)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>EZ Seller Net Calculator</title>
  <style>
    :root {
      font-family: Arial, sans-serif;
      font-size: 16px;
    }
    .calculator-container {
      padding: 40px;
      max-width: 600px;
      margin: auto;
      box-sizing: border-box;
    }
    .branding {
      text-align: center;
      margin-bottom: 30px;
    }
    .branding img {
      max-width: 180px;
    }
    h1 {
      color: #145da0;
    }
    label {
      display: block;
      margin-top: 15px;
      font-weight: bold;
    }
    input {
      width: 100%;
      padding: 8px;
      margin-top: 5px;
      box-sizing: border-box;
    }
    .result {
      background: #f9f9f9;
      padding: 20px;
      margin-top: 20px;
      border: 1px solid #ddd;
    }
    button {
      margin-top: 20px;
      padding: 10px 20px;
      background: #145da0;
      color: white;
      border: none;
      cursor: pointer;
    }
    button:hover {
      background: #0d3f6a;
    }
    .disclaimer {
      margin-top: 20px;
      font-size: 0.9em;
      color: #555;
    }
  </style>
</head>
<body>
  <div class="calculator-container">

<h1>EZ Seller Net Calculator</h1>

<label for="salePrice">Accepted Offer Price ($)</label>
    <input type="number" id="salePrice" value="500000">

<label for="commissionRate">Traditional Commission Paid by Seller (%)</label>
    <input type="number" id="commissionRate" value="5">

<label for="ezCommissionRate">Commission Paid by Seller with EZ (%) <small>(Most sellers choose to pay 0%)</small></label>
    <input type="number" id="ezCommissionRate" value="0">
    <label><input type="checkbox" id="toggleEzIncrease" onchange="toggleEzMultiplier()" checked> Use Typical Over-Asking Offer Price Increase</label>
    <label for="ezSaleMultiplier">EZ Offer Price Increase* (%) <small>(Typical range: 18-25%)</small></label>
    <input type="number" id="ezSaleMultiplier" value="10">

<button onclick="calculateNet()">Calculate</button><div class="result" id="resultSection">
      <h2>Seller Net Calculation</h2>
      <p><strong>Traditional Net:</strong> <span id="traditionalNet">$0</span></p>
      <p><strong>EZ Strategy Net:</strong> <span id="ezNetSame">$0</span></p>
      <p><strong>EZ Strategy Net With Typical Offer Price Increase*:</strong> <span id="ezNetIncreased">$0</span></p>
      <p><strong>Estimated Extra Net Gain with EZ:</strong> <span id="netGain">$0</span></p>
    </div>

<button onclick="window.print()">Print My Results</button>
    <p class="disclaimer" style="font-size: 0.75em;"><strong>Note:</strong> This calculator does not account for seller concessions or closing costs. It is for informational purposes only and is designed to compare outcomes between traditional and EZ listing options. Consult with an EZ Listing Specialist for expert guidance tailored to your specific situation.</p>
    <p class="disclaimer" style="font-size: 0.75em;"><strong>*Typical Offer Price Increase:</strong> Based on historical EZ listings where transparency drives multiple offers, resulting in final sales prices 18–25% above market average.</p>
  <p style="text-align: center; margin-top: 40px; font-size: 0.9em; color: #555;">
      Powered by <a href="https://ezrealestateplatform.com" target="_blank" style="color: #145da0; text-decoration: none; font-weight: bold;">EZ Real Estate Platform</a>
    </p>
  </div>
  <script>
    function formatCurrency(value) {
      return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
    }

function calculateNet() {
      const useEzMultiplier = document.getElementById('toggleEzIncrease').checked;
      const salePrice = parseFloat(document.getElementById('salePrice').value);
      const commissionRate = parseFloat(document.getElementById('commissionRate').value);
      const ezCommissionRate = parseFloat(document.getElementById('ezCommissionRate').value);
      const ezSaleMultiplier = parseFloat(document.getElementById('ezSaleMultiplier').value);

const traditionalNet = salePrice - (salePrice * (commissionRate / 100));
      const ezNetSamePrice = salePrice - (salePrice * (ezCommissionRate / 100));
      const increasedSalePrice = useEzMultiplier ? salePrice * (1 + ezSaleMultiplier / 100) : salePrice;
      const ezNetIncreased = increasedSalePrice - (increasedSalePrice * (ezCommissionRate / 100));
      const netGain = ezNetIncreased - traditionalNet;

document.getElementById('traditionalNet').textContent = formatCurrency(traditionalNet);
      document.getElementById('ezNetSame').textContent = formatCurrency(ezNetSamePrice);
      document.getElementById('ezNetIncreased').textContent = formatCurrency(ezNetIncreased);
      document.getElementById('netGain').textContent = formatCurrency(netGain);
    }

function emailResults() {
      const salePrice = document.getElementById('salePrice').value;
      const commissionRate = document.getElementById('commissionRate').value;
      const ezSaleMultiplier = document.getElementById('ezSaleMultiplier').value;

const traditionalNet = document.getElementById('traditionalNet').textContent;
      const ezNetSame = document.getElementById('ezNetSame').textContent;
      const ezNetIncreased = document.getElementById('ezNetIncreased').textContent;
      const netGain = document.getElementById('netGain').textContent;

const subject = encodeURIComponent("EZ Seller Net Calculator Results");
      const ezCommissionRate = document.getElementById('ezCommissionRate').value;
      const body = encodeURIComponent(
        `Sale Price: $${salePrice}
Commission Rate: ${commissionRate}%
EZ Commission Rate: ${ezCommissionRate}%
EZ Sale Increase: ${ezSaleMultiplier}%

Results:
Traditional Net: ${traditionalNet}
EZ Net (Same Price): ${ezNetSame}
EZ Net (Multiple Offers): ${ezNetIncreased}
Estimated Extra Net Gain with EZ: ${netGain}`
      );

🧾 Quick Instructions

Press the “Copy Calculator Code” button above.
Paste the code into an HTML or code block on your web page or blog post.

Works with WordPress, Wix, Squarespace, and most website builders.

Need help? Ask in our Facebook Group!