1300+ бесплатных HTML-шаблонов писем

1. Адаптивный дизайн шаблонов

Stripo предлагает только 100% адаптивные шаблоны. Это означает, что они будут правильно отображаться на всех типах мобильных и десктопных устройств, а также в большинстве почтовых клиентов. Полная адаптивность шаблонов, доступных в Stripo, подтверждена тестированием при помощи Email on Acid.

Впрочем, Stripo не останавливается на достигнутом и дает вам возможность оценить новый уровень адаптивного дизайна для мобильных девайсов.
Адаптивность нового поколения — это возможность выбирать изображения, контейнеры, другие элементы письма и даже целые ряды, структуры и полосы, которые вы хотите скрыть или отобразить в мобильной версии. Кроме того, вы можете отдельно настроить разные размеры шрифта, ширину кнопок, отступы между контейнерами и другие стили для мобильных и десктопных устройств.

2. Stripo ускоряет создание рассылок

Дать email-маркетологам возможность сэкономить время при создании рассылки — наш приоритет номер один, потому что мы отлично знаем, что чем меньше времени у вас уходит на подготовку писем, тем больше остается на анализ кампаний и обдумывание новой стратегии. Именно поэтому мы предлагаем нашим клиентам:

• опцию smart-элементов, которая позволяет в кратчайшие сроки создавать в вашем бесплатном HTML-шаблоне множество карточек товаров или email-дайджесты;
• генератор баннеров — при помощи Stripo вы можете легко создавать баннеры, обрабатывать их в нашем редакторе и писать тексты поверх изображения баннера, оформляя его любым из более 40 декоративных шрифтов. Вам больше не понадобятся фоторедакторы и прочие дополнительные инструменты, чтобы сделать свой адаптивный HTML-шаблон креативным и уникальным — все доступно в Stripo;
• опцию модулей контента, также известную как модульная система. Создавайте элементы писем, сохраняйте их в персональном хранилище в аккаунте Stripo и повторно используйте в новых кампаниях. Предлагаемые нами бесплатные шаблоны автоматически делятся на модули, которые также доступны в вашей личной библиотеке;
• сквозные модули — предназначены для редактирования/обновления всех ваших шаблонов одновременно. Просто отредактируете, к примеру, футер в одном-единственном HTML-шаблоне — и эти изменения будут применены ко всем остальным письмам.

3. Создание писем без работы с кодом

В дополнение к 13 блокам, которые доступны в Stripo для создания обычных HTML-шаблонов, мы также предлагаем набор встроенных инструментов, позволяющих создавать интерактивные письма без навыков программирования:

• анкорные ссылки — предназначены для того, чтобы моментально перенаправлять пользователей в интересующую их часть письма без необходимости долго скроллить. Просто активируйте эту опцию и соедините два элемента письма, углубляться в HTML-код не понадобится;
• эффект ролловера — при наведении курсора появляется новое изображение. Это экономит много драгоценного места и оживляет ваши email-маркетинговые кампании. Чтобы использовать ролловер, просто активируйте эту опцию после загрузки основного изображения и загрузите дополнительную картинку;
• эффект наведения для кнопок, или CSS-анимация — кнопки меняют цвет при наведении курсора. Используйте этот эффект, чтобы сделать ваш адаптивный шаблон более динамичным и менее статичными. Чтобы использовать эту опцию, войдите в меню «Оформление» и далее во вкладку «Кнопка», где просто активируйте переключатель «Подсвечивать по наведению»;
• 5-звездочный рейтин — возможность оценить вас непосредственно в письме повышает показатели отклика пользователей на 520%. При помощи Stripo вы можете добавлять эти формы/рейтинги в свой HTML-шаблон без навыков программирования. И главное — эти элементы безупречно отображаются во всех основных почтовых клиентах.

Также вы можете выбрать из нашей обширной коллекции бесплатный HTML-шаблон с тем типом интерактивности, который вам нравится, а затем легко настроить его без знаний кода.

4. Возможность одновременного использования функций Drag-n-Drop и редактора HTML-кода

Самая лучшая новость здесь заключается в том, что вам не нужно переключаться между этими режимами при работе с шаблоном.

Кому понадобится эта опция? — Опытным email-дизайнерам в тех случаях, когда нужно добавить в HTML-шаблон кастомный элемент.

Это дает возможность добавлять визуальные элементы и текст при помощи Drag-n-Drop функций, после чего кастомизировать получившийся дизайн в открытом редакторе кода. В нем вы можете работать с кодом HTML и кодом CSS по отдельности, добавляя CSS-часть кода в HTML (встроенный CSS).
Вы также можете встраивать видео или интерактивные элементы в HTML-код вашего шаблона. При этом не нужно ничего переключать!

5. Около 100 писем с AMP-контентом

Технология AMP доказала свою эффективность, увеличивая конверсию на 520%, повышая CTOR с 6% до 17% и улучшая многие другие показатели.

Мы знаем, насколько важны все эти метрики для ваших email-маркетинговых кампаний. И как мало у вас времени. Именно поэтому мы создали около 100 AMP-шаблонов, чтобы вы могли оценить всю мощь AMP, не прилагая при этом лишних усилий.

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

6. Простое добавление в письма динамического и real-time контента

Что такое real-time/динамический контент? Это такой тип контента, который обновляется в письме в тот момент, когда получатель его открывает. То есть вы можете предоставлять клиентам исключительно свежую и актуальную информацию независимо от того, когда письмо будет открыто.

Например, мы таким способом публикуем в welcome-рассылках Stripo новейшие статьи блога и примечания к релизам. При этом нам не нужно ежедневно редактировать их: контент письма обновляется автоматически.

В сфере eCommerce можно сообщать подписчикам о фактическом количестве доступных единиц товара на складе: для этого достаточно всего лишь обновить нужную информацию в своих Google-документах. Технология AMP позволяет подтягивать в письма информацию из Google Docs.

В AMP-письмах вы можете применять геймификацию, проводить викторины и опросы. AMP обогащает и расширяет возможности ваших email-кампаний.

В нашем блоге есть статья «20 лучших способов использования AMP в письмах», в которой мы рассказываем о 20 различных способах оживить рассылки.

Stripo избавляет вас от необходимости заморачиваться с кодом: мы предлагаем вам готовые Drag-n-Drop блоки на основе AMP.

7. Легкость выхода на мировой уровень

Хотите общаться с клиентами на их родном языке, но не хватает опыта написания текстов в формате RTL? Или у вас в команде не хватает переводчиков? И вообще у вас лапки? Не беспокойтесь — Stripo в теме:

Написание текста справа налево в бесплатных HTML-шаблонах

Для этого вам обычно нужно добавлять в шаблоны определенные сценарии кода, чтобы преобразовать написание слева направо в формат справа налево. Причем буквы должны конвертироваться, а цифры — нет.

Со Stripo вы можете забыть о всех этих кодах и скриптах. Просто активируйте опцию RTL одним кликом — и общайтесь с пользователями, которые говорят на арабском, урду и других RTL-языках.

Сервис перевода писем Stripo Email Translate

При помощи функции Stripo Email Translate можно легко переводить тексты ваших HTML-шаблонов на 13 разных языков одновременно. Как это работает? Вы создаете шаблон, после чего выбираете целевые языки — и мы автоматически создаем копии вашего письма с соответствующими переводами. Для этого мы используем Google Translate в качестве плагина.

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

Также вы можете загружать из Google Таблиц в письма переводы, выполненные профессионалами. Это дополнительно сэкономит время при создании рассылок.

8. HTML-шаблон в корпоративном стиле? Легко, как прогулка в парке!

Чтобы максимально облегчить для вас задачу соблюдения корпоративного стиля (то есть использования стилей дизайна вашего сайта во всех email-кампаниях), мы предлагаем опцию создания гайдлайнов бренда специально для вашей компании.

Выберите любое из своих HTML-писем в качестве стандарта для всех будущих рассылок, и мы создадим для вас комплект гайдлайнов. Он будет содержать все стили email-дизайна, используемые в этом письме, и такие элементы айдентики, как логотип бренда.

Ваши новые дизайнеры и email-маркетологи будут придерживаться этих правил.

9. Сотни категорий email-шаблонов

Мы разделили все шаблоны, которые предлагаем, на разные категории. Здесь вы можете найти такие типы бесплатных шаблонов:

• письма для подтверждения электронного адреса (сообщения, которые клиенты получают после подписки на ваши рассылки);
• транзакционные письма;
• приветственные письма;
• промо-письма;
• сообщения для сброса пароля;
• уведомления;
• и т. д.

Мы также разделили шаблоны по индустриям:

• eCommerce;
• юридические услуги;
• финансовый консалтинг;
• и т. д.

И, конечно же, мы предлагаем сотни бесплатных шаблонов для различных праздников, таких как:

• Рождество;
• Пасха;
• День Матери;
• День Отца;
• Снова в школу;
• и т. д.

Мы учли все основные праздники.

В нашей богатой коллекции вы обязательно найдете такой HTML-шаблон, который будет полностью соответствовать вашим вкусам и потребностям бизнеса.

10. Разные способы использования наших кастомизируемых шаблонов

Любой HTML-шаблон, который вы найдете на нашем сайте, можно использовать тремя основными способами.

Способ 1. Традиционный

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

Почему стоит выбрать наши шаблоны? Потому что они полностью адаптивны, протестированы при помощи Email on Acid (это означает, что ваши HMTL-письма будут правильно отображаться на всех мобильных и десктопных устройствах), и у них есть структура. Вам не нужно ничего создавать с нуля. Просто замените дефолтный контент выбранного адаптивного HTML-шаблона собственным контентом — и рассылка готова.

Способ 2. Как источник вдохновения

Мы разработали более тысячи шаблонов по запросам наших пользователей. Да, многие из вас используют наши шаблоны для вдохновения. Например, дизайнеры и email-маркетологи ищут у нас свежие идеи при создании своих новых рассылок.

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

Способ 3. Для тестирования

Вы таки будете смеяться, но некоторые из наших клиентов используют HTML-шаблоны для тестов, когда им нужно посмотреть, как определенные цветовые комбинации будут отображаться на устройствах с темным режимом.

А почему бы и нет? Мы считаем, что это хорошая идея — сэкономить время и убедиться, что ваше письмо безупречно выглядит независимо от устройства и режима.

11. Простота персонализации адаптивных HTML-шаблонов

Эффективность персонализации — доказанный факт. Она увеличивает конверсию в несколько раз. В нашем блоге есть статья «Персонализация и гипер-персонализация писем», в которой вы найдете интересную статистику по этому вопросу.

Мы знаем, что даже простое обращение к клиентам по имени творит чудеса.

Поэтому вам нужно добавлять теги персонализации, чтобы обращаться к получателям ваших HTML-писем по имени. Когда подписчик откроет такое письмо, он увидит свое имя вместо тегов персонализации.

Обратите внимание, что каждая платформа email-маркетинга имеет собственные теги персонализации. Вы можете обратиться в поддержку своего ESP — или найти теги в Stripo на панели навигации, прямо над областью редактирования шаблона.

12. Все шаблоны содержат email-безопасные и веб-безопасные шрифты

Иногда бывают ситуации, когда вы видите идеальный шаблон письма с элегантной надписью, выбираете его для своей будущей рассылки… Но вместо красивой надписи, которая должна была быть центральной частью вашего письма, получатели видят фрагмент текста, написанного стандартным шрифтом.

При создании бесплатных шаблонов дизайнеры Stripo используют:

• либо 100% веб-безопасные шрифты, которые корректно отображаются на любом устройстве;
• либо декоративные шрифты — но они используются только в баннерах. Все тексты, которые вы пишете поверх баннера, становятся частью картинки баннера. Это работает примерно как в фотошопе — слои сливаются в единое изображение.

Так что со Stripo вы можете быть уверены: ваши пользователи увидят все части текста именно так, как задумано, если вы воспользуетесь любым из наших бесплатных шаблонов.

13. Совместимость с Outlook

Если вы не новичок в email-маркетинге, то наверняка знаете, что все почтовые клиенты имеют свои собственные правила рендеринга. В результате бывает сложно создать такую рассылку, которая будет совместимой со всеми без исключения почтовиками, особенно это касается Outlook. А именно кнопок в Outlook. Вот почему мы в Stripo добавили опцию «Поддержка Outlook» для кнопок.

Включите эту опцию, и ваши кнопки будут выглядеть в Outlook именно так, как вы запланировали.

В этих двух статьях — «Как с помощью Stripo создать шаблон для Outlook» и «Типичные проблемы отображения писем в Outlook и их решение с помощью Stripo» — мы показываем, как активировать эту опцию и избежать других проблем визуализации, которые могут возникнуть в Outlook.

14. Ваши письма имеют все шансы избежать папки СПАМ

Во-первых, если вы при создании email-сообщения забудете об альтернативном тексте, Stripo добавит его автоматически — со всеми нужными скобками. Получатели их не увидят, но программы проверки на спам увидят этот замещающий текст и не отметят ваше сообщение как спамовое.

15. Добавляйте в письма раздел «Отслеживайте нас в соцсетях» всего одним кликом

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

Со Stripo вы добавляете в письмо весь этот блок всего одним кликом — просто перетащите блок «Соцсети» в свой адаптивный HTML-шаблон, и готово: Stripo добавит все необходимые иконки и соответствующие ссылки для каждой соцсети.

Как это работает?

Вам нужно заполнить свой профиль в аккаунте Stripo всего один раз — там вы добавляете и оформляете необходимые иконки соцсетей. Затем добавьте свои ссылки. И при создании новой кампании вы просто вставляете блок в свой адаптивный HTML-шаблон, и вуаля!

16. Ваше письмо не будет обрезано в Gmail

Если вы не хотите, чтобы ваши HTML-письма обрезались в Gmail, то можете активировать опцию «Минимизировать HTML» при экспорте шаблона.

17. Простой предпросмотр и тестирование HTML-шаблона перед отправкой клиентам

Мы знаем, насколько важно предварительно просмотреть письмо, прежде чем отправить его подписчикам.

Есть три способа сделать это при помощи Stripo.

Способ 1. Режим предпросмотра

В режиме предварительного просмотра вы можете просматривать традиционные и AMP HTML-версии ваших электронных писем.

Способ 2. Скриншот-тесты при помощи нашего встроенного инструмента тестирования — Email on Acid

Чтобы убедиться, что ваше HTML-письмо будет отображаться так, как задумано, на различных девайсах и экранах разного размера, нужно провести скриншот-тест. Этот тест покажет, как ваши письма отображаются в 90 комбинациях популярных устройств и почтовых клиентов.

Способ 3. Отправка тестовых писем

Чтобы увидеть свои интерактивные и AMP-письма в действии, вам нужно отправить десятки тестовых сообщений. Обязательно отправляйте их на разные почтовые клиенты и проверяйте на всех доступных устройствах.

18. Вы можете работать над письмами вместе с командой

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

Вы можете назначить соответствующие уровни доступа каждому из коллег по команде. Тогда точно будете уверены, что каждый из них сможет изменять/редактировать только доступную ему часть шаблона.

Чтобы получить дополнительную информацию о том, как это работает, обратитесь в нашу службу поддержки.

19. Опции экспорта: Stripo 70+ ESP и почтовых клиентов

Все бесплатные адаптивные шаблоны, которые предлагает Stripo, легко экспортируются в самые популярные ESP и почтовые клиенты, такие как Gmail и Outlook, без необходимости дополнительной настройки.
Если вашей платформы email-маркетинга нет в списке, вы всегда можете скачать свои шаблоны в виде файлов HTML и AMP HTML и затем импортировать эти файлы в свой ESP.
Отличная новость: наши шаблоны можно редактировать после экспорта. Вы можете вносить всевозможные изменения в HTML-код, текст и визуальные компоненты благодаря расширенной интеграции Stripo с ESP. Эта функция делает рассылки, которые вы создаете у нас, очень удобными в плане работы с почтовыми клиентами и ESP.

Для вашего удобства с этого момента также доступна опция сортировки шаблонов писем по папкам.

В завершение

Как видим, команда Stripo делает все возможное, чтобы предоставить вам самые лучшие шаблоны, и платные и бесплатные. Все они адаптированы для мобильных.
Мы также обеспечиваем вас множеством инструментов, чтобы вы могли легко и быстро редактировать свои шаблоны — и мгновенно связываться с вашими дорогими клиентами и подписчиками.
Вся команда Stripo — фанаты email-маркетинга, и мы создаем наши профессиональные шаблоны с любовью!