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)

Searching Database…

Что это?Бесплатный простой адаптивный HTML-шаблон письма с заметной кнопкой призыва к действию, который можно взять за основу для собственных писем.
Это библиотека для кода или просто файл шаблона?Это статический HTML-файл (email.html), а не библиотека и не фреймворк: его нужно скопировать и адаптировать, устанавливать или импортировать ничего не надо.
Как именно использовать это для отправки письма?Если вы отправляете письма через API-сервис, например Mailgun, SendGrid или Postmark, скопируйте email.html, вставьте его в инлайнер CSS и используйте полученный результат как шаблон. Если вы пользуетесь Mailchimp, просто используйте email.html как есть, так как сервис сам встраивает CSS.
На что нужно обратить внимание перед отправкой?Всегда встраивайте CSS и сначала отправьте тестовое письмо себе, так как почтовые клиенты заметно различаются в поддержке CSS. Также убедитесь, что у каждого изображения есть атрибуты src, alt, width, height и border, иначе в некоторых клиентах оно может сломаться.
Это только для разработчиков или шаблоном могут пользоваться и маркетологи?Подходит обоим: разработчикам, которые отправляют письма через API-сервис, нужно самим встраивать CSS, а маркетологи, использующие такой инструмент, как Mailchimp, могут вставить шаблон без изменений.
Этот шаблон действительно тестировали на реальных почтовых клиентах?Да, в README указано, что его проверили в мобильных, десктопных и веб-почтовых клиентах, а не только в браузере.
Для чего нужен email-inlined.html в репозитории?Это готовый пример того, как выглядит email.html после прогона через инлайнер CSS, чтобы вы заранее знали, каким должен быть итоговый результат перед отправкой через API-сервис.
Это единственный доступный шаблон или есть и другие?Этот репозиторий — бесплатный образец; он входит в более крупный платный набор адаптивных шаблонов писем для разработчиков и стартапов, который продаётся на сайте автора HTML Email.
Creator
leemunroe
Size
0.1 MB
Stars
13.7K
Age
12y
Commits · 90 Days