30 бесплатных адаптивных шаблонов электронных писем

Почти 50% всех электронных писем открывается с мобильных устройств, и этот показатель будет только увеличиваться. Так что важность использования адаптивных HTML шаблонов писем для email маркетинговых кампаний возрастает.

Разработать базовый HTML-шаблон электронных писем, который будет корректно выводиться в различных покупателях, довольно непросто. Но разработать шаблон, который будет корректно выводиться также на всех мобильных и планшетах, ещё сложнее.

К счастью, есть дизайнеры и разработчики, создавшие коллекции редактируемых бесплатных адаптивных шаблонов электронных писем, которые работают во всех покупателях и на любых устройствах.

Блочно-модульные адаптивные шаблоны

Litmus Responsive Email Templates(7 шаблонов)

Litmus выпустил подборку из семи адаптивных шаблонов электронных писем с готовым дизайном. Они поставляются с исходными файлами PSD:

30 бесплатных адаптивных шаблонов электронных писем Green Village HTML Templates

Это минималистичный блочно-модульный HTML шаблон письма для рассылки, который подходит для разных целей. Загружаемый пакет содержит как исходный PSD-файл, так и HTML-код:

30 бесплатных адаптивных шаблонов электронных писем Responsive Email Template от Email on Acid

Этот блочно-модульный шаблон предоставляет три варианта дизайна, которые выводятся в зависимости от ширины экрана. По умолчанию, он поддерживает 1-3 колонки, Он использует медиа-запросы, так что на мобильных устройствах преобразуется в одностолбцовый макет:

30 бесплатных адаптивных шаблонов электронных писем Basic Responsive Email Template 30 бесплатных адаптивных шаблонов электронных писем Simple Responsive HTML Email

Простой блочно-модульный адаптивный шаблон HTML письма для email рассылки использует медиа-запросы и плавающую ширину, чтобы обеспечить максимальную совместимость:

30 бесплатных адаптивных шаблонов электронных писем Responsive & Flat Newsletter Template 30 бесплатных адаптивных шаблонов электронных писем Responsive Email Template 30 бесплатных адаптивных шаблонов электронных писем

Шаблоны электронных писем с чистой структурой

Responsive Email Blueprints от MailChimp(6 шаблонов)

MailChimp выпустил подборку из шести адаптивных готовых шаблонов писем для рассылки HTML под названием Email Blueprints. Они включают в себя некоторые элементы специфического языка шаблонов Mailchimp, но их можно без проблем без проблем удалить, если вы не являетесь посетителем MailChimp:

30 бесплатных адаптивных шаблонов электронных писем
30 бесплатных адаптивных шаблонов электронных писем Ink – A Responsive Email Framework(4 шаблона)

Это адаптивный Email-фреймворк от ZURB, который содержит сетку из 12 столбцов и простые элементы пользовательского интерфейса для быстрой разработки электронных писем:

30 бесплатных адаптивных шаблонов электронных писем
30 бесплатных адаптивных шаблонов электронных писем
30 бесплатных адаптивных шаблонов электронных писем Antwort Responsive Email Layout Templates(2 шаблона)

Antwort предоставляет надежные адаптивные шаблоны электронных писем HTML с обширной документацией и с настраиваемой шириной в зависимости от размеров экрана. Шаблоны хорошо работают в мобильных покупателях, а также во всех основных стационарных покупателях и в Outlook(2000+):

30 бесплатных адаптивных шаблонов электронных писем
30 бесплатных адаптивных шаблонов электронных писем Salted, A Responsive Email Template

Шаблон разработан на основе кода, используемого Litmus для собственных рассылок. Предоставляет простую основу для построения адаптивных электронных писем, созданных на HTML:

30 бесплатных адаптивных шаблонов электронных писем A Table-Based(but Responsive) Email Template

Этот красивый шаблон HTML письма был разработан на основе E-mail Blueprints от MailChimp и Email Boilerplate от Шона Пауэлла. Это адаптивный табличный шаблон электронных писем, который содержит теги объединения Mailchimp(их можно без проблем удалить, если они не нужны):

30 бесплатных адаптивных шаблонов электронных писем Respmail Responsive Email Template

Улучшенная версия MailChimps Email Blueprints с большим числом опций, заново определенной структурой и рядом исправлений для Outlook, Yahoo, Hotmail, Gmail … Данный шаблон был протестирован и тщательно проанализирован на предмет совместимости. Также он невероятно прост в параметру:

30 бесплатных адаптивных шаблонов электронных писем rwdemail

Разработанный на основе шаблонов Ink от ZURB. Это проект, который может автоматизировать все, начиная от прекомпиляции SASS, встраивания CSS, CSS / HTML, минимизации картинок и до S3-хостинга картинок и тестирования Litmus . При помощи шаблонов INK и их CSS-образцов можно легко создавать шаблоны HTML письма любого уровня сложности.

Future-Proof Responsive Email Template Without Media Queries

А что, если бы можно было создавать адаптивные шаблоны электронных писем даже в средах с неудовлетворительной поддержкой CSS? Шаблон вы найдете здесь :

30 бесплатных адаптивных шаблонов электронных писем

Иные ресурсы для создания шаблонов электронных писем

  • Responsive Email Patterns — подборка шаблонов и модулей для адаптивных электронных писем;
  • Cerberus — шаблоны для адаптивных электронных писем;
  • Really Good Emails — лучшие дизайны для HTML шаблонов писем;
  • Responsive Email Resources — подборка инструментов для создания адаптивных шаблонов электронных писем.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *