Interactive email template
Sports score tracker
Display current match scores and expandable summaries for fans.
Score modules can keep game-day campaigns active from pregame to final whistle.
Inbox preview
Static HTML rendering of the email body. Use it to check the layout before sending the live AMP version to a test inbox.
Mailneo demo <hello@mailneo.co>
10:42 AM (2 min ago)
Sports score tracker
to me · interactive email
code snippets
<!doctype html>
<html amp4email>
<head>
<meta charset="utf-8" />
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script>
<style amp4email-boilerplate>body{visibility:hidden}</style>
<style amp-custom>
body { margin: 0; padding: 16px; font-family: Arial, Helvetica, sans-serif; background: #fff7ed; color: #1f2937; }
.card { max-width: 560px; margin: 0 auto; padding: 16px; border: 1px solid #fed7aa; border-radius: 12px; background: #ffffff; }
h1 { margin: 0 0 8px; font-size: 24px; line-height: 30px; }
.muted { color: #6b7280; font-size: 13px; line-height: 18px; }
.btn { display: inline-block; margin-top: 10px; padding: 10px 14px; border: 0; border-radius: 8px; background: #f97316; color: #ffffff; text-decoration: none; font-weight: 700; cursor: pointer; }
.pill { display: inline-block; margin-right: 8px; margin-bottom: 8px; padding: 4px 9px; border-radius: 999px; border: 1px solid #fdba74; background: #fff7ed; font-size: 12px; }
.item { padding: 10px; border: 1px solid #fed7aa; border-radius: 10px; margin-top: 8px; }
</style>
<title>Sports score tracker</title>
</head>
<body>
<section class="card">
<h1>Live score center</h1>
<p class="muted">Track your followed teams in one place.</p>
<amp-list width="auto" height="200" layout="fixed-height" src="https://amp.mailneo.co/demo/sports-scores">
<template type="amp-mustache">
<div class="item" style="display:flex;justify-content:space-between;align-items:center;">
<span>{{home}} vs {{away}}</span>
<strong>{{homeScore}} - {{awayScore}}</strong>
</div>
</template>
<div placeholder class="muted">Loading live scores...</div>
</amp-list>
<amp-accordion disable-session-states>
<section>
<h4>Match summary</h4>
<div><p class="muted">Final quarter had two lead changes and one game-winning drive.</p></div>
</section>
</amp-accordion>
</section>
</body>
</html>AMP components used
use cases
Game-day newsletters
Keep fans updated through each stage of the event.
Industry: Sports media
Betting content
Push real-time score context alongside analysis links.
gotchas
League rights
Verify rights and attribution rules before publishing official data.
Refresh strategy
Control cache and polling cadence to limit backend load.
conversion uplift data
No conversion benchmark was attached to this template yet.