Make use of a free HTML email template, designed by our experts. Featuring high resolutions images, single and double columns, fully functional and tested across all major email platforms.
Download the HTML and images or visit Github.
Template preview
Check out a live preview of the template here.
Inline styling with email templates
Many email platforms lack CSS support. To make sure your HTML email always renders as expected, you should always use inline styling. Below shows an example of how the styling is inlined in the free template.
Table example: <table align="center" style="text-align: center; vertical-align: top; width: 600px; max-width: 600px; background-color: #ffffff;" width="600"></table>
Column example: <td style="width: 596px; vertical-align: top; padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 40px;" width="596"></td>
Heading example: <h1 style="font-size: 20px; line-height: 24px; font-family: 'Helvetica', Arial, sans-serif; font-weight: 600; text-decoration: none; color: #000000;">Heading here</h1>
Paragraph example: <p style="font-size: 15px; line-height: 24px; font-family: 'Helvetica', Arial, sans-serif; font-weight: 400; text-decoration: none; color: #919293;">Paragraph here</p>
Image example: <img style="width: 600px; max-width: 600px; height: 240px; max-height: 240px; text-align: center;" alt="Image" src="https://fullsphere.co.uk/misc/free-template/images/image-3.jpg" align="center" width="600" height="240">
Image sizes
Images in the template are doubled to provide high retina / high resolution support. If you’re adding your own image sizes, you’ll need to half the width and height, add this to the inline styling for high retina.
Tested on all major email clients
The template has been tested and optimised for mobile, desktop and web.
Test your end and confirm the email is working as expected across other email clients. You can do this manually, or by using a tool like litmus.com for mass testing against 1000’s of email clients.
It’s best practice to test your email config & DNS setup before a send too. Mail-Tester (https://www.mail-tester.com) is a great tool which will inform you whether the DNS records have been setup correctly. You can learn more about email deliverability by visiting this article.
Custom built HTML templates
If you’re looking for a custom HTML template for your brand, we can design and build a template that’s inline with your brand. Get in touch to find out more.
