Newsletter Mailer Template

Create a clean email newsletter without fighting a drag-and-drop editor. Fill in your header, intro, up to three articles with buttons, events and footer, pick a brand colour, and the builder produces a lightweight, table-based HTML email that displays well in common email clients. Preview it, then copy the code into your email platform’s HTML editor or download it.

Why email HTML is different

Email clients render HTML very differently from web browsers. Many ignore modern layout features, strip style blocks or limit CSS, and some desktop clients use older rendering engines. That is why reliable newsletters still use nested tables, inline styles, web-safe fonts and simple layouts around 600 pixels wide. The builder follows these conventions so your newsletter holds together in common clients such as Gmail, Apple Mail and Outlook.

Anatomy of a good newsletter

How to use the builder

1. Enter your organisation, issue title and brand colour.
2. Write a preheader of about 40–100 characters that adds to the subject line.
3. Write a short intro.
4. Add articles: headline | text | button label | link (links must start with http:// or https://).
5. Add your footer address and contact.
6. Check the preview, then copy the HTML or download the file.
7. Paste into your email platform’s custom HTML or code editor and replace {{unsubscribe_url}} with its unsubscribe merge tag.
8. Send a test to yourself on desktop and mobile before sending to your list.

Writing newsletter content that gets read

• Lead with the most important or timely news.
• Keep each article to two or three sentences and link to more detail.
• Use one clear action per article: book, read, sign up, donate.
• Write subject lines that are specific: “Harvest festival Saturday + new composting class”.
• Send on a consistent schedule so readers know when to expect you.
• Personalise greetings if your platform supports merge fields.

Deliverability and legal basics

Only email people who have agreed to receive your newsletter, include your physical address and a working unsubscribe link, and honour unsubscribes promptly. These practices are required by anti-spam laws in many places (such as CAN-SPAM in the US and GDPR/PECR rules in the UK and EU) and they help your emails reach inboxes. Your email platform will usually insert the unsubscribe link and handle list management for you.

Images

This builder creates a text-first layout, which loads fast and reads well even when images are blocked by default. If you add images in your email platform, host them there, keep file sizes small, set width attributes, and always add alt text so readers who don’t load images still understand the message.

Worked example

A community garden writes its October issue with three articles — a harvest festival, a composting workshop and a call for volunteers — each with a button linking to its website. The builder produces under 4 KB of HTML in the garden’s green, with the preheader “Harvest festival on the 18th, new composting workshop and how to volunteer.” They paste it into their email platform, swap in the unsubscribe merge tag, send a test to two phones and a laptop, and schedule it for Thursday morning.

Testing before you send

1. Send a test to your own addresses on at least two email apps (for example a webmail account and a phone mail app).
2. Check the preheader appears after the subject line in the inbox.
3. Open on a phone and make sure text is readable without zooming.
4. Click every button and link.
5. Turn images off in one client to confirm the message still makes sense.
6. Read it once more for spelling and dates.

Accessibility checklist

• Use at least 14–16 px body text and good colour contrast between text and background.
• Write descriptive button labels such as “Book a composting place” rather than “Click here”.
• Keep headings short and meaningful so screen reader users can scan.
• Give every image alt text, and never put key information only inside an image.
• Keep line lengths comfortable by staying near the 600 px width.

Measuring results

After sending, look at open and click rates and which buttons were clicked most. Open rates are less reliable than they used to be because some email apps pre-load images, so clicks and replies are better signals. Try one change at a time — subject line style, send day, article order — and compare over a few issues.

Privacy

The builder runs in your browser. Your content is not uploaded; the preview renders locally.