All templates
transactional
Payment Failed Template
Notify users of failed payment attempts
Preview
HTML Code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Payment Failed</title>
</head>
<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
<div style="background: #ffffff; padding: 40px 30px; border: 1px solid #e5e7eb; border-radius: 12px;">
<div style="text-align: center; margin-bottom: 30px;">
<div style="width: 60px; height: 60px; background: #fee2e2; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;">
<span style="font-size: 30px;">⚠️</span>
</div>
</div>
<h1 style="color: #1f2937; font-size: 24px; text-align: center; margin-top: 0;">Payment failed</h1>
<p>Hi {{name}},</p>
<p>We couldn't process your payment of <strong>{{amount}}</strong>. Please update your payment method to avoid service interruption.</p>
<div style="text-align: center; margin: 30px 0;">
<a href="{{update_payment_url}}" style="display: inline-block; background: #dc2626; color: white; padding: 14px 32px; text-decoration: none; border-radius: 8px; font-weight: 600;">Update Payment Method</a>
</div>
<p style="color: #6b7280; font-size: 14px;">If you believe this is an error, please contact us.</p>
</div>
</body>
</html>Template Variables
Replace these placeholders with your actual data:
{{name}}{{amount}}{{update_payment_url}}Send with SendPigeon
import { SendPigeon } from "sendpigeon";
const client = new SendPigeon(process.env.SENDPIGEON_API_KEY);
await client.emails.send({
from: "hello@yourdomain.com",
to: "user@example.com",
subject: "Payment failed - action required",
html: `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device...`,
});Ready to send emails?
Get started with 1,000 free emails per month.
Start for free