Interactive email template
Wishlist update with live prices
Render saved items and current prices so buyers can act when drops happen.
Wishlist updates can trigger return visits when price changes are visible in-email.
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)
Wishlist update with live prices
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-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>Wishlist update with live prices</title>
</head>
<body>
<section class="card">
<h1>Items on your wishlist just changed</h1>
<p class="muted">Review current prices and move favorites to cart.</p>
<amp-list width="auto" height="230" layout="fixed-height" src="https://amp.mailneo.co/demo/wishlist-items">
<template type="amp-mustache">
<div class="item">
<p style="margin:0;font-weight:700;">{{name}}</p>
<p class="muted" style="margin:6px 0;">Now {{price}} · Was {{previousPrice}}</p>
</div>
</template>
<div placeholder class="muted">Loading your wishlist...</div>
</amp-list>
<a class="btn" href="https://www.mailneo.co/tools/roi-calculator">Move items to cart</a>
</section>
</body>
</html>AMP components used
use cases
Price-drop alerts
Send when tracked products drop below a target threshold.
Industry: Retail
Back-in-stock combine
Mix stock return and price updates in one message.
gotchas
Feed freshness
Publish cache headers so changed prices refresh quickly.
Currency formatting
Return localized currency symbols for international segments.
conversion uplift data
No conversion benchmark was attached to this template yet.