Nonprofit Newsletter Email Template

A donor-ready newsletter email built around one impact story, a short program-update block, and a single donate call. Mission-voiced copy in table-based HTML that lands clean in Gmail, Apple Mail, and Outlook.

Open the full email ↗ Get this on your brand
Live preview View HTML ↗

What makes this newsletter work for nonprofit

Nonprofit newsletters live or die on one thing: proof that the donor's last gift did something. A roundup of five updates with no story gets archived. One named beneficiary plus one concrete number gets forwarded.

Trigger and timing. Send monthly, same week, so donors build a habit of opening. First or second Tuesday at 9:30 a.m. local works for most food-security, literacy, and animal-rescue lists because it lands after the morning inbox sweep and before lunch. M+R benchmark data has shown monthly newsletters outperform quarterly ones on recurring-gift upgrades by a wide margin.

The offer is a unit, not a discount. Frame money in mission units. $25 keeps a pantry shelf stocked for a month. $10 plants one tree. $35 covers one spay and neuter surgery. Never ask for a dollar amount without the unit beside it.

Copy angle. Lead with one named person and one number. Open with a scene, not a slogan. "Daniel managed the Eastside pantry for nine years" beats "We are making a difference in our community." Put the proof paragraph second. Put the gratitude third. The single CTA goes last, framed as monthly giving.

One CTA, never two. A monthly ask outperforms a one-time "Donate now" on warm lists because it turns a reader who already trusts you into recurring revenue. Link it to a campaign-tagged giving page, not the generic donate URL, so you can attribute upgrades back to this send.

Numbers from client work. Single-impact-story newsletters run a 38 to 45 percent click-to-open rate versus 14 to 19 percent on multi-update roundups. Monthly asks framed in mission units convert recurring gifts at roughly 2 to 3 times the rate of generic one-time asks.

Why it renders in every inbox

Nested tables, not divs. The whole structure is built from nested HTML tables. Outlook 2007 through 2019 render email with Microsoft Word's engine, which ignores CSS layout. Tables are the only structure Word understands. Every row is a fixed-width cell, so the impact image, the story column, and the donate button line up in Outlook exactly as they do in Gmail.

Inline CSS only. Gmail strips the style block when it has to clip a message, and some Android clients ignore it entirely. Every color, font size, and padding value sits inline on the element that needs it. The amber on the donate button lives on the button itself.

The Outlook button fix. Outlook does not render CSS background colors on anchor tags, so a normal donate button shows up as blue underlined text. This template ships a bulletproof VML button: a rounded rectangle drawn with Vector Markup Language and wrapped in a conditional comment only Outlook reads. Gmail and Apple Mail ignore the VML and get the clean CSS button. Outlook gets the rectangle.

Live text over images. The impact story, the three updates, and the CTA line are all live text. Screen readers read them. Dark mode inverts them cleanly. If your image CDN goes down, the story still reads. Only the logo and the hero photo are images.

Dark mode handled. A color-scheme meta tag in the head tells Apple Mail and Outlook to treat the background as already dark-aware, so they stop inverting your green header into a muddy grey. White backgrounds stay readable.

One mobile breakpoint. A single 480px media query collapses side padding and shrinks the headline. Nothing fancier. Gmail clipping and Yahoo both break on complex responsive code, so the rule set stays short.

Web fonts with a real fallback. Source Sans Pro loads where it can. The stack falls back to Helvetica Neue, then Arial, then the device default. No donor sees a Times serif fallback because the web font failed to load.

How to use it in Klaviyo or Mailchimp

1. Copy the HTML. Use the export to grab the rendered HTML for this template.

2. Paste it in. In Klaviyo, drag an HTML block into the email and drop the code in. In Mailchimp, choose Code your own, then Paste in code. Neither strips the tables or the VML.

3. Swap the brand. Replace Riverbend Food Bank with your client's name in three places: the header, the footer EIN line, and the donate URL. Find and replace the green (#1f4d3a) and amber (#e8a33d) with your client's brand colors. Two edits retone the entire template.

4. Wire the merge tags. The greeting uses {{ first_name|default:'Friend' }} in Klaviyo or *|FNAME|* in Mailchimp, with a fallback so lapsed records do not get "Dear ,". The footer unsubscribe is *|UNSUB|* in Mailchimp or {% unsubscribe %} in Klaviyo. Tag the donate link with a source parameter so recurring gifts attribute to this send: ?src=jun-newsletter. For donor-specific giving, append the donor ID: ?src=jun-newsletter&donor={{ person_id }}.

5. Test before you send. Send a live test to Gmail (web and Android), Apple Mail on an iPhone with dark mode on, and Outlook 2016 or newer on Windows. Look at the donate button in Outlook specifically. If it renders as a rectangle, the VML held. If it renders as blue text, the ESP stripped the conditional comment and you need to repaste the raw HTML.

Questions

Is this nonprofit newsletter template free? +

Yes. The MJML source and the rendered HTML are free to copy, edit, and use on client work. No attribution, no paywall, no email gate.

Will the donate button render in Outlook? +

Yes. Outlook 2007 through 2019 render email with Word's engine, which ignores CSS layout and breaks normal buttons. This template uses nested tables for structure and a bulletproof VML button for the donate CTA, so the button arrives as a real clickable rectangle instead of blue underlined text.

How do I change the colors to match our nonprofit brand? +

Find and replace the two hex codes in the HTML. #1f4d3a is the green used in the header and donate band. #e8a33d is the amber button. Replace both with your client's brand colors and the whole template retones in two edits. Make the same swap in the MJML source if you plan to regenerate.

Do I need to know HTML to use this? +

No. Copy the rendered export, paste it into Klaviyo or Mailchimp, and edit text and links in the visual editor. If you want to change the layout, edit the MJML source and re-export, or hand it to your developer. The merge tags are the only code you must touch.

Want this on your client's brand?

Paste a client's site and we build a real, on-brand sample in clean, ESP-safe HTML you can paste into Klaviyo.

Get a free sample

More templates