Payment failed email

Dunning email with the reason, retry date and a one-tap update-card button.

Unlock all 40 — $19 $49Launch pricing ends Sunday

13.2 KB · Gmail-safe

Code

Included in the full pack — React Email source, HTML and plain text for every style.

import * as React from "react";
import { Alert, Btn, Eyebrow, H1, KV, P, Shell, Small, type TemplateProps } from "../components";

export type PaymentFailedProps = TemplateProps & {
  firstName?: string;
  amount?: string;
  cardBrand?: string;
  last4?: string;
  reason?: string;
  nextRetry?: string;
  updateUrl?: string;
};

export default function PaymentFailed({
  style,
  brand,
  firstName = "Maya",
  amount = "$144.00",
  cardBrand = "Mastercard",
  last4 = "8210",
  reason = "Your bank declined the charge (insufficient funds).",
  nextRetry = "Monday, October 20",

The Payment failed source is in the pack.

Launch pricing ends Sunday

React Email component, compiled HTML in three styles and the plain-text version — plus 39 more templates.

Get Mailblocks — $19 $49 Try the free ones

← Invoice Plan changed →

Free

Payment receipt

№07 · Billing

Stripe-style receipt with line items, tax, payment method and a PDF link.

Invoice

№08 · Billing

Invoice with bill-to details, due date, line items and a pay-now button.

Plan changed

№10 · Billing

Upgrade/downgrade confirmation with a before → after comparison and proration.

Subscription canceled

№11 · Billing

Graceful cancellation confirmation with access end date, export link and a way back.