File

Back Back Up Advanced Editor

<?php 
$title = "Email ROI Calculator";
$description = "Calculate the return on investment (ROI) of your previous or next email marketing campaign 
    to see how valuable email can be. Use our calculator to set your goals, 
    increase your ROI, and plan your future marketing campaigns.";

include "../autoload.php";

inc ('t1');
?>

<div class="calculator-wrapper">
    
    <div class="left-panel">
      
      <h3>Preferred Currency</h3>
      <p class="subtext">Choose the currency you’d like to use to calculate your email marketing ROI.</p>
      <select id="currency">
        <option value="$">$ USD</option>
        <option value="€">€ EUR</option>
        <option value="£">£ GBP</option>
      </select>

<h3>Email Send Volume</h3>
      <p class="subtext">Enter the total number of contacts that you’re sending the campaign to.</p>
      <input type="number" id="sendVolume" placeholder="e.g., 500" value="500" />

<h3>Cost of Email Marketing Campaign</h3>
      <p class="subtext">Enter the cost for sending this single campaign. (Divide your monthly cost by the total campaigns sent per month.)</p>
      <input type="number" id="campaignCost" placeholder="e.g., 44" step="any" value="44" />

<h3>Total sales</h3>
      <p class="subtext">Enter the total value of your sales for this campaign.</p>
      <input type="number" id="totalSales" placeholder="e.g., 50" step="any" value="50" />

<button class="calculate-btn" id="calculateBtn">Calculate ROI</button>
    </div>

<div class="right-panel">
      <h2>Results</h2>

<div class="result-row">
        <span class="label">Cost per Subscriber:</span>
        <span class="value" id="costPerSubscriber">-</span>
      </div>
      <div class="result-row">
        <span class="label">Total Revenue:</span>
        <span class="value" id="totalRevenue">-</span>
      </div>
      <div class="result-row">
        <span class="label">Total Profit:</span>
        <span class="value" id="totalProfit">-</span>
      </div>
      <div class="result-row">
        <span class="label">Revenue per Email:</span>
        <span class="value" id="revenuePerEmail">-</span>
      </div>
      <div class="result-row roi-percentage">
        <span class="label">ROI %</span>
        <span class="value" id="roiPercentage">-</span>
      </div>
      <div class="result-row">
        <span class="label">Sales to Break Even:</span>
        <span class="value" id="breakEvenSales">-</span>
      </div>
    </div>
  </div>

// Grab result elements
    const costPerSubscriberEl = document.getElementById("costPerSubscriber");
    const totalRevenueEl      = document.getElementById("totalRevenue");
    const totalProfitEl       = document.getElementById("totalProfit");
    const revenuePerEmailEl   = document.getElementById("revenuePerEmail");
    const roiPercentageEl     = document.getElementById("roiPercentage");
    const breakEvenSalesEl    = document.getElementById("breakEvenSales");

calculateBtn.addEventListener("click", () => {
      // Parse values
      const currency     = currencyEl.value;
      const sendVolume   = parseFloat(sendVolumeEl.value)   || 0;
      const campaignCost = parseFloat(campaignCostEl.value) || 0;
      const totalSales   = parseFloat(totalSalesEl.value)   || 0;

// Basic validation
      if (sendVolume <= 0) {
        alert("Please enter a valid Email Send Volume.");
        return;
      }

// Calculations
      const costPerSubscriber = (campaignCost / sendVolume) || 0;
      const totalProfit       = totalSales - campaignCost;
      const revenuePerEmail   = (totalSales / sendVolume) || 0;
      const roiPercentage     = (campaignCost > 0)
                                ? ( (totalSales / campaignCost) * 100 )
                                : 0;
      const breakEvenSales    = campaignCost; // to break even

// Update result fields
      costPerSubscriberEl.textContent = currency + costPerSubscriber.toFixed(2);
      totalRevenueEl.textContent      = currency + totalSales.toFixed(2);
      totalProfitEl.textContent       = currency + totalProfit.toFixed(2);
      revenuePerEmailEl.textContent   = currency + revenuePerEmail.toFixed(2);
      roiPercentageEl.textContent     = roiPercentage.toFixed(2);
      breakEvenSalesEl.textContent    = currency + breakEvenSales.toFixed(2);
    });
  </script>

<?php 
inc ('t2');
?>