117 lines
5.7 KiB
HTML
117 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Email campaign report · Portal · MKDRealtor.com</title>
|
||
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700%7CPoppins:400,600,700">
|
||
<link rel="stylesheet" href="proposal.css">
|
||
|
||
</head>
|
||
<body class="portal">
|
||
<div class="proposal-banner">
|
||
<div><span class="tag">Proposal mockup</span> MKDRealtor.com — UX examples (not production)</div>
|
||
<div><a href="index.html">All screens</a></div>
|
||
</div>
|
||
<div class="portal-shell">
|
||
<aside class="portal-sidebar">
|
||
<a class="portal-brand" href="portal-dashboard.html"><img src="brand/exit_logo.png" alt="EXIT Realty"><span>MKDRealtor.com</span></a>
|
||
<nav class="portal-nav">
|
||
<div class="nav-section">Overview</div>
|
||
<a class="" href="portal-dashboard.html">Dashboard</a>
|
||
<a class="" href="portal-leads.html">Leads</a>
|
||
<a class="" href="portal-analytics.html">Analytics</a>
|
||
<div class="nav-section">Outreach</div>
|
||
<a class="" href="portal-contacts.html">Mailing list</a>
|
||
<a class="active" href="portal-campaign.html">Campaigns</a>
|
||
<a class="" href="portal-postcard-designer.html">Postcard design</a>
|
||
<div class="nav-section">Social</div>
|
||
<a class="" href="portal-social.html">Compose & preview</a>
|
||
<a class="" href="portal-social-accounts.html">Accounts</a>
|
||
</nav>
|
||
</aside>
|
||
<div class="portal-main">
|
||
<div class="portal-topbar">
|
||
<h1>Email campaign report</h1>
|
||
<div class="portal-user">Signed in as <strong>Monica Dhillon</strong> · <a href="portal-login.html" style="color:#00626c">Sign out</a></div>
|
||
</div>
|
||
<div class="portal-content">
|
||
<div class="proposal-note"><strong>UX note:</strong> SMTP2GO webhooks feed opens, clicks, bounces into ProviderEvent. Dashboard shows unique opens, click rate, and per-recipient activity.</div>
|
||
|
||
<div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:center">
|
||
<div>
|
||
<div class="muted" style="font-size:13px">Campaign</div>
|
||
<strong style="font-size:16px">Spring seller tips</strong>
|
||
<span class="badge badge-sent" style="margin-left:8px">Sent</span>
|
||
</div>
|
||
<div style="display:flex;gap:8px">
|
||
<a class="btn btn-ghost" href="portal-campaign.html">Back to campaigns</a>
|
||
<button class="btn btn-sm btn-ghost" type="button">Export CSV</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="stat-row">
|
||
<div class="stat-card"><div class="label">Delivered</div><div class="value">182</div><div class="delta">of 186 sent · 97.8%</div></div>
|
||
<div class="stat-card"><div class="label">Opened</div><div class="value">94</div><div class="delta">51.6% open rate</div></div>
|
||
<div class="stat-card"><div class="label">Clicked</div><div class="value">27</div><div class="delta">14.8% click rate</div></div>
|
||
<div class="stat-card"><div class="label">Bounced / unsub</div><div class="value">4 / 2</div><div class="delta">SMTP2GO events</div></div>
|
||
</div>
|
||
|
||
<div class="split">
|
||
<div class="panel">
|
||
<div class="panel-h"><h2>Engagement over time</h2><span class="muted" style="font-size:12px">From SMTP2GO webhooks → ProviderEvent</span></div>
|
||
<div class="panel-b">
|
||
<div class="chart-placeholder">
|
||
<div class="bar" style="height:20%;opacity:.4" title="sent"></div>
|
||
<div class="bar" style="height:45%"></div>
|
||
<div class="bar" style="height:70%"></div>
|
||
<div class="bar" style="height:85%"></div>
|
||
<div class="bar" style="height:60%"></div>
|
||
<div class="bar" style="height:40%"></div>
|
||
<div class="bar" style="height:25%"></div>
|
||
<div class="bar" style="height:15%"></div>
|
||
</div>
|
||
<p class="muted" style="font-size:12px;margin:8px 0 0">Opens by hour after send (tracking pixel + SMTP2GO open events)</p>
|
||
</div>
|
||
</div>
|
||
<div class="panel">
|
||
<div class="panel-h"><h2>What we track</h2></div>
|
||
<div class="panel-b" style="font-size:14px">
|
||
<ul class="plain-list">
|
||
<li><strong>Sent / delivered / bounced</strong> — SMTP2GO delivery webhooks</li>
|
||
<li><strong>Opened</strong> — open tracking (unique + total)</li>
|
||
<li><strong>Clicked</strong> — link click tracking</li>
|
||
<li><strong>Unsubscribed</strong> — our opt-out link + SMTP2GO complaint</li>
|
||
<li><strong>Failed</strong> — provider errors (retried via django.tasks)</li>
|
||
</ul>
|
||
<p class="muted" style="margin:0">SMS: delivery + STOP via SMTP2GO SMS API (no “opens”). Postcards: Lob/Click2Mail in-transit status, not opens.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="panel">
|
||
<div class="panel-h"><h2>Recipients</h2>
|
||
<select style="padding:6px 10px;border:1px solid #e3e8ef;font-size:13px">
|
||
<option>All</option><option>Opened</option><option>Clicked</option><option>Not opened</option><option>Bounced</option>
|
||
</select>
|
||
</div>
|
||
<div class="panel-b" style="padding:0">
|
||
<table class="table">
|
||
<thead><tr><th>Contact</th><th>Status</th><th>Opened</th><th>Clicked</th><th>Last event</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>Jordan Lee</td><td><span class="badge badge-delivered">Delivered</span></td><td>Yes · 2×</td><td>Yes</td><td>Jul 18 10:22a open</td></tr>
|
||
<tr><td>Sam Ortiz</td><td><span class="badge badge-delivered">Delivered</span></td><td>Yes · 1×</td><td>—</td><td>Jul 18 11:05a open</td></tr>
|
||
<tr><td>Riley Brooks</td><td><span class="badge badge-delivered">Delivered</span></td><td>—</td><td>—</td><td>Jul 18 10:01a delivered</td></tr>
|
||
<tr><td>Casey Ng</td><td><span class="badge badge-failed">Bounced</span></td><td>—</td><td>—</td><td>Jul 18 10:00a hard bounce</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|