Email Newsletter Templates

Why tables and inline styles

Email clients are not browsers. Outlook for Windows uses a word processor to render HTML, and Gmail removes parts of your CSS. The most reliable approach is still nested tables with inline styles, which is what these three templates use. They look old-fashioned under the hood but render consistently.

Choose a template

• Product update for announcing features with a bold hero and a numbered list.
• Promo and sale for offers, with a large discount message and a product row.
• Weekly digest for editorial newsletters with a lead story and reading list.

Customise step by step

1. Open the file in a code editor and edit text in place.
2. Change colours by finding and replacing hex values, for example the brand colour.
3. Replace each image placeholder with an img tag using an absolute https address, fixed width and height, alt text and display block.
4. Update every link, and make sure the call to action points to a page that matches the email.
5. Edit the hidden preheader line: it appears as preview text beside your subject in the inbox, so write it deliberately.
6. Fill in the footer with your company name, postal address and your provider unsubscribe tag.

Test before you send

Send a test to Gmail, Outlook and a phone. Check the layout with images blocked and in dark mode, and confirm every link. Keep the HTML under about 100 KB so Gmail does not clip it, and keep the subject line under about 50 characters.

Sending

Paste the HTML into your email provider custom code editor or use it with your own sending system. Respect consent: only email people who agreed, and honour unsubscribes immediately. For automated campaigns, segments and tracking, a platform such as DEV3 GrowthPilot can handle the sending side.