-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (60 loc) · 4.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Calculate Your Average Order Value Quickly & Easily Using The AOV Calculator™. Takes 2 seconds to calculate your aveage order value (AOV).">
<meta name="keywords" content="AOV, Average Order Value, Revenue Calculator, E-commerce, Online Sales">
<meta name="author" content="The AOV Mechanic™">
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://aovcalculator.com">
<meta property="og:title" content="AOV Calculator - Calculate Your Average Order Value">
<meta property="og:description" content="Optimize your store's performance with the AOV Calculator™. Calculate your current average order value (AOV) - quickly and easily.">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://aovcalculator.com">
<meta property="twitter:title" content="AOV Calculator - Calculate Your Average Order Value">
<meta property="twitter:description" content="Calculate your current average order value (AOV) - quickly and easily. Rev Up Your Revenue!">
<title>AOV Calculator - Calculate Your Average Order Value (AOV)</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div class="container">
<header class="header">
<h1>AOV Calculator</h1>
<p>
Quickly and easily calculate your average order value (AOV). What is AOV? Average order value (AOV) is a key metric in ecommerce analytics that reflects the average amount spent each time a customer places an order over a defined period of time. </p><p>To calculate AOV, we divide the total revenue by number of orders taken:</p><p> <strong> Total Revenue ÷ Number of Orders = AOV.</strong>
</p><p>To get started with the AOV Calculator, simply enter the start and end dates for the period you want to analyze. Then, input your total revenue and the total number of orders received during that period. Once you have filled in this information, press the "Calculate Your AOV" button to see your average order value (AOV).</p>
</header>
<main class="main-content">
<section id="calculator">
<div class="calculator-step" id="current-aov-section">
<div class="input-group">
<input type="date" id="startDate" required>
<input type="date" id="endDate" required>
<input type="number" id="totalRevenue" placeholder="Total Revenue" min="0" required>
<input type="number" id="numberOfOrders" placeholder="Number of Orders" min="0" required>
<button id="calculate-aov-btn">Calculate Your AOV</button>
</div>
<div class="output-group hidden" id="current-aov-output"></div>
</div>
<div class="calculator-step" id="target-aov-section" style="display:none;">
<h2>Desired AOV % Increase</h2>
<div class="input-group">
<input type="number" id="desiredIncrease" placeholder="Desired AOV Increase (%)" min="0" required>
<button id="calculate-revenue-impact-btn">Show Revenue Impact</button>
</div>
<div class="output-group" id="revenue-impact-output"></div>
</div>
<div class="chart-container" id="revenue-chart-container" style="display:none;">
<canvas id="revenue-chart"></canvas>
</div>
</section>
</main><p>Created by <a href="https://aovmechanic.com" title="The AOV Mechanic™ - AOV Optimization Services">The AOV Mechanic™</a> - Schedule A Free Tune-up</p>
</div>
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</body>
</html>