Шаблоны html для рассылок email: Бесплатные HTML шаблоны писем для «Elastic Email» — Stripo.email

Разное 

Содержание

Бесплатные HTML шаблоны писем для тематики «День рождения» — Stripo.email

Хотите, чтобы ваши клиенты почувствовали себя особенными? Попробуйте новые способы поздравить их с днем ​​рождения.

Вы можете создать серию писем: за неделю-две до Дня Икс отправьте емейл, чтобы сообщить клиенту о выгодном предложении или особом подарке для него. А в день его рождения — просто поздравьте.

Для триггерных сообщений этого типа вы можете использовать шаблоны рассылок Stripo из тематического раздела “День рождения”.

Почему мы уверены, что наши шаблоны соответствуют вашим запросам?

  1. Наши шаблоны легко экспортируются во все ведущие мировые емейл-провайдеры (ESP).
  2. Stripo — не просто drag-and-drop редактор блоков, он также предлагает открытый код HTML/CSS. Таким образом, все HTML-шаблоны поздравлений с днем ​​рождения можно редактировать в любом емейл-сервисе.
  3. Вы можете экспортировать наши шаблоны в Gmail и Outlook.
    Доступен также экспорт в виде HTML-файлов.
  4. Все шаблоны Stripo полностью адаптивны. Они не только корректно отображаются на всех устройствах — благодаря нашей опции “Скрыть для мобильных” вы можете без каких-либо навыков HTML выбрать, какие элементы показывать, а какие скрывать на мобильных устройствах.
  5. Наши бесплатные шаблоны поздравительных рассылок можно использовать повторно. Достаточно просто изменить имя клиента и отправлять емейл снова и снова. Сохраняйте целые шаблоны или отдельные элементы.

Достаточно убедительно?

Если да, то мы хотели бы поделиться некоторыми идеями по правильному созданию емейла-поздравления с днем рождения:

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

Вдохновляйтесь нашими примерами, используйте предварительно подготовленные шаблоны Strip и дарите клиентам радость!

Красивые шаблоны для писем | Шаблоны HTML писем для рассылки

Шаблоны почтовых рассылок.

Дополните свой стиль красивым и функциональным письмом

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

Мы рады представить вам шаблоны e-mail рассылок, разработанные нашими дизайнерами из головного офиса TemplateMonster. Так же, как и HTML5 шаблоны, данные решения разработаны для людей, которые продумывают свой корпоративный имидж до мелочей и понимают то, как важно выделяться из общего числа конкурентов.

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

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

Наши разработчики продумали все до мелочей – цвет текста, шрифт, цветовые и визуальные решения, привлекательные фото. Вы можете вносить свои изменения и коррективы в готовый шаблон для письма, так как каждый шаблон поставляется клиенту не только в сверстанном виде, но и с PSD-файлом. А можете просто дополнить письмо актуальной информацией и отправляйте своим подписчикам.

Мы позаботились о том, что бы просмотр вашего письма был удобен для просмотра на компьютере, планшете и смартфоне и сделали шаблоны адаптивными.

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

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

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

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

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

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

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

Green Village HTML Templates

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

Responsive Email Template от Email on Acid

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

Basic Responsive Email Template

Simple Responsive HTML Email

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

Responsive & Flat Newsletter Template

Responsive Email Template

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

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

Ink – A Responsive Email Framework (4 шаблона)

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

Antwort Responsive Email Layout Templates (2 шаблона)

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

Salted, A Responsive Email Template

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

A Table-Based (but Responsive) Email Template

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

Respmail Responsive Email Template

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

rwdemail

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

Future-Proof Responsive Email Template Without Media Queries

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

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

Дайте знать, что вы думаете по этой теме в комментариях. За комментарии, подписки, дизлайки, отклики, лайки низкий вам поклон!

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

Вадим Дворниковавтор-переводчик статьи «30 Free Responsive Email and Newsletter Templates»

Как адаптировать шаблон email для рассылок через eSputnik

Допустим, до этого момента вы делали рассылки в другой ESP, или ваш верстальщик сделал кастомный шаблон. Если просто скопировать и вставить в редактор свой HTML, многие функции будут заблокированы. Нельзя будет редактировать любой элемент (контейнер/структуру/полосу) и базовые блоки в drag’n’drop-режиме.

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

  1. HTML-код письма.

  2. Редактор eSputnik.

  3. Фишки по адаптации, которые вы узнаете из статьи.

Приступим к адаптации своего HTML письма.

Простой вариант адаптации шаблона в eSputnik

Этот способ подойдет, если вы не хотите добавлять блоки или менять их расположение, а просто надо редактировать содержимое: текст, ссылки, картинки.

Для примера мы взяли код шаблона Wemo на популярном ресурсе reallygoodemails.com. Загрузим выбранный нами образец HTML и поэтапно рассмотрим, как адаптировать его.

Если вы уже столкнулись с задачей подогнать свой код письма для редактора eSputnik, то наверняка знаете, как загрузить свой HTML. Нужно зайти в Сообщения — Сообщения — Создать Email. 

И в разделе шаблонов “Базовые” выбрать вариант “Мой HTML”.

После этого вы увидите редактор с визуальной областью письма ① и активное окно редактора кода ②. В последнем можно открыть секцию CSS для задания стилей ③.

Для удобства верстки или редактирования письма рекомендуем распределять HTML и CSS письма по соответствующим секциям редактора кода. Часто в  HTML-коде писем CSS-стили содержатся внутри тега


<head>

например:

Необходимо вырезать все, что обернуто в тег


<style></style>

внутри


<head></head>

и вставить в секцию CSS редактора кода.  

В нашем шаблоне сделано так же. Разделим HTML и CSS по секциям.

Секция HTML

Секция CSS

Редактор eSputnik отобразил наше письмо в визуальном поле, но не видно картинок.

Все в порядке, нам еще предстоит их загрузить. А пока нажмите верхнюю строчку в хедере письма.

Как вы видите, сразу после вставки HTML-кода шаблона в eSputnik можно редактировать ссылки, картинки и их названия (альтернативный текст). Сделать это можно как через панель редактирования, так и через редактор кода.

Попробуем загрузить картинки в письмо. 

Кликните на логотип в визуальной части письма и в меню слева нажмите на значок “Заменить”.

После этого откроется галерея картинок, которая будет пуста. 

Вам нужно загрузить в нее изображения. Для этого есть два пути:

  1. Если лого и все картинки для шаблона у вас сохранены на компьютере, то  просто перетащите их в область для вставки. После этого все изображения для подстановки в письмо загрузятся и будут доступны в галерее.

  2. Нажмите на иконку загрузки изображения по текущей ссылке:

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

Когда все картинки подставлены —  получаем красивый шаблон.

Проверим его отображение на мобильном устройстве и убедимся, что картинки отображаются корректно.

Итак, сразу после вставки HTML-кода письма в eSputnik, есть возможность редактировать ссылки и картинки. А чтобы редактировать обычный текст, необходимо применить CSS-класс esd-text к тегу, в котором находится весь блок текста. Обычно это теги p, div, td, h2, h3, h4, span. К последнему применять спец. класс можно только в том случае, если внутри 


<span>

находится весь текст, а не его часть. Применим класс esd-text к обертке текста.

После того, как класс esd-text задан, кликните по тексту в визуальной области письма, и eSputnik позволит редактировать текст, а также стилизовать его через панель редактирования.

Это все, что нужно для простого способа адаптации шаблона.

Last post

Усложненный вариант адаптации

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

Для начала разберемся, как устроены письма в eSputnik.

Об иерархии вложенности писем eSputnik

Письма в редакторе eSputnik состоят из: 

  • полос;

  • структур;

  • контейнеров;

  • блоков.

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

Рассмотрим пример вложенности полосы, в которой находится структура с двумя контейнерами и блоками «Картинка» + «Текст»:

  1. Полоса с классом esd-stripe.

  2. Структура с классом esd-structure.

  3. Контейнер с классом esd-container-frame.

  4. Блок с классом esd-block.

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

Почти всегда есть куда вставить класс для полосы, структуры и/или контейнеров. Но из-за специфичной верстки блоков не всегда удается добавить для них класс так, чтоб они корректно адаптировались. Поэтому мы рекомендуем добавлять класс esd-block-html в обертку такого блока, тогда eSputnik сможет активировать кнопки управления (сохранение, перемещение, копирование, удаление) и дальше редактировать такой блок можно будет через HTML.

Список доступных классов Блоков

esd-block-image — класс для определения блока «Картинка»;
esd-block-text — класс для определения блока «Текст»;
esd-block-button — класс для определения блока «Кнопка»;
esd-block-spacer — класс для определения блока «Разделитель»;
esd-block-social — класс для определения блока «Соцсеть»;
esd-block-html — класс для определения блока «HTML»;

esd-block-menu — класс для определения блока «Меню». 

Адаптируем полосу

Найдем ячейку таблицы, которой можно назначить класс для полосы. Такая таблица нашлась — это контент письма целиком. Устанавливаем ему класс esd-stripe.

После добавления класса eSputnik определил ячейку как полосу, и появилась рамка с элементами управления. Теперь полосу можно редактировать через боковую панель, а также удалять/копировать/перемещать ее прямо в визуальной области письма.

Адаптируем структуру

Назначим соответствующий класс esd-structure для структуры.

Как и у полосы, у структуры появилась рамка и элементы управления.

Адаптируем базовые блоки

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

Логотипу — esd-block-image.

Блоку с текстом — esd-block-text.

Аналогичным образом мы назначили класс esd-block-image.
Вот как выглядит общий результат по адаптации блоков: 

Попробуем адаптировать карточку товара с кнопкой

Здесь нам не хватает Контейнеров, чтобы была возможность перетаскивать блоки из панели drag’n’drop.

Находим ячейку таблицы, в которой расположено фото товара с альт-текстом «Wemo Mini», и указываем ей класс esd-container-frame — это будет наш первый Контейнер.

В этом контейнере превращаем блок в картинку при помощи добавления класса esd-block-image.

Поработаем со вторым контейнером. Находим ячейку таблицы, в которой расположен текст «Wemo Mini», и указываем ей класс esd-container-frame.

Все, что находится в ① и ② областях ячейки esd-container-frame — наши блоки. 

Весь контент этого контейнера — текст и кнопка. Указываем ячейке первой обасти класс esd-block-text, а ячейке второй области — блок esd-block-button.

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

Итоги

Мы показали:

  1. Как адаптировать кастомный HTML для редактирования текста, картинок и ссылок в редакторе eSputnik. 

  2. Из чего состоит письмо, и как назначить его элементам необходимую вложенность: полосы, структуры, контейнеры, блоки. Это дало возможность более комфортно управлять контентом письма. Кроме редактирования текста и картинок мы можем копировать, перемещать, удалять и сохранить готовые блоки в библиотеку модулей.

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

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

Создать шаблон письма | Creatio Academy

Шаблон — это контент вашей рассылки, именно его увидят получатели. В Creatio вы можете создавать и редактировать как простые шаблоны, которые одинаково отобразятся у всех получателей (статический контент), так и шаблоны, содержимое которых будет отличаться для разных сегментов аудитории рассылки (динамический контент).

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

Для работы с шаблонами в Creatio предназначен специальный блочный редактор — дизайнер контента.

Дизайнер контента — визуальный редактор, позволяющий создавать и настраивать шаблоны рассылок, которые будут привлекательно выглядеть как на компьютере, так и на мобильных устройствах. Подробнее: Рекомендации по адаптивной верстке email-сообщения.

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

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

Создание шаблона рассылки можно представить в виде нескольких простых шагов:

  1. Формирование структуры письма из преднастроенных блоков.
  2. Добавление своего контента.
  3. Применение стилей и форматирования.

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

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

Создать новый шаблон 

  1. Перейдите в рабочее место Маркетинг и откройте раздел Email.

  2. Нажмите Добавить и выберите тип рассылки, которую хотите создать — массовую рассылку или триггерное письмо.

  3. На открывшеся странице заполните название новой рассылки.

  4. Нажмите кнопку Открыть дизайнер (Рис.  1). Новая рассылка будет автоматически сохранена.

  5. Настройте структуру письма. Вы можете создать ее с нуля или использовать ранее настроенные шаблоны.

    • Чтобы создать структуру письма, следуйте инструкциям в блоке Настроить шаблон в дизайнере контента.

    • Чтобы использовать ранее настроенную структуру, нажмите Действия → Выбрать из справочника (Рис. 2). В открывшемся окне выберите шаблон структуры.

  6. После того как будет сформирована структура шаблона, добавьте в него наполнение. Подробнее: Настроить шаблон в дизайнере контента

Настроить шаблон в дизайнере контента 

  1. Настройте шапку письма (Рис. 3):

  1. Перетащите из библиотеки блоков в рабочую область блок “Шапка. Логотип (50%) + Навигация (50%)”.

    1. Кликните по пункту меню для перехода к его настройке.

    2. Для каждого из пунктов меню на панели настройки укажите ссылки для перехода. Чтобы использовать в ссылках url-адреса, удалите префикс “#”. Оставьте префикс для обработки значения как локального якоря.

    3. Чтобы удалить лишние пункты меню, нажмите Меню → . Чтобы добавить пункты меню, нажмите Добавить ссылку.

    4. Установите признак Гамбургер меню, чтобы на мобильных устройствах отобразить меню навигации в виде составного “гамбургера”.

    5. Нажмите , чтобы установить для меню выравнивание по правому краю.

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

      Если признак Обратный порядок колонок для мобильных не заполнен, то на мобильных устройствах изображение в левой колонке отобразится над меню.

  2. Настройте баннер (Рис. 4):

    1. Перетащите из библиотеки элементов в рабочую область элемент Блок.

    2. Нажмите Добавить баннер на панели настройки в правой части окна.

    3. Чтобы удалить секцию, на панели настройки блока нажмите справа от Секция #1.

    4. Установите признак в области настройки фона.

    5. Нажмите , выберите цвет фона и нажмите Применить.

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

  3. Добавьте изображение в верхнюю часть баннера (Рис. 5):

    1. Перетащите элемент Картинка из библиотеки в рабочую область шаблона.

    2. Нажмите , чтобы очистить поле на панели настройки элемента.

    3. Загрузите изображение со своего компьютера или укажите URL-адрес изображения или URI данных, содержащий изображение.

    4. При необходимости укажите ширину и высоту изображения в области Размер, px.

      На заметку. Устаревшие версии почтовых клиентов могут некорректно отображать изображения с указанными размерами.

    5. Настройте отступы.

  4. Добавьте заголовок в баннер (Рис. 6):

    1. Перетащите элемент Текст из библиотеки в рабочую область шаблона.

    2. На панели настройки элемента в области Шрифт нажмите . В открывшемся окне выберите цвет шрифта и нажмите кнопку Применить.

    3. Замените стандартный текст вашим заголовком.

    4. В поле Размер, px укажите размер шрифта заголовка.

    5. Нажмите , чтобы настроить выравнивание текста.

    6. Настройте отступы.

  5. Добавьте подзаголовок в баннер (Рис. 7):

    1. Перетащите элемент Текст из библиотеки в рабочую область шаблона.

    2. Повторите шаги b-f инструкции по настройке заголовка, но задайте меньший размер шрифта.

  6. Добавьте кнопку в баннер (Рис. 8):

    1. Перетащите элемент Кнопка из библиотеки в рабочую область шаблона.

    2. Замените стандартный текст вашим призывом к действию.

    3. В поле Ссылка для перехода укажите URL-адрес, по которому должен выполняться переход.

    4. На панели настройки элемента в области Шрифт нажмите . В открывшемся окне выберите цвет шрифта и нажмите кнопку Применить.

  7. Настройте отступы кнопки.

  8. В области Фон нажмите . Укажите фон кнопки и нажмите кнопку Применить.

  9. Добавьте в баннер фоновое изображение (Рис. 9):

    1. Откройте панель настройки баннера, вернувшись к ней по навигационной цепочке.

    2. Нажмите , чтобы очистить поле в области Фон.

    3. Загрузите изображение со своего компьютера или укажите URL-адрес изображения или URI данных, содержащий изображение.

    4. Настройте выравнивание фонового изображения по вертикали кнопками , или и по горизонтали кнопками , или .

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

  10. Добавить подзаголовок (Рис. 10):

    1. Перетащите элемент Блок из библиотеки в рабочую область шаблона.

    2. Перетащите элемент Блок из библиотеки в добавленный блок.

    3. Замените стандартный текст вашим подзаголовком.

    4. Укажите шрифт подзаголовка в области Шрифт.

    5. В поле Размер, px укажите размер шрифта заголовка.

    6. Нажмите , чтобы настроить выравнивание текста по центру.

  11. Добавьте блок с описанием особенностей продукта (Рис. 11).

    1. Перетащите в рабочую область преднастроенный блок “Список продуктов. 3 колонки: Изображение + Текст + Кнопка”.

    2. Удалите ненужные элементы.

    3. Замените стандартный текст в колонках описанием ваших продуктов.

  12. Добавьте заключительный посыл (Рис. 12) аналогично тому, как вы добавляли подзаголовок после баннера на шаге 9.

  13. Сохраните шаблон.

    В результате будет создан новый шаблон новостной рассылки. Он по умолчанию оптимизирован для корректного отображения на компьютере и мобильных устройствах (Рис. 13).

15 шаблонов писем для маркетинговой email-рассылки

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

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

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

Содержание статьи

№1: Простой текст
№2: Знайте, когда стоит использовать изображения
№3: Типографический подход
№4: Newsjacking-подход
№5: Больше праздников и мероприятий
№6: Праздники подойдут не только для B2C-предложений
№7: Взывая к потаенным желаниям
№8: Проявляйте индивидуальность
№9: Знать, что важно вашей аудитории
№10: Разбейте сообщение на блоки
№11: Освоение искусства визуальных писем
№12: Cоответствие имиджу бренда
№13: Персонализированные email-письма
№14: Письмо с напоминанием о чем-либо
№15: Расскажите историю
Заключение

№1: Простой текст 

Несмотря на все передовые методы дизайна электронных писем и массу людей, заявляющих, что они отдают свое предпочтение html-шаблонам писем для email-рассылки, письма, в которых нет ничего, кроме текста, отлично работают. Более того, по данным HubSpot, по мере увеличения количества изображений в письме, показатель CTR снижается. Разумеется, эта корреляция проявляется не всегда, но для многих предприятий она более чем характерна, особенно в B2B-секторе. Так что в процессе разработки своей email-маркетинговой кампании, не стоит брезговать и письмами, которые довольно не броски в оформлении и не содержат ничего, кроме текста: для многих получателей они могут стать полной неожиданностью.

№2: Знайте, когда стоит использовать изображения

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

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

Читайте также: Секреты нейрофизиологии для интернет-маркетолога

№3: Типографический подход

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

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

В письме присутствует только одна фотография: девушка, которая что-то делает на планшете. Это изображение созвучно теме письма и помогает понять его посыл — приглашение пройти тест.

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

Читайте также: Психологические «фишки» для эффективного email-маркетинга

№4: Newsjacking-подход 

Newsjacking (буквально — перехват новостей) — это техника использования популярности какого-либо события или новости для продвижения бренда, способ создания масштабной маркетинговой кампании на волне популярности какого-либо мероприятия. Это одна из классических стратегий, однако ее не всегда легко реализовать. Но не в случае Ubisoft, рекламные кампании которой привязаны к новостям, представляющих интерес для ее целевой аудитории (в данном случае — к E3, значимому событию для большинства геймеров). Так компании удается продвигать свои услуги свежо и нешаблонно.

№5: Больше праздников и мероприятий

Еще один шаблон, дизайн которого подсказывает нам, что использовать в своих целях как можно больше национальных праздников и торговых событий, как, например, «Черная Пятница» или Новый год, — не такая уж и плохая идея. Трудно противиться специальным предложениям и акциям, когда вы уже задумали что-то купить в качестве подарка себе или своим родным. Вы можете сделать еще больше и лучше, а именно — персонализировать эти письма и содержащиеся в них предложения на основе истории покупок получателя и других взаимодействий с вашим брендом.

№6: Праздники подойдут не только для B2C-предложений

Не делайте ошибку, думая, что праздничные дни и прочие шопинг-события не имеют отношения к тем, кто действует на B2B-рынке: если они интересны вашей целевой аудитории, они также подойдут и вам. В этом письме сервис Square призывает своих потенциальных клиентов воспользоваться сопутствующим празднику всех влюбленных ажиотажем, разослав своим покупателям письма с рекламными акциями, и дополняет это предложение довольно убедительной статистикой, в силу которой отказать желанию кликнуть по кнопке «Get Started» и запустить кампанию становится очень трудно.

№7: Взывая к потаенным желаниям

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

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

Читайте также: Эффективный email-маркетинг: стратегия «На крючке»

№8: Проявляйте индивидуальность

Этот конкретный пример демонстрирует, каким необычным может быть дизайн email-письма:

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

№9: Знать, что важно вашей аудитории 

В этом примере Freelancer пытается через сделанный со вкусом дизайн, напоминающий лендинг, предельно лаконично рассказать посетителям свою историю. Для платформы, которая, прежде всего, используется дизайнерами и людьми, подыскивающими себе сотрудников на «удаленку», этот хитрый набор визуальных эффектов особенно удачен, поскольку он доказывает, что Freelancer точно знает, чего хочет их целевая аудитория.

Читайте также: Как составить успешную новостную рассылку?

№10: Разбейте сообщение на блоки

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

№11: Освоение искусства визуальных писем

Для доказательства того, что перегруженные визуальные проекты тоже могут работать, взгляните на этот пример от MOO: чтобы раскрыть индивидуальность бренда через дизайн электронного письма, компания умело сочетает забавный текст с захватывающими визуальными эффектами. Такой подход может показаться сложным, но если вы располагаете талантливым дизайнером и остановили выбор на подходящем шаблоне, у вас все получится. Главное — убедитесь заранее, что посыл письма — правильный, и он будет сочетаться с таким не самым простым стилем.

Читайте также: Лучшие практики плоского дизайна

№12: Cоответствие имиджу бренда

Если вы продаете предметы роскоши, то вы точно не захотите, чтобы изображения забавных хомячков в очках задавали тон вашим email-кампаниям. Если же ваша целевая аудитория — профессиональные фотографы и фотолюбители, то ваше письмо должно содержать соответствующие иллюстрации. Какой бы подход вы ни применяли при разработке своих писем, оставаться верным имиджу бренда и продуктам / услугам, которые вы продаете, жизненно важно.

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

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

№13: Персонализированные email-письма

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

№14: Письмо с напоминанием о чем-либо

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

Читайте также: Только 20% маркетологов используют поведенческие факторы в email-рассылке

№15: Расскажите историю

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

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

Читайте также: Онлайн-маркетинг для начинающих: сторителлинг

Заключение

На сегодняшний день email-маркетинг имеет один из самых высоких ROI. Если у вас есть электронный адрес потенциального клиента, то можно смело ожидать, что он откроет 14% отправленных вами писем, а показатель перехода по ссылкам составит чуть менее 7%. При этом хорошими результатами вас может обеспечить не только дорогой и «напичканный» передовыми технологиями дизайн. Знание того, на какие сообщения будет реагировать ваша целевая аудитория, и обращение к ним на персональном уровне с учетом той информации, которой вы о них располагаете, имеет важнейшую ценность для успеха ваших кампаний.

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

 

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

Высоких вам конверсий! 

По материалам: ventureharbour.com

13-12-2018

Как бесплатно создавать красивые шаблоны для email-рассылок без знания HTML

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

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

Основное преимущество Stripo — вы легко создадите письмо, не владея навыками программирования, не зная принципов верстки и HTML. При этом письмо будет адаптировано под любое устройство. И легко импортируется в ваш сервис рассылок.

Библиотека Stripo содержит более 300 шаблонов, которые можно взять за основу. Каждый из этих шаблонов можно изменять под ваш вкус и требования — добавлять новые блоки, удалять существующие. Заменять одни элементы на другие — картинки на текст или кнопки и наоборот.

Если не можете найти готовый шаблон, который устраивает вас на 100%, возьмите тот который примерно напоминает желаемый дизайн и сотворите свой идеальный макет письма.

Как бесплатно создать макет письма в Stripo

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

Но, обратите внимание, здесь очень много шаблонов, которые обозначены специальным значком. Их можно использовать только на платных тарифах. А мы хотим это сделать бесплатно.

Бесплатный тариф предоставляет возможность создать в месяц 2 макета письма и скачать их 4 раза. Т.е., каждый шаблон можно скачать по 2 раза. Это удобно, если с первого раза вы что-то забыли, ошиблись. У вас есть шанс внести исправления и скачать шаблон еще раз.

Или вам надо 2 похожих макета под различные кампании. Подготовили первый макет и скачали. Затем внесли изменения для второго макета, добавили кнопок, таймер, баннер в тот же шаблон, и опять скачали.

Бесплатным тарифом можно пользоваться неограниченное количество времени. Но если вы за месяц проводите несколько различных емейл-кампаний, проще перейти на платный тариф.

На платном тарифе намного интереснее шаблоны и больше возможностей. Минимальная стоимость — 10,42$ в месяц, если внести оплату сразу за год 125$. В этом тарифе можно создать в месяц 15 шаблонов и экспортировать их 300 раз.

Как отредактировать письмо.

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

После того, как вы перешли в режим редактирования, выберите вкладку «Оформление». Здесь общие настройки для письма. По умолчанию установлена ширина 600. Можно изменить, но увеличивать не рекомендуется.

Включите «Подчеркивание ссылок» и «Адаптивность письма». Можете задать «Картинку в фоне» и сделать ее повторяющейся или просто установить цвет фона письма. Также в этом разделе можно установить общие шрифты, интервалы, отступы и прочее. Это будет применимо к новым блокам, которые вы будете добавлять в письмо.

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

Для блока с текстом настройте отступы, выравнивание, интервал между строками, наименование, размер и цвет шрифтов.

Если вам нужно добавить ссылки к определенным словам в тексте — выделите нужное слово или словосочетание; в верхней части панели настроек кликните значок «Ссылка»; в открывшемся окошке вставьте вашу ссылку.

1. Добавить ссылку2. Предварительный просмотр покажет как ваше письмо отображается на компьютере и в телефоне.3. Можно добавить эмодзи при необходимости

Блок с изображением. Кликните по блоку с изображением на макете, слева появится панель настроек. Загрузите свое изображение, нажав «Заменить» и перетащите картинку в открывшееся поле. Здесь же ее можно отредактировать, нажав на вторую половину кнопки.

Отредактируйте ссылки на изображениях. По умолчанию все ссылки ведут на сайт Stripo. Вставьте свою ссылку или удалите ее, если она вам не нужна. И введите атрибут alt.

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

Редактирование кнопок. Вставьте ссылку и напишите текст кнопки. Установите шрифты, цвет кнопки и текста. Отрегулируйте закругление.

Сделайте настройки для просмотра на смартфоне. На панели настроек перейдите во вкладку «Оформление». Затем кликните вкладку «Адаптивность» и задайте параметры для размера заголовков, текста кнопок и контента в разных блоках.

Как добавить необходимые элементы в письмо.

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

Например, вам понравился макет, но на нем нет кнопок. Выберите вкладку «Контент» и «Блоки». Кликните по элементу «Кнопка» и перетащите ее в необходимое место на макете.

Как добавить таймер обратного отсчета

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

Выберите цвет цифр и фона таймера. Убедитесь, что включена возможность «Отображать дни». Будет дополнительно показано количество оставшихся дней, а не только часов и минут. Согласитесь, «2 дня 5 часов» будет восприниматься лучше, чем «53 часа». Затем включите «Подписи цифр таймера» для отображения названий каждого элемента таймера.

Желательно включить кнопку «Картинка по окончанию таймера». Это поможет понять, что срок действия акции истек. Для этого загрузите изображение, которое будет показано клиентам после завершения обратного отсчета. Укажите Alt-текст.

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

Как создать хедер или футер с помощью Stripo.

Подберите шаблон с хедером и футером, которые вам подходят и замените все имеющиеся элементы на свои — логотип, меню, кнопки соцсетей, текст. Если вам понравился шаблон, но хедер или логотип вас не устраивают, сделайте их сами.

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

Вставьте свой логотип. Он вставляется как обычное изображение. Установите ссылку, которая приведет на ваш сайт. И добавьте Alt-текст.

Футер — составной элемент. Чтобы построить его, вам нужно: перетащить структуру с нужным количеством колонок; ввести текст в эти колонки; отредактировать текст; вставить соответствующую ссылку в опцию отписки; добавить иконки соцсетей.

Также футер можно добавить после переноса шаблона в сервис рассылок Estismail.

Как перенести письмо в сервис рассылок.

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

Для этого сверху посредине нажмите зеленую кнопку «Экспорт» и выберете HTML. В открывшемся окне опять нажмите кнопку «Экспорт».

Чтобы загрузить скачанный макет в Estismail, откройте его с помощью блокнота (правая кнопка — открыть с помощью — блокнот) и скопируйте содержимое.

В личном кабинете Estismail нажмите на кнопку «Создать новый макет», затем:

1. Поставьте галочку напротив «Использовать простой текстовый редактор», 2. Нажмите «Источник», 3. Вставьте скопированный код.

В Estismail можно убрать некоторые блоки. Также можно будет внести изменения. Например, поменять текст, цвет, размер текста, ссылки, заменить картинки, текст кнопок. Каждый раз вы можете отправлять абсолютно новое письмо. Но стиль и структура письма останутся неизменными.

Ваши письма всегда будут красивыми и узнаваемыми!

579 HTML-шаблонов электронной почты Outlook БЕСПЛАТНО — Stripo

Outlook предпочитают более 11% пользователей во всем мире. В основном он используется крупными корпорациями и офисными работниками. Тем не менее, вам нужно сделать электронные письма элегантными, полностью адаптивными, но информативными.

Stripo предлагает сотни шаблонов электронной почты Outlook. Что это значит? Они полностью оптимизированы для этого почтового клиента.

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

На что следует обратить пристальное внимание при оптимизации шаблонов электронной почты Outlook HTML:

Их всего несколько:

1. Работа над гифками

Как мы уже говорили, только некоторые версии Outlook поддерживают GIF, в других отображается только их первый кадр. Что ты можешь сделать?

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

2. Работа с кнопками для шаблонов информационных бюллетеней Outlook

Обычно закругленные кнопки Outlook выглядят квадратными.

Только на основе VML выглядит так, как вы планировали.

Единственный выход — вставить на кнопку специальный код VML, чтобы кнопки округлились.

Но с Stripo вы можете сделать это двумя щелчками мыши, просто включив опцию «Поддержка Outlook».

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

Добавление замещающего текста к GIF в HTML-шаблонах электронной почты Outlook

Присоединяйтесь к Stripo

3. Работа над фоном для шаблонов электронной почты Outlook

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

Но как установить фон для некоторых элементов в электронных письмах? Вот выход.

Вам нужно немного поработать над кодом вашего HTML-шаблона электронной почты Outlook.

В сообщении блога «Проблемы рендеринга Outlook» мы подробно показываем, как включить фон для строк и контейнеров.

4. Вкладки меню

Довольно часто вкладки меню в Outlook теряют свой стиль. Почему это происходит?

Просто если отсутствует ссылка на ссылку.

5. Тесты по электронной почте

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

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

еженедельных дайджестов электронных писем за 2019 год — Stripo.email

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

Дизайн еженедельного электронного дайджеста

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

Еженедельный дайджест электронной почты

Содержание шаблона дайджеста электронной почты в формате HTML полностью на ваше усмотрение.Вы можете добавлять в свои сообщения в блог только изображения и ссылки. Вы также можете добавить короткую аннотацию к сообщению в блоге и кнопку CTA.
Вы также можете вставить видео или даже видео, которые вы недавно опубликовали. Но эти видео должны сопровождаться четкими кнопками CTA.
Короче говоря, в шаблонах еженедельных электронных дайджестов все аннотации к видео и сообщениям в блогах должны сопровождаться четкими и заметными кнопками CTA.

Автоматизация создания шаблонов еженедельных электронных дайджестов

Stripo делает это двумя способами:

1.Библиотека личного содержимого

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

2.API

Используя наш API, вы можете создавать до 64 писем в минуту. Как это работает? Вам необходимо разработать единый шаблон еженедельного дайджеста электронной почты, интегрировать наш API с вашим, выполнить некоторую конфигурацию с помощью нашей службы поддержки, а при запуске новой кампании вы нажимаете одну единственную кнопку — и наша система автоматически генерирует еженедельные электронные письма с дайджестом для ты!

Создавайте элегантные и сложные шаблоны еженедельных электронных дайджестов с помощью Stripo в кратчайшие сроки!

1000+ бесплатных шаблонов информационных бюллетеней, которые отлично смотрятся на мобильных устройствах

Так что, возможно, вы решили обновить информационные бюллетени по электронной почте. Или вам просто надоело, что ваши информационные бюллетени разваливаются при просмотре на мобильном устройстве (и их могут пропустить до 77% ваших подписчиков).

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

К счастью, у нас есть отличные новости. Мы составили этот список из 1000+ совершенно бесплатных, великолепно выглядящих шаблонов информационных бюллетеней , которые вы можете загрузить и использовать с любым почтовым сервисом — MailChimp, MailerLite, Constant Contact и т. Д.Безвоздмездно!

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

Итак, если вы готовы изменить свои информационные бюллетени и любите хорошую халяву (а кто не любит?), Ознакомьтесь с нашим списком ниже. Также не забудьте прочитать наши советы по использованию в конце.

Если вы хотите вдохновения, вы также можете ознакомиться с этими примерами информационных бюллетеней.

Где я могу скачать бесплатные шаблоны информационных бюллетеней, удобные для мобильных устройств?

Stripo

Stripo предлагает более 800 бесплатных шаблонов информационных бюллетеней, которые просты в использовании и легко экспортируются в предпочтительный инструмент электронного маркетинга.У них есть действительно красивые дизайны, которые разбиты на категории по типу, отрасли, сезону и особенностям. Вы также можете предварительно просмотреть свои электронные письма в более чем 90 популярных средах, включая несколько мобильных устройств, и синхронизироваться с более чем 60 популярными ESP. Узнайте больше о Stripo в этой статье о специальных конструкторах электронных писем.

Unlayer

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

TOPOL.io

TOPOL предлагает 34 бесплатных адаптивных шаблона информационных бюллетеней. Дизайн красочный и забавный, и его довольно много. Существуют различные варианты экспорта, например, вы можете загрузить HTML или экспортировать его непосредственно на платформы электронного маркетинга, Sendinblue или Mailchimp.

MJML

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

MailBakery

В

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

Cakemail

Служба электронного маркетинга Cakemail предоставила 39 своих шаблонов для бесплатной загрузки. Тот факт, что он сообщает вам, сколько загрузок был у каждого шаблона электронного письма, дает вам представление об их популярности.Сами шаблоны неплохие, если вы ищете что-то классическое и не слишком яркое.

Диспетчер

Dyspatch предоставляет 14 шаблонов электронной почты с открытым исходным кодом, включая информационные бюллетени, приветственные письма и письма с подтверждением.

GitHub

Репозиторий

GitHub включает сотни адаптивных HTML-файлов электронной почты, которые вы можете просматривать и загружать. Рекомендуемые шаблоны включают Antwort и EmailOctopus.

Themezy

Коллекция из 16 адаптивных шаблонов электронной почты со всего Интернета.

Pixelbuddha

Pixelbuddah предоставляет вам 15 различных адаптивных HTML-шаблонов, включая праздничные темы. Их дизайн определенно стоит посмотреть.

Dribbble

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

Коперника

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

Электронная почта на Acid

Компания по тестированию электронной почты Email on Acid разработала универсальный шаблон информационного бюллетеня с различными элементами / разделами, которые вы можете комбинировать и сочетать.

Behance

На этом сайте портфолио дизайнеров вы найдете этот свежий шаблон, который был протестирован на 33 почтовых клиентах с помощью Litmus и основан на Google Material Design.

ГрафикаFuel

Этот красивый шаблон информационного бюллетеня включает несколько разделов, был тщательно протестирован и поставляется с файлом PSD.

PSD2HTML

Просмотрите сообщения блога «халява» и найдите 2 шаблона на тему Хэллоуина и Дня святого Валентина.

Источники приложений Sketch

Эти 3 простых шаблона с плоским дизайном отлично смотрятся на мобильных устройствах и были протестированы со всеми основными почтовыми клиентами.

Slicejack

Агентство разработки Slicejack предлагает стильный шаблон информационного бюллетеня, протестированный с помощью Litmus и Email on Acid.

Mailchimp

Mailchimp предлагает 6 бесплатных шаблонов «чертежей», которые по сути являются адаптивными макетами электронной почты — вам нужно будет добавить свои собственные цвета и стиль.

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

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

Зурб

Их 5 бесплатных шаблонов являются базовыми, и, вероятно, к ним потребуется применить некоторые стили / цвета. Но они оптимизированы для широкого спектра почтовых клиентов для мобильных и настольных компьютеров, поэтому их можно беспроигрышно. Обратите внимание, что файлы HTML и CSS поставляются отдельно — их нужно будет объединить либо с помощью вашей почтовой службы (если она это делает), либо с помощью встроенного инструмента, такого как собственный Zurb.

Макеты W3

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

ZippyPixels

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

Лакмус

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

Лакмус Сообщество

Litmus также предоставил 25+ шаблонов электронных писем, доступных в Litmus Community, включая шаблоны для маркетинга и электронной коммерции.

99 дизайнов

99designs собрали 3 профессионально разработанных шаблона электронной почты (информационная рассылка, рекламная и личная электронная почта) в различных стилях и цветах, что дает вам в общей сложности 45 вариантов.Требуется регистрация по электронной почте.

Freshmail

Подпишитесь на список рассылки Freshmail, и вы получите 3 стильных шаблона вместе с файлами PSD.

Stamplia

Торговая площадка шаблонов электронной почты Stamplia сделала 7 шаблонов доступными на сайте Litmus — вам просто нужно зарегистрироваться, чтобы их получать.

Фонд Зурба

Несколько дополнительных HTML-шаблонов, доступных от Zurb, написанных с использованием их платформы Foundation for Emails.Еще раз, HTML и CSS входят в отдельные файлы. Требуется регистрация.

Открытки

Designmodo’s Postcards — это конструктор шаблонов электронной почты, который позволит вам создать собственное готовое электронное письмо, используя перетаскиваемые блоки содержимого. Существует бесплатный план (требуется регистрация), который позволит вам создавать и экспортировать шаблон, используя несколько модулей. Пользоваться им легко, а дизайн достойный. Однако для доступа ко всем модулям вам необходимо перейти на платный план.Попробуйте здесь.

Несколько простых советов по использованию этих бесплатных шаблонов информационных бюллетеней

  • Эти шаблоны должны быть совместимы с любой службой электронной почты или инструментом рассылки новостей, позволяющим создавать электронные письма с использованием вашего собственного HTML (например, MailChimp, ActiveCampaign). При этом вам понадобятся некоторые знания HTML, чтобы иметь возможность редактировать содержание писем (текст, изображения, ссылки и т. Д.). Мы рекомендуем подготовить код в редакторе HTML, таком как Atom или Brackets (или даже Notepad ++), прежде чем загружать его в инструмент для рассылки новостей.
  • Инструкции по загрузке собственных шаблонов должны быть доступны в вашем почтовом инструменте. Некоторые инструменты (например, MailChimp) позволяют загружать zip-файлы, то есть весь контент (включая HTML и файлы изображений) будет добавлен в инструмент и будет готов к использованию. Другие позволят вам загружать только файлы HTML или просто вставить код — в этом случае вам нужно будет убедиться, что изображения размещены в открытом доступе в Интернете или загружены в инструмент отправки. В противном случае они не будут отображаться в вашем электронном письме.
  • Хотя многие из этих шаблонов уже были протестированы, важно провести собственное тестирование спама и дизайна после того, как вы завершите свое электронное письмо, чтобы убедиться, что нет проблем с доставляемостью или отображением. В этом могут помочь такие сервисы, как Glock или Litmus. В ваш почтовый инструмент также может быть встроено тестирование спама и дизайна.
  • Не вдаваясь в технические подробности, стоит помнить, что код, используемый для электронной почты, сильно отличается от кода, используемого для веб-страниц. Например, хотя CSS (код, определяющий стиль электронной почты и веб-страницы) часто вставляется в HTML-кода веб-страницы или сохраняется во внешнем файле, эти методы не будут работать со многими почтовыми клиентами.Вот почему CSS необходимо встроить в электронные письма (в большинстве вышеперечисленных шаблонов он уже есть). И хотя вы часто найдете на веб-страницах файлы JavaScript, видео, flash и другие мультимедийные файлы, спам-фильтры блокируют все электронные письма, содержащие их, поэтому не включайте их в свои электронные письма.
  • Дополнительные советы по передовой практике кодирования электронной почты можно найти в MailChimp и Benchmark.

Есть ли еще какие-нибудь бесплатные шаблоны информационных бюллетеней, которые мы пропустили? Дайте нам знать в комментариях ниже!

Не можете найти подходящий бесплатный шаблон для информационного бюллетеня? Ознакомьтесь с ассортиментом самых продаваемых шаблонов информационных бюллетеней ThemeForest.

Обновления:

27 октября 2021 г. — SendX удален как больше не бесплатный
29 сентября 2021 г. — Stripo добавила дополнительные шаблоны
25 мая 2021 г. — Новые функции изображения и шаблоны
17 мая 2021 г. — добавлен TOPOL.io
16 Фев 2021 — Добавлены MailBakery и Unlayer
18 ноября 2020 — Общее обновление
23 апреля 2020 — Добавлен Stripo

Ускоренный курс электронного маркетинга: пошаговое руководство

Наш курс электронного маркетинга для начинающих — идеально подходит для малого и среднего бизнеса, интернет-магазинов и блогеров.Он показывает вам все шаги, необходимые для отправки вашего первого информационного бюллетеня. Лучше всего то, что это бесплатно! Зарегистрируйтесь, чтобы получить копию немедленно!

Ускоренный курс электронного маркетинга: пошаговое руководство

Наш курс электронного маркетинга для начинающих — идеально подходит для малого и среднего бизнеса, интернет-магазинов и блогеров. Он показывает вам все шаги, необходимые для отправки вашего первого информационного бюллетеня. Лучше всего то, что это бесплатно! Зарегистрируйтесь, чтобы получить копию немедленно!

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

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

23 лучших шаблона информационных бюллетеней и ресурсы для загрузки прямо сейчас

Если вам нужно было угадать, на сколько информационных бюллетеней по электронной почте, по вашему мнению, вы подписаны? 10? Двадцать? Пятьдесят?

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

Лучшие шаблоны электронных рассылок

  1. Магазин шаблонов HubSpot
  2. Pook от Litmus
  3. Соната от Web Canopy Studio
  4. Чернила ZURB
  5. Провод от HubSpot
  6. 99 дизайнов
  7. Приглашение на веб-семинар от WorkCast
  8. ThemeForest
  9. Резонансный от HubSpot
  10. Antwort
  11. Полезные уведомления от TemplateMonster
  12. Соната от HubSpot
  13. Themezy
  14. Электронная почта на Acid
  15. Хребет от HubSpot
  16. ПочтаПортфолио от SliceJack
    17. Журнал
  17. Электронная почта от 24-7 inc.
  18. Дизайн материалов Пола Годдарда
  19. Briar от SliceJack
  20. Электронная почтаОсьминог
  21. Корень от HubSpot
  22. Открытки от Designmodo
  23. Фешто от Liramail

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

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

Нет времени создать собственный шаблон с нуля? Мы поискали в Интернете лучшие ресурсы для шаблонов электронных рассылок и собрали их ниже. Многие из шаблонов также были предварительно протестированы на совместимость с основными поставщиками услуг электронной почты (ESP) с помощью Litmus — веб-службы, которая позволяет вам предварительно просмотреть, как ваша электронная почта будет выглядеть на различных почтовых клиентах и ​​устройствах.

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

1. Торговая площадка шаблонов HubSpot

Цена: доступны бесплатные и платные варианты

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

Платные шаблоны доступны всего за 1 доллар, и как только вы купите шаблон, вы можете сразу же начать использовать его прямо в HubSpot — HTML или CSS не требуется.

Второй, четвертый, шестой и восьмой шаблоны в этом списке взяты с нашей торговой площадки.

2. Pook от Litmus

Цена: Бесплатно

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

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

3. Соната от Web Canopy Studio

Цена: Бесплатно

Sonata — это шаблон электронной почты от Web Canopy Studio, доступный на платформе HubSpot любому бесплатному или платному пользователю HubSpot, желающему продвигать специальное предложение или ресурс для своих постоянных подписчиков. Как видите, шаблон информационного бюллетеня, представленный ниже, сочетает в себе чистую эстетику со слотами для изображений, чтобы передать суть вашего бренда на трех отдельных плитках.

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

4. Чернила ZURB

Цена: Бесплатно

ZURB Studios предлагает пять бесплатных шаблонов электронных писем, в том числе информационный бюллетень, указанный ниже. У него отличный, плавный макет, который вы можете настроить с помощью собственных цветов, изображений и формулировок.

Если вы хотите увидеть, как каждый шаблон выглядит в разных почтовых клиентах, вы можете проверить скриншоты из тестов каждого шаблона почтового клиента, которые доступны на сайте.Эти макеты оптимизированы для большинства почтовых клиентов, за исключением Outlook 2007, 2010 и 2013.

Шаблон поставляется с отдельной таблицей стилей CSS и файлом HTML для облегчения процесса редактирования, и большинство клиентов помещают CSS в сам HTML после того, как оба загружаются по отдельности. Если вы собираетесь добавлять изображения в свой информационный бюллетень, имейте в виду, что вам придется создать отдельную папку и сжимать таблицу стилей CSS при загрузке.

Совет для профессионалов: После того, как вы выбрали шаблон, используйте бесплатное программное обеспечение для электронного маркетинга HubSpot, чтобы составить свое сообщение и отправить информационный бюллетень по всему миру!


5.

Провод от HubSpot
Цена: Бесплатно

Wire — это шаблон информационного бюллетеня, разработанный HubSpot, предназначенный для маркетологов, которые выпускают новый продукт или услугу, о которых они хотят, чтобы их потенциальные клиенты и клиенты знали. Тонкий шрифт и контраст между темным фоном и яркой копией продукта могут добавить ощущение интенсивности любой новой кампании.

6. 99designs

Цена: Бесплатно

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

7. Приглашение на веб-семинар от WorkCast

Цена: Бесплатно

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

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

8. ThemeForest

Цена: 6-23 $ / шаблон

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

Есть из чего выбирать, но вот четыре наших любимых:

Market — Адаптивный информационный бюллетень с конструктором шаблонов (19 долларов США)

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

FreshMail, отзывчивое письмо с редактором шаблонов (18 долларов США)

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

Более того, он поставляется с полезной документацией и видеоуроками, которые помогут вам максимально использовать дизайн. Он работает со всеми основными почтовыми клиентами и реагирует на мобильные устройства.

FancyMail — Адаптивный шаблон электронного письма (19 долларов США)

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

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

Rocket Mail — чистый и современный шаблон электронной почты (16 долларов США)

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

Он имеет хорошо прокомментированный HTML-код, чтобы упростить отслеживание и настройку. Он работает со всеми основными почтовыми клиентами.

9. Резонансный от HubSpot

Цена: Бесплатно

Resonant — еще один бесплатный шаблон электронной рассылки от HubSpot. Базовый дизайн шаблона идеально подходит для привлечения новых пользователей к вашему сервису.

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

Может быть, вы хотите отправить это письмо, чтобы помочь новым пользователям завершить регистрацию или предложить им следующий уровень вашего продукта. Призыв к действию «Загрузить» в нижней части шаблона электронного письма дает вам небольшую возможность для дополнительных продаж, которую вы можете персонализировать с помощью любых ссылок и скопировать по своему усмотрению.

10. Antwort

Цена: Бесплатно

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

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

На настольных компьютерах они работают с основными почтовыми клиентами, такими как Gmail, Yahoo !, Outlook и AOL. На мобильных устройствах они работают с почтой на iOS и электронной почтой на Android.


11. Полезные уведомления от TemplateMonster

Цена: $ 14

TemplateMonster предлагает множество шаблонов информационных бюллетеней электронной почты, таких как шаблон информационного бюллетеня «Полезные уведомления», изображенный ниже, все из которых доступны по относительно низким ценам. Их шаблоны чистые, настраиваемые и простые в использовании, и они совместимы с большинством основных почтовых клиентов, таких как Gmail и Yahoo Mail.

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


12. Соната от HubSpot

Цена: Бесплатно

Вам нужно быстрое, простое и элегантное маркетинговое письмо, чтобы сделать объявление и показать несколько отличных фотографий? Ознакомьтесь с Sonata от HubSpot.Этот шаблон, доступный в HubSpot Marketplace, удобен для работы в Интернете и отлично выглядит для мобильного устройства чтения.

13. Themezy

Цена: Бесплатно

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

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

14. Электронная почта на Acid

Цена: Бесплатно

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

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

15. Хребет от HubSpot

Цена: Бесплатно

Этот формат электронной почты с одним столбцом отлично подходит как для мобильных читателей, так и для вставки ярких четких изображений. Это упрощенно, поэтому его можно использовать для различных отраслей или целей. Хотя в этом предварительном просмотре отображается электронное письмо с благодарностью, этот тип формата отлично подходит для короткого и приятного объявления или предложения, которое заслуживает великолепных изображений.

Если вам нравится стиль, но не расположение изображений и текста, вы также можете найти другие темы Ridge на HubSpot Marketplace.

16. MailPortfolio от SliceJack

Цена: Бесплатно

Если ваша маркетинговая стратегия сильно зависит от визуальных эффектов, MailPortfolio идеально подходит для вас. Это минималистичный шаблон без лишних отвлекающих факторов. Хотя он был создан для тех, кто хочет отображать личные творческие портфолио, он также подходит для крупных предприятий и организаций.

Шаблон был протестирован с Litmus, адаптивен и отлично работает со всеми почтовыми клиентами.(Примечание: более старые версии Outlook могут не отображать все шрифты, а приложение Android Gmail не полностью поддерживается. )

17. Журнал Электронная почта от 24-7 inc.

Цена: бесплатно на HubSpot Marketplace
Пакет электронной почты для журналов

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

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

Шаблон совместим со всеми основными почтовыми клиентами.

18. Материальный дизайн Пола Годдарда

Цена: Бесплатно

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

Material Design был протестирован на Litmus, совместим со всеми основными ESP и отзывчивым. Хотя его главная привлекательность — это уникальный дизайн, эта загружаемая тема также включает в себя настраиваемые файлы HTML.

19. Шиповник от SliceJack

Цена: Бесплатно

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

Шаблон был протестирован с Litmus и работает со всеми основными поставщиками услуг электронной почты (ESP), однако некоторые старые версии Outlook могут не отображать все шрифты Google. Кроме того, приложение Android Gmail не полностью поддерживается.

20. Электронная почтаOctopus

Цена: Бесплатно

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

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

Эти шаблоны были протестированы с помощью Litmus для всех основных ESP и совместимы со всеми размерами экранов.

21.Корень от HubSpot

Цена: бесплатно на HubSpot Marketplace

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

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

Этот шаблон был протестирован для работы со всеми основными почтовыми клиентами.

22. Открытки от Designmodo

Цена: бесплатно — 25 долларов

Postcards — это инструмент, позволяющий создавать собственные информационные бюллетени по электронной почте. Функция перетаскивания позволяет вам выбирать элементы, которые лучше всего соответствуют вашим личным потребностям, например изображения героев, функции электронной коммерции и призывы к действию. Универсальность также позволяет вам настраивать каждое отправляемое вами электронное письмо, если хотите.

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

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

23. Feshto by Liramail

Цена: 29-25 $ / шаблон

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

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

Эти шаблоны идеально подходят для описания характеристик продукта и отзывов довольных клиентов. Хотя темы по умолчанию черно-белые, вы можете вносить изменения в предпочитаемом вами редакторе WYSIWYG.

Feshto — адаптивный шаблон, совместимый со всеми основными ESP.

Начните работу с электронной рассылкой новостей по маркетингу

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

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

Примечание редактора: сообщение было первоначально опубликовано в декабре 2018 года, но было обновлено для полноты в декабре 2019 года.

9 лучших сайтов для бесплатных шаблонов электронной почты

Посмотрим правде в глаза. Создавать электронные письма с нуля — это не прогулка по парку. К счастью, существует множество бесплатных шаблонов электронной почты, которые сделают процесс намного проще и быстрее. Мы собрали 9 надежных сайтов, на которых вы можете найти более 600 адаптивных шаблонов электронной почты по нулевой цене.

Бесплатные шаблоны электронных писем — полезный ресурс, когда…

У вас ограниченные навыки программирования

Использование HTML-шаблона электронной почты позволяет создавать электронные письма с красивым адаптивным дизайном, не беспокоясь о написании всего кода самостоятельно. Это означает, что вам не придется выходить из себя в 3 часа ночи после 30-й ошибки, чтобы заставить HTML-код вашего электронного письма правильно отображаться.

Вы хотите сэкономить время ⏰

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

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

Нужно сэкономить

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

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

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

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

1. Sendinblue (40+ адаптивных шаблонов писем)

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

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

Итак, как работают эти бесплатные шаблоны?

С Sendinblue у вас есть два варианта , когда дело доходит до создания почтовых кампаний с использованием готовых шаблонов:

Конструктор писем с адаптивным дизайном
Пользователи

Sendinblue имеют доступ к нашей библиотеке шаблонов электронной почты с помощью нашего инструмента адаптивного дизайна с перетаскиванием. Это позволяет очень легко создавать хорошо оформленные электронные письма без какого-либо технического или дизайнерского опыта.

Все, что вам нужно сделать, это выбрать шаблон из нашей библиотеки, содержащей более 40 бесплатных шаблонов информационных бюллетеней для электронной почты. Просто перетащите элементы, чтобы переставить их или добавить новые элементы. Затем вы можете редактировать их прямо в инструменте без каких-либо знаний HTML или CSS.

WYSIWYG HTML редактор электронной почты

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

Если вы планируете использовать шаблон электронного письма в формате HTML, вам просто нужно выполнить несколько быстрых шагов:

  • Найдите шаблон, который вы хотите использовать
  • Загрузите шаблон на свой компьютер
  • Откройте шаблон в текстовом редакторе (убедитесь, что вы установили настройки для просмотра обычного текста)
  • Скопируйте и вставьте HTML из текстового редактора в редактор WYSIWYG
  • Внесите необходимые изменения в шаблон (поменяйте местами изображения, измените цвета и т. д.)

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

2. Stripo (300+ HTML-шаблонов писем)

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

После того, как вы создадите письмо с помощью Stripo, вам нужно будет экспортировать его в свой ESP (поставщик услуг электронной почты) для отправки.Если вы являетесь клиентом Sendinblue, это очень просто благодаря интеграции Stripo с Sendinblue. Бесплатный план Stripo позволяет экспортировать 4 раза в месяц в ESP.

3. Кленти (120+ шаблонов писем)

Klenty — это платформа для взаимодействия с продажами, которая позволяет персонализировать охват продаж и отслеживать потенциальных клиентов в любом масштабе. Он имеет встроенную интеграцию с наиболее популярными CRM, такими как Pipedrive, Zoho, Hubspot и Salesforce. Они содержат множество ресурсов, таких как подробные блоги, которые можно добавлять в закладки, шаблоны электронной почты, которые можно легко копировать и вставлять в свой почтовый ящик, и загружаемые электронные книги, которые вы можете читать в своем собственном темпе.

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

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

4. Электронная почта на Acid (6 бесплатных шаблонов электронной почты)

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

В дополнение к упомянутым выше инструментам, в email on acid есть несколько бесплатных адаптивных шаблонов писем, которые доступны пользователям бесплатно.

5. Лакмус (36 бесплатных шаблонов писем)

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

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

Шаблоны сообщества охватывают шаблоны электронной почты для 4 основных областей:

  • Шаблоны сообщений электронной почты с обновлением продукта (всего 7)
  • Шаблоны электронной почты электронной коммерции (всего 10)
  • Шаблоны электронной почты управления учетной записью (всего 6)
  • Шаблоны электронной почты общего назначения (всего 8)

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

6. Dyspatch (бесплатные шаблоны электронной почты с открытым исходным кодом)

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

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

7. BEE (200+ шаблонов писем)

BEEFree — это редактор электронной почты с более чем 200 профессионально разработанными шаблонами электронной почты. Выберите свой шаблон и настройте его в соответствии с вашим брендом. Затем просто загрузите ZIP-файл, содержащий HTML-код электронной почты, который позже будет отправлен из вашего ESP.

Если вы являетесь пользователем Sendinblue, вы можете экспортировать шаблоны непосредственно в Sendinblue после обновления до BEEPro.

8. 99Designs (45 бесплатных адаптивных шаблонов электронной почты)

99designs — это онлайн-торговая площадка графического дизайна, которая объединяет предприятия с внештатными дизайнерами.

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

Галерея состоит из 3 различных тем с 3 типами шаблонов электронной почты для каждой темы. Каждый тип шаблона также представлен в 5 различных цветовых вариантах.

9. Antwort (3 бесплатных шаблона электронной почты)

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

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

Эти электронные письма будут отображаться либо в виде нескольких столбцов, либо в виде одного столбца со строками в зависимости от того, использует ли читатель настольное или мобильное устройство (соответственно). Это устраняет необходимость компромисса в дизайне.

10. Pixelbuddha (15 бесплатных шаблонов писем)

PixelBuddha — это онлайн-сообщество, посвященное предоставлению бесплатных и премиальных ресурсов по дизайну в одном месте.

В дополнение к шаблонам веб-сайтов и другим доступным ресурсам графического дизайна, на сайте также есть 15 шаблонов электронной почты в разделе «Халява», которые вы можете скачать.

Обращаюсь к вам: используйте шаблоны электронной почты для своей следующей кампании

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

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

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

Чтобы получить больше подобного контента, подпишитесь на нашу рассылку и подпишитесь на нас в Twitter и Pinterest!

шаблонов электронной почты — дизайн шаблонов электронной почты

Если вы отправляете ежедневное электронное письмо своим друзьям или семье, вы просто набираете несколько строк, нажимаете «Отправить», и все готово. Но если вы хотите произвести хорошее впечатление на потенциальных клиентов или подписчиков, профессионально разработанные шаблоны электронных писем могут стать отличным способом убедиться, что ваше электронное письмо оказывает то влияние, которое вы хотите.

Вот краткое изложение основных типов шаблонов электронной почты , доступных в нашей коллекции (более тысячи ресурсов!), А также несколько советов по составлению, форматированию и отправке эффективных электронных писем. Помните: все эти шаблоны объединяет качество. Все они были созданы талантливыми профессионалами и проверены вручную нашей командой перед поступлением в продажу.

Так какая же коллекция?

Какое письмо вы хотите написать? Вот несколько идей о типах шаблонов, которые вы можете искать в соответствии с вашими потребностями.

  • Информационные бюллетени . Совершенно очевидно, что это самая большая категория и самый популярный тип шаблонов электронной почты. Информационные бюллетени — это универсальный способ поддерживать постоянную связь с вашими клиентами или поклонниками. Вы можете использовать их для предоставления обновлений, советов или обучения, запуска продуктов и многого другого. Не забывайте, что вашим пользователям не нужно ежедневно заваливать сообщениями (как и вам!), Поэтому используйте этот инструмент с умом.
  • Каталоги. Иногда вы просто хотите перейти к делу и немного продать.В этом случае шаблоны каталогов электронной почты — отличный способ продемонстрировать ваши продукты, чтобы они выглядели соблазнительно и просто требовали нажатия. Вы можете выбрать общий шаблон, который будет работать практически для любого типа продукта и рынка, или вы можете выбрать шаблоны электронной почты, которые были разработаны для конкретной отрасли.
  • Электронная почта. Если вы хотите отправлять по почте профессионально оформленные письма, вы вкладываете деньги в лучшие канцелярские товары. Верно? То же правило действует и с электронной почтой.Эти шаблоны канцелярских принадлежностей универсальны, что позволяет вам легко настраивать их с использованием вашего собственного бренда и контента, будучи уверенным в том, что они будут отлично смотреться на широком спектре устройств и программного обеспечения электронной почты.

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

После того, как вы нашли свой шаблон: о чем следует помнить

Шаблоны здесь готовы для вас, чтобы вы их написали и отправили, так что вам не придется слишком беспокоиться о дизайне. Но если вы действительно хотите сделать много настроек — вы можете! Помимо того, что они готовы к использованию «из коробки», они также являются полностью настраиваемыми . Насколько сильно вы хотите настроить — решать только вам.

А как насчет , технические детали ? Что вам нужно знать об HTML и дизайне, чтобы использовать эти шаблоны электронной почты? Что ж, когда доходит до технической стороны таких вещей, как код и совместимость браузера / платформы / экрана, шаблоны позаботятся об этом за вас.Но если необходимая настройка особенно уникальна, потребуются некоторые навыки работы с HTML.

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

15 HTML-шаблонов электронной почты, которые можно использовать, чтобы улучшить свое влияние на маркетинг электронной почты

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

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

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

15 HTML-шаблонов электронной почты, которые можно использовать, чтобы улучшить маркетинговое воздействие электронной почты:

15 HTML-шаблонов электронной почты, которые вам понравятся

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

Шаблоны электронной почты в формате HTML, которыми мы делимся здесь, помогут вам этого избежать. Вы можете использовать эти великолепные маркетинговые шаблоны электронной почты как есть (просто изменить контент и изображения) или улучшить свои навыки программирования и настроить шаблоны HTML в соответствии с вашими конкретными потребностями.Эти шаблоны являются отличной отправной точкой для создания полностью индивидуализированного маркетингового письма, которое будет замечено.

Стоимость: 18 долларов

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

Стоимость: Бесплатно (необходимо создать учетную запись Litmus)

Pook — это современный набор шаблонов от Litmus, который включает HTML-шаблоны электронной почты для всего, от информационных бюллетеней электронной почты до управления учетной записью.Это маркетинговая тема, которую вы можете использовать для развития своего бизнеса и установления связи с аудиторией. Все шаблоны были протестированы с помощью Litmus, и вы можете использовать раздел Email Previews в конструкторе Litmus, чтобы увидеть, как ваша электронная почта будет выглядеть в различных почтовых клиентах.

Стоимость: Бесплатно

Если вы ресторанный маркетолог, влиятельные лица в сфере продуктов питания или имеете другой бизнес, связанный с едой, вам понравится этот HTML-шаблон электронной почты Restaurant HTML от Colorlib.Шаблон адаптивный, адаптируемый и гибкий.

Стоимость: Бесплатно с электронной почтой

Green Village — это минималистичный шаблон электронной почты от Pixelbuddha, который можно адаптировать и настроить для различных нужд. Он хорошо работает с мобильными устройствами, настольными браузерами и многими почтовыми клиентами. Загружаемый шаблон включает исходники HTML и PSD.

Стоимость: $ 24

Kara — полностью адаптивная тема с доступом к построителю тем, доступным через Themeforest.Он протестирован Litmus, использует оптимизированный HTML и имеет макет из трех столбцов, который можно использовать с Campaign Monitor и Mailchimp.

Стоимость: Бесплатно

Sonata — это HTML-шаблон электронной почты, созданный Web Canopy Studio и доступный пользователям HubSpot бесплатно. Шаблон элегантный и чистый и, что самое главное, полностью настраиваемый.

Стоимость: Бесплатно

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

Стоимость: Бесплатно

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

Стоимость: 16 $

Miley — еще один минималистичный отзывчивый HTML-шаблон электронной почты в нашем списке.Он совместим со всеми основными службами электронного маркетинга и поддерживает несколько макетов сетки, а также позволяет изменять типографику и цвета. Он включает 30+ вариантов макета и специально разработанные элементы.

Стоимость: Бесплатно

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

Стоимость: Бесплатно

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

Стоимость: Требуется подписка Envato Elements от 16 долларов США.50 / месяц

Space — это полностью адаптивный набор шаблонов электронной почты от Envato Elements. Он протестирован Litmus и совместим с CastelLab Builder, Mailchimp и Campaign Monitor. Файлы HTML также работают с Constant Contact, iContact и AWeber.

Стоимость: 20 долларов

BlauMail включает в себя многоцелевые HTML-шаблоны электронной почты для всего, от надежных маркетинговых кампаний по электронной почте до транзакционных писем. Набор шаблонов включает 42 шаблона и 170 многоразовых модулей.Он использует гибридный резервный вариант для обеспечения совместимости с более чем 70 приложениями и устройствами, включая популярные клиенты, такие как Apple iPhone, Gmail, Apple iPad, Outlook, Apple Mail, Samsung Mail, Google Andoirce, Yahoo! Почта и Почта Windows Live.

Стоимость: Бесплатно

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

Стоимость: Бесплатно

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

Зачем нужен шаблон электронной почты?

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

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

Без сомнения, правильный HTML-шаблон электронной почты может означать успех ваших маркетинговых кампаний по электронной почте. И электронная почта важна. На каждый доллар, потраченный на электронный маркетинг, вы можете получить 42 доллара взамен (умопомрачительная прибыль 4200%). Кроме того, 60% потребителей говорят, что они совершили покупку в результате маркетингового электронного письма (Постоянный контакт). Наличие в вашем распоряжении достойного HTML-шаблона электронной почты упрощает и ускоряет получение прибыли вашим почтовым маркетингом.

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

Особенности дизайна, которые следует искать в шаблонах электронной почты HTML

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

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

Что входит в дизайн электронной почты?

Отличный дизайн электронного письма состоит из пяти компонентов:

  • Макет
  • Типографика
  • Цвет
  • Изображения и другие визуальные средства массовой информации
  • Призыв к действию

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

Макет электронной почты

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

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

Источник: действительноgoodemails.com

Макет с двумя столбцами показывает содержимое в два столбца. Контент обычно отображается в виде буквы F или зигзагообразного узора, что способствует сканированию или беглому просмотру. Пробелы важны для электронных писем, в которых используется макет из двух столбцов, они помогают избежать загромождения электронного письма и помогают читателям понять, где они должны искать. Вот как выглядит двухколоночный макет:

Источник: действительноgoodemails.com

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

Цвета

Цвета обычно используются в маркетинге, чтобы вызывать у потребителей различные эмоции. Это делает их важной частью ваших HTML-шаблонов электронной почты. Если у вас уже есть фирменные цвета, выбрать цвета для шаблонов электронной почты будет несложно — просто используйте фирменные цвета (если у вас нет фирменных цветов, вам нужно над этим поработать).В дополнение к цветам вашего бренда, ваши электронные письма, вероятно, будут содержать акцентные цвета на таких элементах, как кнопки, гиперссылки и т. Д.

Типографика

Выбор правильного шрифта жизненно важен для успеха вашего электронного маркетинга. Это может означать разницу между подписчиками, читающими ваш контент, или нет. Если ваш шрифт не читается и не нравится глазу, читатели перестанут читать. Вот пример удачного использования типографики:

Источник: действительноgoodemails.com

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

Изображения и другие визуальные средства массовой информации

В большинстве случаев стена с текстом — верный способ убедить подписчиков удалить ваше письмо, не читая его. Хотя в некоторых маркетинговых кампаниях по электронной почте можно обойтись только текстом, вы захотите чаще использовать изображения и другие визуальные средства. Изображения и GIF-файлы способствуют вовлечению и взаимодействию и разбивают текст в электронном письме, чтобы дать читателям возможность отдохнуть.Если вы не хотите, чтобы ваши электронные письма были слишком загружены изображениями (и рисковали медленной загрузкой), вы также можете использовать форматирование текста, например полужирный текст и маркеры, чтобы не отвлекать внимание читателей. Если вы ведете бизнес электронной коммерции или занимаетесь нишей в индустрии с высоким уровнем визуализации, разумно выбирайте изображения и сжимайте их, чтобы уменьшить размер электронного письма.

Призыв к действию

Каждое электронное письмо, которое вы отправляете, должно включать призыв к действию. Это означает, что все создаваемые вами HTML-шаблоны электронной почты должны включать место для вашего призыва к действию.Ваш призыв к действию (CTA) — это то, что вы хотите, чтобы читатели сделали после того, как прочитали ваше письмо. Типографика и цвета будут играть важную роль в вашем призыве к действию. Вам нужно использовать цвет, который выделяется на фоне остального дизайна и привлекает внимание. Вот пример призыва к действию, который привлекает внимание, но при этом вписывается в общий вид электронного письма:

Источник: действительноgoodemails.com

Начните свой маркетинг с помощью HTML-шаблонов электронной почты

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

.

No related posts.

Автор записи

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

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