responsive-html-email-template README

The project's README from github.com/leemunroe/responsive-html-email-template. As one markdown file: README.md.

Free Responsive HTML Email Template

Sometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here it is.

See live preview.

Simple HTML Email Template

Inline your CSS before sending

Email is notorious for inconsistent CSS support. Therefore you should always inline your CSS and send a test to yourself before sending.

Sending emails directly from your codebase or using a developer service?

For an API service (like Mailgun, SendGrid, Postmark) you need to inline the CSS before sending. See email-inlined.html for an example.

You can use this Email CSS Inliner and then send a test email to yourself to verify it works as expected.

Sending emails using a marketing service like Mailchimp?

Use the template email.html as is. They'll put the CSS inline for you when you put together your campaign.

Images in email

When inserting images remember to include the following attributes or risk them breaking in different clients:

Example:

<img src="https://absolute-path-to-image.jpg" alt="Useful alt text" width="500" height="300" border="0" style="border:0; outline:none; text-decoration:none; display:block;">

More information here

Tried and tested on all major email clients

Tested on mobile, desktop and web.

Tested on Email Clients

More HTML email resources

This free template is part of a pack of responsive email templates for developers and startups available on HTML Email. image

responsive-html-email-template (leemunroe/responsive-html-email-template)

responsive
Searching Database…

What is this?A free, simple responsive HTML email template with a clear call-to-action button that you can use as the basis for your own emails.
Is this a coding library or just a template file?It is a static HTML file (email.html), not a library or framework — you copy it and adapt it, there's nothing to install or import.
How do I actually use this to send an email?If you're sending via an API service like Mailgun, SendGrid or Postmark, copy email.html, paste it into a CSS inliner, then use the inlined output as your template. If you're using Mailchimp, just use email.html as is since the service inlines the CSS for you.
What do I need to watch out for before sending?Always inline your CSS and send a test email to yourself first since email clients have notoriously inconsistent CSS support, and make sure every image has src, alt, width, height and border attributes or it can break in some clients.
Is this for developers only, or can marketers use it too?Both: developers sending through a programmatic API service need to inline the CSS themselves, while marketers using a tool like Mailchimp can drop the template in as-is.
Has this template actually been tested on real email clients?Yes, the README shows it was tested across mobile, desktop and web email clients, not just checked in a browser.
What is email-inlined.html in the repo for?It's a ready example showing what email.html looks like after running it through a CSS inliner, so you know what the final output should look like before sending via an API service.
Is this the only template available, or is there more?This repo is a free sample; it's part of a larger paid pack of responsive email templates for developers and startups sold on the author's HTML Email site.
Creator
leemunroe
Size
0.1 MB
Stars
13.7K
Age
12y
Commits · 90 Days