Старый топик с подборкой шаблонов для E-mail рассылок, который я писал еще в 2013 году, принес приличное количество посетителей в наш блог, да и до сих пор приносит. В связи с тем, что бесплатные html шаблоны для E-mail рассылок людям интересны, я решил сделать продолжение темы и собрал новую коллекцию E-mail шаблонов на чистом HTML. Как не странно, за два года в бесплатном доступе появилось не так уж и много бесплатных решений, но то, что удалось найти, значительно превосходит по качеству любой шаблон из старой статьи.
E-mail рассылки, несомненно, мощнейший инструмент маркетолога, но пользоваться им нужно очень осторожно. Наш народ никогда не был в восторге от рекламных писем в почтовом ящике, но если вы хороший маркетолог, то сумеете войти в контакт с получателем письма. Данная подборка не решит всех проблем, связанных с рассылками и даже не поможет их обойти, ведь обратит внимание получатель на ваше письмо, удалит или отправит его в спам, зависит не от того, какой красивый в шаблоне будет дизайн, а от содержимого. Все, что я хотел сказать этой фразой — не шлите спам или каких-либо шаблонных предложений. Используйте эти
Еще раз повторю, не рассылайте спам, лучше применить эти шаблоны для рассылки различных поздравлений для ваших клиентов с праздниками. Если у вас есть интернет-магазин и имеется база пользователей, которые действительно хотят получать от вас письма, можете на остове любого html шаблона сделать рассылку с оповещением о какой-либо акции или скидке.
Смотрите также:
30 html шаблонов для email рассылок
Бесплатный HTML + PSD E-mail шаблон: PHStock Template
Современный HTML шаблон для E-mail рассылок с большой фоновой картинкой. Выполнен по подобию одностраничных сайтов / Landing Page. В нем есть маленькая галерея изображений, исходя из этого можно предположить, что данный шаблон будет полезен фотографам или дизайнерам.Приятным дополнением является наличие PSD исходника. Он вам понадобится, если вы решите существенно изменить внешний вид.
Passion — адаптивный E-mail шаблон
Преимуществ в шаблоне Passion много — это адаптивность, современность, универсальность и т. д. Очень радует наличие огромной фоновой картинки и множества сверстанных блоков различных концепций, включая сетку с галереей, которые облегчат адаптацию шаблона под ваши потребности.Адаптивный E-mail шаблон для интернет-магазина
Данный шаблон является полностью адаптивным и отлично подойдет для рассылки различных акционных предложений из вашего интернет-магазина.Помимо этого, после скачивания, в архиве вы найдете несколько цветовых вариантов оформления. Также есть отдельная папка с вариантом верстки для популярного сервиса E-mail рассылок
Бесплатный E-mail шаблон для мероприятия
Очень простой HTML шаблон для E-mail рассылок с крупной фоновой картинкой. Изначально заточен под рассылку с предложением посетить мероприятие, или напоминание о грядущем событии. В архиве есть PSD. Не могу сказать, что я от этого шаблона в восторге, но на безрыбье и рак рыба.Cupcake — E-mail шаблон в плоском стиле
Простенький, но универсальный шаблон в стиле Flat (плоский стиль). Подойдет практически под любую тематику.Green Village — хипстерский E-mail шаблон для блогера
E-mail шаблон Green Village выглядит немного по-хипстерски. Отлично подойдет для рассылки еженедельного дайджеста новостей или записей с вашего блога. В архиве вы найдете сам шаблон и его исходник в формате PSD.Bella — E-mail шаблон в стиле минимализм
Отличный минималистичный бесплатный шаблон с крупной и очень красивой картинкой на фоне. Шаблон подойдет практически для любых целей, таких как рекламная рассылка и пр. Есть PSD.Photon — E-mail шаблон для фотоблога
Хороший, современный шаблон для осуществления различных рассылок. Подходит для любых целей, но изначально позиционируется как E-mail шаблон для фотосайта.KATAUSTRIA — адаптивный Email шаблон
Модный, бесплатный адаптивный шаблон с большим фоновым изображением, который послужит хорошим инструментом для вашей маркетинговой кампании.Boxi — бесплатный E-mail шаблон в стиле Meto / Flat
Интересный шаблон, который совмещает два стиля: Meto и Flat. Состоит из блоков в виде сетки, которые выполняют разные задачи — блоки с тестом, блоки с социальными кнопками, блок с изображением и пр.Miks Blogger Newsletter — универсальный E-mail шаблон для блогера
Чистый шаблон с откликами ушедшего в прошлое Retro стиля. Хотя дизайн мне очень нравится. Есть PSD.Новостной HTML + PSD Email шаблон
Чистый шаблон для почтовых рассылок в светлых тонах, предназначен для рассылок новостей с новостного сайта или блога.Автор шаблона заявляет, что его творение хорошо работает на:
Apple Mail 4, 5, 6
iPhone 5, 4S, 4, 3gs, iPad
AOL Mail Firefox, Explorer, Chrome
Hotmail Firefox, Explorer, Chrome
Gmail Firefox, Explorer, Chrome
Yahoo! Mail Firefox, Explorer, Chrome
Thunderbird текущая версия, Thunderbird 3.0
Outlook.com (Firefox), Outlook.com (Explorer), Outlook.com (Chrome)
Lotus Notes 8.5, Lotus Notes 8, Lotus Notes 7
12 универсальных шаблонов для рассылок
В архиве вы найдете 12 вариантов оформления одного шаблона.Бесплатный E-mail шаблон в зеленых тонах
Шаблон с довольно древним дизайном. Я бы его и не включал в данную подборку, но в нем есть несколько преимуществ, которые редко встретишь в бесплатных аналогах — это наличие версии для сервиса рассылок MailChimp.3 бесплатных рождественских E-mail шаблона
После скачивания, в архиве весов 29 мегабайт вы найдете 3 абсолютно разных шаблона рождественской тематики. Отличное решение для поздравления клиентов с Новым Годом.Хоть праздники уже давно прошли, но, возможно, вы читаете данный пост в декабре 2015 или даже 2016. В таком случает вам повезло. Если вы человек из будущего, то, надеюсь, у вас уже за окном летают автомобили и все у всех хорошо.)
Винтажный Email шаблон
Чистенький винтажный шаблон с вариантом разметки под MailChimp, то есть в него уже внедрены необходимые MailChimp теги.E-mail шаблон для рассылок с кулинарного сайта
Шаблон в зеленых тонах кулинарной тематики. Есть PSD и версия с разметкой MailChimp.Classic Newsletter — шаблон с разметкой MailChimp
Еще один адаптивный шаблон с внедренными тегами MailChimp. В архиве есть все исходники, включая PSD и вариант верстки на чистом HTML.Apps Newsletter — E-mail шаблон для рекламы мобильного приложения
Шаблон Apps Newsletter отлично подойдет для тех, кто продвигает свое мобильное приложение. В нем предусмотрено много блоков, в которые можно вписать все преимущества продукта.Professional Newsletter
Неплохой шаблон, который можно использовать тем, кто рекламирует свои услуги средствами E-mail рассылок. В частности, он заточен под услуги создания сайта, но вы можете адаптировать графику как угодно.Я не разработчик, просто интернет-маркетолог. Когда я впервые занимался дизайном писем по электронной почте, у меня не было никаких знаний HTML. Несколько дней я изучал основные понятия HTML.
Хотя я легко понял основы HTML, понял, что ширина электронных писем в формате HTML не должна превышать 600 пикселей, но я понятия не имел, почему сообщение электронной почты плохо отображается в Outlook 2007, но правильно отображается в моей почте Yahoo.
Сегодня эта ситуация еще хуже, так как шаблоны писем необходимо оптимизировать для мобильных устройств. Так что это определенно не то, чему онлайн-маркетолог, как я, должен учиться. Хорошая новость заключается в том, что если вы будете искать тщательно, вы сможете найти множество бесплатных шаблонов email-писем в Интернете.
Если вы нашли эту статью, вы уже отлично поработали, так как мы потратили 20 + часов, чтобы найти все эти бесплатные гибкие шаблоны рассылок и поделиться ими с вами. На нашем сайте тоже есть шаблоны для email, возможно, вы найдете там массу полезной информации.
Antwort (1)
Antwort верит в отзывчивый дизайн. Согласно их философии, пользователи настольных компьютеров не должны недооценивать дизайн электронной почты с одним столбцом, который фактически предназначен для мобильных устройств.
Вместо этого они хотят, чтобы у вас был потрясающий дизайн электронной почты, который привлекателен для пользователей настольных компьютеров и мобильных пользователей. Проверьте их на гибкий дизайн электронной почты, который обслуживает всех пользователей, настраивается и имеет отличную поддержку среди разных почтовых клиентов.
Вот как выглядит шаблон Antwort в Outlook и мобильном устройстве:
Behance (100+)
Behance — это онлайн-ресурс для дизайнеров, который может поделиться практически любым графическим проектом. Пользователи и команды из всех отраслей по всему миру могут зайти сюда, чтобы опубликовать свои работы, чтобы поделиться с сообществом разработчиков.
Найдите их сайт для бесплатных шаблонов писем , как показано ниже, и вы найдете сотни настраиваемых шаблонов писем от пользователей, которые вы можете использовать и адаптировать к своему бизнесу.
Cerberus (1) от @TedGoas
Cerberus — это набор email-шаблонов для стильной рассылки по электронной почте, которые можно модифицировать и использовать для всех ваших нужд. Он включает в себя не только гибкие, но и гибридные модели. Эти шаблоны поддерживаются среди основных почтовых клиентов, таких как Gmail, почта Yahoo, почта iOS и все версии Outlook.
Посмотрите, как выглядит шаблон Cerberus для настольных и мобильных устройств ниже:
Digith (3)
Digith , агентство креативного развития, предоставляет вам 3 бесплатных шаблона электронной почты и несколько дополнительных шаблонов. Просто прокрутите страницу, чтобы найти 3 бесплатных шаблона. Все бесплатные email-шаблоны имеют современный, привлекательный дизайн, и вы можете выбирать между темными и светлыми цветами для вашего шаблона.
Они легко настраиваются и готовы адаптироваться прямо сейчас для ваших деловых потребностей! Скачивание шаблона требует только того, чтобы вы делились сайтом в социальных сетях, таких как Facebook, Twitter или Google Plus.
3 бесплатных шаблона электронной почты Digith:
Dribbble (90+)
Dribbble похож на онлайн-шоу; он объединяет сообщество талантливых дизайнеров, чтобы поделиться своими уникальными проектами. Являетесь ли вы веб-дизайнером, графическим дизайнером или иллюстратором, в Dribbble приветствуются всевозможные работы.
Пользователи загрузили более 90 дизайнов, которые относятся к гибким шаблонам электронной почты, и результаты широко варьируются. Хотя некоторые проекты требуют оплаты, многие из них доступны бесплатно.
Email Blueprints от MailChimp (6)
MailChimp создал 6 бесплатных шаблонов для рссылки. Эти шаблоны представляют собой хорошую основу для ваших писем, и на выбор предлагаются различные макеты.
Шаблоны электронной почты Blueprints доступны в Github без создания учетной записи и могут быть экспортированы в любой поставщик услуг электронной почты по вашему выбору.
Email от Acid (1)
Email от Acid , популярный поставщик программного обеспечения для специалистов по маркетингу электронной почты. Команда Acid создала этот отзывчивый шаблон, который вы можете адаптировать и использовать для своих бизнес-потребностей. Шаблон, как показано ниже, поддерживает 1-3 столбца, в зависимости от размера экрана.
Что нам больше всего нравится в этом шаблоне, так это разнообразие размеров экрана, которые он поддерживает. Шаблон предлагает три различных варианта, включая ПК, вид планшета среднего размера и вид смартфона, который гарантирует красивую рассылку электронной почты для вашей аудитории независимо от размера экрана.
GitHub (240+)
GitHub — это веб-сайт, посвященный онлайн-проектам, который поощряет пользователей работать вместе с помощью программного обеспечения с открытым исходным кодом, и он не ограничивается только шаблонами электронной почты! С помощью поиска мы нашли 240 настраиваемых шаблонов электронной почты, которые являются бесплатными и доступны для загрузки. Посмотрите пример, отзывчивое и настраиваемое письмо под названием Salted.
Litmus (30)
Litmus предлагает выбор из пяти готовых шаблонов электронной почты, которые были протестированы более чем в 50 почтовых клиентах. Выбор включает в себя электронное письмо с обновлением продукта, электронную почту с транзакциями, письмо с простым сообщением и стационарное. Эти шаблоны не поддаются проверке, поскольку они тестируются в Litmus; работают в Outlook!
Ниже представлены только 2 из 5 доступных шаблонов Litmus:
В сообществе Litmus вы также можете найти еще 25 шаблонов для email-рассылок. Доступные шаблоны, созданные некоторыми из лучших дизайнеров в маркетинге электронной почты, включают в себя все: от запуска нового продукта, до электронной коммерции, приглашений на мероприятия и электронной почты для управления учетными записями. Если ваша идея не подходит ни к одной из этих категорий, вы можете настроить подобный шаблон по своему вкусу.
MailChimp (130+)
В MailChimp вы можете найти более 130 бесплатных шаблонов электронной почты в библиотеке шаблонов, просто создав бесплатную учетную запись.
Когда вы становитесь подписчиком на MailChimp, вы можете мгновенно получить доступ к тоннам бесплатных шаблонов электронной почты в своей собственной электронной библиотеке. На выбор можно выбрать несколько категорий шаблонов, включая электронную коммерцию, события, праздничные дни, информационные бюллетени и уведомления.
Для тех, кто просто ищет базовые шаблоны, MailChimp также имеет более 20 на выбор. Однако, если вы не используете MailChimp в качестве ESP, важно отметить, что вам может быть сложно экспортировать HTML-код вашего шаблона в ESP по вашему выбору.
Pixel Buddha (3)
Ознакомьтесь с веб-сайтом Pixel Buddha для эксклюзивного контента. Идея Pixel Buddha заключается в создании источника больших ресурсов для профессионального дизайнерского сообщества, включая бесплатное и премиальное программное обеспечение, веб-продукты, шаблоны, значки, шрифты и темы.
Они предлагают 3 бесплатных адаптивных шаблонов писем, в том числе шаблон Хэллоуина , шаблон для праздника и шаблон Passion.
Обязательно ознакомьтесь с другими бесплатными предложениями , которые доступны для вас — вы никогда не знаете, когда это пригодится! См. Шаблон электронной почты ниже. Его также легко настроить, если вы хотите адаптировать его для другого мероприятия или праздника.
Responsive Patterns (30+) от @briangraves
Созданные Брайаном Грейвсом, отзывчивые шаблоны электронной почты — это сборник более 30 бесплатных шаблонов электронной почты, которые позволяют настраивать собственный дизайн электронной почты.
Сколько столбцов вы хотите? Где будут изображения? С помощью этого веб-сайта вы можете выбирать из разных макетов, навигации, сетки, медиа и шаблонов списков, чтобы создать любой дизайн электронной почты, о котором вы можете думать.
См. Следующие варианты дизайна электронной почты:
Sendwithus (14+)
Еще один отличный веб-сайт для бесплатных шаблонов электронной почты — Sendwithus. Они предлагают 14 бесплатных шаблонов электронной почты, которые были разработаны их сообществом. Посмотрите все шаблоны, и вы обнаружите, что каждый может быть настроен 9 различными способами!
Мы нашли шаблон Neapolitan , чистый шаблон с минималистичным дизайном, очень привлекательный. Вы можете выбрать шаблон для загрузки на основе типа сообщения. Доступными сообщениями являются: подтверждение, приглашение на мероприятие, счет недавней покупки, обновление продукта и приветственные письма.
См. Доступные шаблоны Neapolitan ниже:
Шаблоны для Marketo (6) от @jennamolby
На веб-сайте Дженны Мольбы вы можете найти полезные советы в области маркетинга электронной почты и 6 бесплатных шаблонов писем электронной почты, которые готовы для ваших деловых потребностей.
Каждый шаблон имеет уникальный дизайн, начиная от нескольких рассылок и заканчивая прямыми призывами к действию, и они уже были протестированы на всех основных почтовых клиентах для обеспечения совместимости. Вы даже можете просмотреть предварительный просмотр электронной почты перед загрузкой, чтобы убедиться, что вы выбрали правильный вариант, или вы можете просто загрузить их все!
Themezy (20+)
Еще один отличный и бесплатный ресурс для маркетологов электронной почты — Themezy. Посетите их веб-сайт для различных бесплатных шаблонов электронной почты и веб-сайтов.
Как видно ниже, Themezy собрал 16 бесплатных шаблонов писем для загрузки и начала настройки сегодня. Вы можете найти еще больше шаблонов от других участников.
Создайте учетную запись, следуйте за другими участниками и ознакомьтесь с настраиваемым контентом, которым они делятся с другими пользователями.
Web Design Ledger (15)
Посмотрите список 15 удивительных и свободные реагирующих шаблонов писем, которые они собрали. Каждый шаблон доступен для бесплатной загрузки для вас, и они из разных источников. Этот веб-сайт, который призван помочь веб-разработчикам и графическим дизайнерам, имеет несколько других полезных ресурсов для вас. Возможно, вам понравятся их графические учебные пособия или их статьи в области электронной коммерции, которые станут вдохновением для ваших будущих проектов.
Просмотрите один из доступных шаблонов:
Zurb (5)
Zurb, консалтинговая компания по дизайну, которая верит в проектирование с учетом потребностей клиента, разработала 5 шаблонов электронной почты, чтобы вы могли начать использовать в своих проектах рассылки электронной почты.
Вы можете выбрать между основным шаблоном электронной почты, шаблоном с большим изображением баннера, информационным бюллетенем, шаблоном с боковой панелью для навигации и шаблоном с боковой панелью и большим баннером.
Шаблоны электронной почты Zurb’s 5:
99 дизайнов (3)
99 дизайнов создали 3 бесплатных email-шаблона для удовлетворения ваших маркетинговых потребностей, и вы можете скачать их без регистрации. В зависимости от сообщения, которое вы хотите отправить своей аудитории, вы можете выбрать один из следующих шаблонов: традиционный бюллетень электронной почты, который содержит три истории, рекламную электронную почту, которая объявляет новый продукт или услугу, и персонализированный шаблон электронной почты.
См. Изображение ниже:
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
Несмотря на то, что большая часть общения онлайн перешла в социальные сети, почтовые рассылки по-прежнему остаются важной частью любой маркетинговой кампании.
Говоря о маркетинговых рассылках, первое, что приходит на ум, это не простые сообщения, а HTML-письма.
Создание писем во многом похоже на создание простых веб-страниц, но следует учитывать некоторые ключевые различия. Также не забывайте о том, что электронное письмо это в большей степени средство навязывания, чем привлечения.
Люди часто получают огромное количество электронных писем, и не всегда они приходят в удобное время (в отличие от вебсайта, который пользователи посещают в определенное время). А это значит, что у вас есть всего доля секунды, чтобы привлечь их внимание прежде, чем они перейдут к следующему письму.
Не забывайте, что у вас есть всего лишь мгновение, чтобы привлечь внимание читателя, и составление эффективных электронных рассылок будет легче и приятнее.
Мобильные решения или провал
Поскольку большинство людей сегодня проверяет почту со своих мобильных устройств (почти половина всех писем читаются через мобильные приложения), бессмысленно тратить время на создание красивых рассылок, если они будут отображаться некорректно.
В конце концов, если письмо выглядит плохо или совсем не читается, когда ваши подписчики проверяют почту со своего мобильника, то каковы шансы, что они проверят его позже за рабочим компьютером? Готов поспорить, ничтожно малы. В действительности большинство из них скорее всего удалит письмо, или, что гораздо хуже, отпишется от рассылки.
Есть два решения для мобильных устройств. В первом случае вы можете создать письмо, изменяющее свои размеры и размеры элементов внутри в соответствии с размерами экрана пользователя. Этого будет вполне достаточно для простых дизайнов. Либо вы можете создать «отзывчивый дизайн» (responsive design), адаптирующийся к различным размерам экранов.
Каждое из решений имеет свои преимущества и недостатки. Первый подход достаточно легко реализуем в плане кода, и вероятнее всего будет работать практически на любом устройстве. Но он подходит только для очень простых шаблонов, хорошо различимых даже при значительном уменьшении размеров экрана.
Отзывчивый дизайн гораздо сложнее в разработке, и поддерживается не всеми мобильными браузерами (хотя, поддержка вероятнее всего будет улучшаться со временем).
Отзывчивый дизайн
Отзывчивый дизайн вероятно будет более практичен для большинства ваших HTML рассылок, чем просто макет изменяющий свои размеры. Все потому, что на маленьком экране сжатое письмо скорее всего станет трудночитаемым.
Мы уже обсудили, почему важно разработать мобильное решение для ваших рассылок. Теперь несколько моментов, о которых необходимо помнить при непосредственном проектировании шаблонов письма. Следующие пункты следует применять для мобильных макетов, но они могут быть адаптированы и для крупноэкранных версий ваших писем.
- Ваш макет должен быть достаточно узким, примерно в диапазоне от 500 до 600 пикселей. Это обеспечит правильное отображение письма и на настольных, и на мобильных устройствах и уменьшит вероятность того, что оно разъедется при изменении размеров.
- Убедитесь, что выбран достаточно крупный шрифт. Обращайте внимание на минимальные размеры шрифтов для различных платформ, иначе ваш текст может оказаться больше задуманного размера и испортить макет. Например, минимальный размер шрифта для iOS-устройств – 13 пикселей.
- Элементы по которым можно «тапнуть» должны быть пригодны для этого. Это значит, что вы должны сделать их достаточно большими и изолированными от других ссылок, чтобы пользователь мог легко активировать их с первой попытки (потому что, возможно, у вас не будет второй).
- Не стесняйтесь использовать
display:none
чтобы скрыть ненужные элементы. То, что удобно на экранах настольных компьютеров или даже планшетов становиться раздражающим мусором на экране смартфона. «Меньше – лучше» – девиз для маленьких экранов.
Найдите время чтобы наметить оба каркаса дизайна и для мобильной и для настольной версии перед тем как начать писать код. Это стоит того. Обратите особое внимание на то где расположен призыв к действию и другая важная информация. Для мобильной версии это наиболее существенно.
Типографика
В то время как множество дизайнеров концентрируются на графической составляющей писем, типографика является более важной (даже чем на многих сайтах) частью. Учитывая то как много почтовых клиентов по умолчанию блокируют загрузку картинок, может получиться так что текстовое содержание единственная вещь которую увидят ваши получатели.
Рассмотрите возможность использования крупных шрифтов чтобы увеличить разборчивость текста независимо от размера экрана. Помните о длине строк на различных экранах. Они не должны быть слишком длинными или короткими. В первом случае глазам будет тяжело переходить со строки на строку, а во втором возникнет необходимость лишней прокрутки экрана.
Используйте заголовки и другое форматирование чтобы сделать текст читаемым по диагонали, особенно если у вас больше пары абзацев.
В целом, типографика для рассылок не очень отличается от типографики для веба, за исключением ранее упомянутого факта, что она будет первой и возможно единственной из того что увидят читатели.
Для различных целей различные письма
Существует разнообразное множество видов писем которые вы можете отправлять вашим подписчикам (или разрабатывать для ваших клиентов в случае веб студии например). Каждое из них имеет собственное предназначение и каждое должно быть сделано так чтобы наилучшим образом удовлетворять ему.
Новостные рассылки
Новостные рассылки являются одним из наиболее распространенных типов писем. Зачастую они содержат много ссылок с небольшими порциями сопровождающих текстов, реже контентом являются длинные статьи. И в том и в другом случае велика вероятность того что в письме не будет одного ярко выраженного призыва к действию, а вместо это будет несколько ссылок.
Такая особенность бросает вызов дизайнерам и авторам текстов так как от них зависит соблюдение сбалансированности содержания письма. Часто это выглядит как привлекающая внимание история или ссылка с дополнительным содержанием получающим меньший вес.
Например, рассылка от Plastyk с отличным притягательным дизайном.
Уведомления
Другой распространенный тип рассылок это уведомления (также иногда называемые триггер-письмами). Письма посылаемые фейсбуком когда кто-то отправляет запрос на дружбу или твиттером когда у вас появляется новый читатель – примеры таких рассылок. Иногда они также могут содержать объявления, например уведомление об изменение политики конфиденциальности на сайте. Несмотря на то что это уведомления, зачастую они подразумевают какое-то действие от вас (например, в вышеуказанных случаях, проверка аккаунта). Такие письма, как правило, очень короткие и по существу, с ярко выраженным призывом к действию.
Как пример письмо от Proper Labs. Объявление о запуске новой версии сайта.
Письма с транзакциями
Письма с транзакциями отправляются когда пользователь определенным образом взаимодействует с сайтом или компанией. Это может быть совершенная покупка или подписка на что-то, или например незавершенная покупка в интернет магазине. Такие письма служат либо для предоставления информации пользователю (как в случае подтверждения заказа например), либо побуждают вернуться на сайт (как в случае с заброшенной корзиной).
Хороший пример письма с транзакцией – One Eyed Cat. Также оно отлично показывает, как оффлайновая компания может использовать email маркетинг.
Маркетинговые письма
Маркетинговые письма отправляются тогда, когда компания хочет наладить сотрудничество с вами. Они могут содержать в себе «специальное предложение», новый продукт или что-то подобное. Зачастую эти письма значительно отличаются от тех которые компания отправляет в других случаях.
Эти письма предназначены специально для того чтобы подписчик совершил какое-либо действие. Это может быть например подписка, покупка или что-то подобное. Призыв к действию – основной и самый важный элемент такого письма, но другие элементы, естественно, должны поддерживать этот призыв, чтобы побудить читателей сделать нужное действие.
У Community просто отличное рекламное письмо, которое к тому же еще один хороший пример как традиционные бизнесы могут использовать email рассылки для привлечения клиентов.
Лучшие практики
Как упоминалось ранее, разработку дизайна для писем и разработку дизайна для веб объединяет много одинаковых атрибутов. Но есть некоторые важные различия о которых нужно помнить.
Содержание важнее всего
Содержание всегда важно, независимо от того, что вы разрабатываете. Но с электронной почтой, и в частности, с письмами, которые, вероятно, будут просматриваться на мобильном устройстве, содержание должно быть коротким и что самое главное, по существу. У вас будет максимум несколько секунд чтобы заинтересовать читателя и если вы будете тратить эти секунды на бесполезную информацию вы потеряетет его.
Убедитесь что контент лаконичен и ясен настолько насколько это возможно. Эффективность – ключевой момент, если читатель не может быстро понять о чем ваше письмо и что конкретно вы от него хотите, то вы тратите свое время.
Четкий призыв к действию
Призыв к действию, пожалуй, самая важная часть в дизайне любого письма. Очевидно, что ваша рассылка имеет какую-то цель. Например подписка читателей на что-либо, чтение или покупка чего-либо. Именно поэтому ваш призыв к действию должен одновременно однозначно объяснять и побуждать пользователя к тому что он должен сделать.
Обычно призывы к действию выполняются в виде кнопок. Они должны быть легко различимы и находиться не слишком низко (вы ведь помните, что у вас только несколько секунд, чтобы привлечь внимание читателя, поэтому размещение призыва к действию в месте где тот увидит его в течение этих нескольких секунд, повышает ваши шансы на успех).
Убедитесь, что ваш призыв к действию также адаптирован для нажатия пальцами. Это значит, что он должен быть достаточно большим чтобы по нему можно было легко попасть, а также не должен иметь близко расположенных ссылок которые могут быть нажаты случайно.
Тестируйте заблаговременно, тестируйте часто [прим. по аналогии с release early, release often]
Ваши письма должны быть полностью протестированы на различных устройствах и мобильных клиентах. Вы можете начать тестирование макетов с самого начала, но не забывайте продолжать проверять их на протяжении всего процесса разработки, чтобы убедиться, что они по прежнему не содержат ошибок.
Тестирование также подразумевает что вы сможете быстрее обнаружить и исправить ошибки потому что помните, что вы только что изменили.
Вы должны четко понимать, что конкретно поддерживается и не поддерживается основными клиентами и устройствами и в зависимости от этого либо найти фреймворки или заготовки ориентированные на эти недостатки, либо разрабатывать макеты с нуля с учетом этих особенностей.
Используйте текст «предварительного заголовка»
Текст предварительного заголовка показывается на многих почтовых клиентах в качестве предпросмотра письма. Этот текст важен примерно также как тема сообщения. Используйте его, чтобы побудить читателя открыть полученный email. Это может быть также полезно, по той причине, что многие почтовые клиенты обрезают тему письма если она слишком длинная.
Указывайте ссылку на веб-версию
Проверьте что письмо содержит ссылку на веб-версию. На случай если кто-то искренне заинтересовался, но испытывает проблемы с просмотром на мобильном или в почтовом клиенте. Многие почтовые сервисы позволяют отслеживать нажатия на ссылки, так что вы сможете видеть кто её использует.
Не усложняйте
Создавая сложные макеты с тоннами графики и стилизованных элементов, вы увеличиваете риск, того что ваши письма не будут отображаться должным образом для всех ваших читателей.
Простые же конструкции и макеты в свою очередь означают, что ваши письма будут более универсальными для чтения на различных устройствах без миллиона обходных путей и хаков. Несмотря на то, что сложный дизайн может доставлять эстетическое удовольствие для некоторых, зачастую он все же не стоит тех дополнительных мучений, выгода от которых будет минимальна.
Шаблоны и фреймворки
Написание кода для HTML писем «с нуля» конечно возможно (посмотрите нашу предыдущую статью “How to design a responsive HTML email” чтобы узнать технические подробности), но использование фреймворка или заготовки может значительно ускорить процесс и сделать его более доступным для начинающего разработчика.
Cerberus
Cerberus это набор отзывчивых шаблонов для писем которые нормально отображаются как в мобильном Gmail так и в настольном Outlook. Вы можете использовать блоки кода по отдельности или объединяя их. Есть две версии: одна использует CSS3 Media Queries, а другая нет.
Ink
Ink это заготовка от Zurb для дизайна отзывчивых писем. Рассылки созданные на основе Ink работают на любых устройствах и клиентах. Даже в Outlook. Ink достаточно простой чтобы начать работать с ним, а также полностью документирован.
Набор шаблонов сделанных при помощи Ink
Страница Responsive email templates built on Ink – отличное место чтобы начать знакомство с данным продуктом. Там вы найдете четыре шаблона: простой одноколоночный, с большим баннером картинкой (hero-image), макет с боковой панелью (sidebar) и гибрид из последних двух (sidebar-hero).
Шаблоны отзывчивых писем
В дополнение на сайте Zurb есть раздел Responsive Email Templates, где можно найти шаблон новостной рассылки с большим баннером картинкой и полезную информацию по использованию шаблонов.
Образцы элементов для отзывчивых писем
Responsive Email Patterns – это набор образцов и модулей для создания отзывчивых писем. Он включает в себя шаблоны для макетов, навигации, списков и другого.
Действительно простой шаблон HTML письма
Really simple HTML email template является именно тем о чем говорит его название. Это супер простой шаблон HTML письма с очень простым дизайном. Это один столбец со встроенным призывом к действию и четкой целью.
Мастер Шаблонов
Template Builder от CampaignMonitor позволяет бесплатно создавать HTML шаблоны писем буквально за минуты. Результат будет полностью протестирован и подготовлен для мобильных. Вы сразу можете начать использовать его на сайте CampaignMonitor или просто скачать для любых дальнейших действий.
Бесплатные шаблоны
Free Email Templates от той же самой компании – это огромный набор бесплатных шаблонов которые можно скачать и использовать на свое усмотрение.
HTML Email Boilerplate v 0.5
HTML E-mail Boilerplate является хорошей отправной точкой для создания писем. Он не содержит дизайна или макета, что позволяет избежать многих проблем рендеринга в почтовых клиентах.
E-mail Boilerplate
E-mail Boilerplate от Emailology включает в себя все основы, необходимые для создания HTML писем. Исходный код содержащий CSS и HTML очень подробно документирован и даёт все нужные инструкции по использованию.
Antwort
Antwort предлагает вам идеально отзывчивые макеты для писем, которые адаптируются к самым различным экранам. Он поддерживает все основные почтовые клиенты, включая Outlook, и Gmail.
Новостные шаблоны от GraphicMail
GraphicMail предлагает около 100 бесплатных шаблонов. Для использования необходимо зарегистрировать бесплатный аккаунт.
Шаблоны от ThemeForest
ThemeForest предлагает множество премиум шаблонов. Стоимость колеблется от $6 до $19. Премиум шаблоны иногда бывают проще в использовании, а также могут содержать дополнительные функции, которые трудно найти в бесплатных.
Stamplia
Stamplia это площадка купли-продажи премиальных шаблонов. Имеются макеты для новостных рассылок, транзакционных электронных писем и многого другого.
Инструменты
Плагин e-Newsletter для WordPress
Плагин e-Newsletter для WordPress предлагает систему профессионального управления вашими рассылками и абонентами прямо в панели администратора WordPress. С одной стороны, размещение системы рассылки на своих серверах может вызвать ряд некоторых проблем, но с другой это дает вам полный контроль и исключает ежемесячную плату, что может быть весьма важно для некоторых предприятий.
«Пуленепробиваемые» фоновые изображения
Bulletproof background images еще один сервис от CampaignMonitor. Это простой инструмент получения кода для фонового изображения ваших писем. Просто укажите URL желаемого фонового изображения, резервный цвет и то должно ли это правило быть применено ко всему телу письма или только для одной ячейки таблицы. В результате вы получите готовый HTML код который нужно вставить в свой шаблон.
«Пуленепробиваемые» кнопки
Еще один «пуленепробиваемый» сервис от той же самой компании. Bulletproof email buttons позволяет создавать красивые кнопки для ваших писем. Они идеально подходят в качестве элемента призыва к действию.
Litmus
Litmus представляет из себя набор инструментов для отслеживания и тестирования ваших рассылок. Он включает инструменты для предпросмотра писем, аналитики и тестирования на спам. Стоимость начинается от $79 за месяц, есть скидки при оплате за год.
Litmus Scope
Litmus Scope позволяет легко создать веб-версию любого электронного письма, которой, в последствии, вы можете поделиться с другими. Сервис доступен в виде приложения для Mac или букмарклета который может работать с любым почтовым веб-интерфейсом.
Примеры для вдохновения
Существует просто огромное количество галерей email рассылок из которых вы можете черпать свое вдохновение в будущем, но здесь и сейчас двадцать удивительных дизайнов с которых стоит начать.
Whalers
St. Theresa Auction
Online Store Guys
Inspirations Point
Everywhere
Sphere
Form Function & Class
Boden
Bon Appetit
Sevenly
Path
Zombie Survival Guide for Email Marketers
Fooda
Designer News
Charity: Water
EwerkNews
Interworld Plastics
Zehno
PSD Freebies
WalkieTalkie
Еще больше галерей для вдохновения
Really Good Emails сборник дизайнов по темам, многие из которых снабжены комментариями о том почему они хороши.
Email-Gallery дает вам возможность просматривать дизайны фильтруя их по цвету, типу и другим параметрам.
CampaignMonitor’s Email Inspiration позволяет делать выборку по количеству колонок, типу письма (объявление, рассылка, или приглашение).
Look What You Can Do – сайт от MailChimp. Содержит множество писем для вашего вдохновения отправленных при помощи этого сервиса когда либо.
HTML Email Gallery – галерея дизайнов в хронологическом порядке.
The Email Design Gallery – блог на Tumblr который собирает примеры отличных дизайнов из различных источников.
Beautiful Email Newsletters – разбитая по категориям галерея с функцией поиска.
Сервисы рассылок
Сервисы рассылок выполняют различные функции, но почти все из них берут на себя управление списками ваших подписчиков и рассылку писем от вашего имени. Многие из них имеют дополнительные средства для отслеживания и автоматизации. Большинство не требуют заключения договора и предлагают скидки при оплате на несколько месяцев вперед.
ConstantContact
В ConstantContact цены начинаются от $20 за месяц для простых email кампаний. В эту цену входят возможности управления контактами и социального обмена. Более дорогие тарифные планы включают в себя дополнительные функции такие как отслеживание.
MailChimp
MailChimp предлагает бесплатный план “Entrepreneur” (предприниматель) который поддерживает отправку до 12 000 писем для 2 000 подписчиков. На платных тарифах вы сможете работать с куда более большими объёмами.
ActiveCampaign
В ActiveCampaign тарифы начинаются от $9 за месяц для 500 контактов. Есть специальные планы для предприятий с бухгалтерской отчётностью и другими сервисами.
GetResponse
Тарифы GetResponse стартуют от $15 в месяц для 1000 подписчиков. Есть скидки при оплате за год.
AWeber
Сервис AWeber позволяет начать работу всего с $1 за первый месяц. Далее $19 в месяц с неограниченным количеством сообщений для 500 подписчиков.
Amazon SES
Amazon SES (Simple Email Service) это почтовая служба только для отправки сообщений. Если вы уже являетесь пользователем Amazon EC2, то вы можете отправлять до 2000 писем в день бесплатно. В противном случае, сообщения тарифицируются по $0,10 за тысячу, с дополнительными сборами за передачу данных и вложений. Такие цены делают этот сервис одним из наиболее доступных.
Emma
Цены в Emma начинаются с $45 за неограниченный объем писем для 2500 абонентов. Также есть скидка в 20% для некоммерческих организаций и при годовой предоплате.
HubSpot Email
HubSpot Email предлагает множество инструментов для отслеживания и для получения еще большего количества подписчиков. Компания является частью большого сервиса HubSpot цены в котором начинаются от $200 в месяц за первые 100 контактов (плюс $100 в месяц за каждую 1000 контактов сверху), и выше.
GraphicMail
Тарифы в GraphicMail основываются либо на том сколько писем вы отправляете либо на том сколько у вас подписчиков. В первом случае цены начинаются менее чем с $10 за месяц, во втором с 25$.
Заключение
В то время как с одной стороны обычных текстовых писем может быть вполне достаточно для многих случаев, в то же самое время с другой стороны, они не подходят для множества других. Понимание того как HTML письма работают и знание инструментов и шаблонов доступных для вас, позволяет сделать процесс создания писем намного легче, и имеет важное значение практически для любого дизайнера.
Изображение iPhone взято со страницы Kārlis Dambrāns.
Рано или поздно новые шаблоны для писем нужны каждому емейл-маркетологу, независимо от предыдущего опыта.
Зачем нужен новый шаблон?
Вот перечень основных причин:
-
Внедрение емейл-маркетинга или переход на новую платформу. Тем, кто только начинает пользоваться ESP, нужен шаблон для письма, чтобы сделать первую рассылку. В нашей практике часто встречаются как запросы на создание шаблона с нуля, так и на перенос писем из других сервисов.
-
Редизайн сайта. В этой ситуации необходим пересмотр шаблонов и приведение их к стандартам нового фирменного стиля.
-
Обновление. Периодически нужно обновлять существующие шаблоны электронных писем, чтобы подписчики видели, что ваш бренд развивается, а письма не приедались.
-
Добавление новых элементов. Технологии не стоят на месте: то, что вчера было актуальным, сегодня уже пора менять. Если хотите идти в ногу со временем и отправлять АМП-письма, придется оптимизировать шаблон. Но игра стоит свеч! Такие элементы в рассылках пока редкость, и это хороший шанс выделиться среди конкурентов.
-
Адаптивность. На сегодняшний день шаблон email-письма должен быть адаптивным, иначе получатели вряд ли будут открывать ваши рассылки на мобильных.
-
Добавление писем нового типа. Например: компания использовала только триггеры, а теперь решила отправлять еще и проморассылки.
Что такое мастер-шаблон
Мастер-шаблон письма – это основа будущих рассылок. В него, как правило, включают все элементы, которые пригодятся для создания писем:
-
Хедер.
-
Баннеры.
-
Заголовки.
-
Текстовые блоки.
-
Кнопки СТА.
-
Карточки товара.
-
Соцсети.
-
Футер.
-
Ссылка «Отписаться» и обязательная фраза о причине отправки email.
Шаблон со всеми блоками, на основе которых можно составлять новые письма, и называют мастер-шаблоном. Его можно использовать для создания разного вида рассылок, например: сделать шаблон промописьма, триггерного сообщения, ежемесячного дайджеста и т.д. В процессе редактировании блоки можно добавлять, удалять, дублировать, менять местами.
Тот самый, первый шаблон
Хотите создать первое письмо в eSputnik, но не слишком близко знакомы с тонкостями верстки и не знаете с чего начать? Мы сделаем мастер-шаблон для email-рассылки бесплатно! Он будет отвечать всем необходимым критериям:
- Адаптивность;
- Лучшие практики в оформлении;
- Соответствие стилю вашего сайта.
При подаче заявки на создание бесплатного шаблона письма необходимо сообщить:
-
Название вашего аккаунта в eSputnik.
-
В стиле какого сайта он должен быть сделан (ссылка на сайт, если есть — макет в формате psd).
-
Желаемую структуру письма.
-
Кому будут адресованы рассылки: как были получены эти емейл-адреса? Как и когда давали согласие контакты из списка на получение писем от компании?
Если контакт получен давно и емейл-рассылки не делались, то, скорее всего, база устарела (люди могли забыть о компании, у них могли измениться интересы).
Мы проверяем, чтобы шаблон html письма для рассылки корректно отображался во всех почтовых клиентах, операционных системах и на разных устройствах, включая мобильные и десктопные варианты. Для проверки используются Litmus или Email on Acid.
С таким шаблоном рассылки легко работать, на его основе можно делать новые письма, дополняя и видоизменяя используемые блоки и контент. Для этого не обязательно быть гуру в HTML и CSS или иметь специальные навыки. Даже новичок в емейл-маркетинге быстро справится с созданием нового письма на такой основе.
Хотите бесплатный шаблон?
ЗарегистрироватьсяПочему шаблон должен соответствовать фирменному стилю бренда? В случае с емейл-рассылками сохранять имидж компании и продвигаемых товаров/услуг очень важно.
Подписчики и клиенты уже знакомы с вашей компанией, не так ли? Поэтому стоит и в письмах поддерживать узнаваемый образ бренда, чтобы не возникало непонимания и ошибок в восприятии.
Примеры бесплатных шаблонов от eSputnik
Структура шаблона письма
Стандартная структура шаблона строится по такой схеме: хедер, контентная часть и футер. Можно сказать, что это обязательные части письма, и неважно, о каких email-рассылках идет речь: промо или триггерных.
Шапка письма или хедер обычно включает лого, меню со ссылками на основные разделы сайта, контактную информацию и соцсети. Последние два пункта – факультативно. Они могут быть и в футере. Пример хедера:
Контентная (основная) часть вот ваше поле для творчества. Здесь нужно разместить такой контент, который заставит получателя вам поверить и совершить целевое действие. Для этого раздела вам понадобятся эффектные картинки, элементы анимации, заголовки, продающий текст и кнопки призыва к действию. Весь контент должен быть согласован между собой и доносить основную мысль. Не нужно вставлять котиков в письмо только потому, что они милые и всем нравятся, если ваша компания никак не связана с животными.
Подвал письма, он же футер, обычно содержит контакты, блок с шерингом в соцсетях и блок с подписью менеджера/редактора рассылки/руководителя или другого представителя компании, которого знают или привыкли видеть получатели рассылки.
Виды адаптивных шаблонов в eSputnik
Если вы хотите сделать адаптивное письмо в редакторе eSputnik, воспользуйтесь встроенными шаблонами, все они поддерживают эту функцию. Найти их можно в аккаунте → выбрать “Сообщения” в меню → подпункт “Сообщения” → кнопка “Создать Email”.
1. Базовые шаблоны
Вы попадете на страницу с шаблонами, которые предназначены для быстрого создания основных триггеров и промописем:
Выбирайте подходящий и редактируйте, отталкиваясь от инфоповода и контента.
Представленные шаблоны позволяют создавать такие виды писем:
-
Промописьмо. Непосредственно этот шаблон подойдет для кафе, ресторанов, кейтерингов и сервисов доставки, чтобы рассылать свои предложения клиентам и подписчикам. Но его можно адаптировать и для других бизнесов.
-
eCommerce письмо. У вас интернет-магазин? Этот шаблон электронного письма можно взять за основу ваших рассылок! Не забудьте придать ему фирменный стиль и наполнить актуальным контентом.
-
Триггер. Одни проморассылки – это еще не емейл маркетинг. Для качественной автоматизации работы с подписчиками необходимо настроить триггеры. Важность триггерных писем нельзя недооценивать: это один из основных каналов коммуникации компании с клиентами. Сообщайте о статусе заказа, поступлении оплаты, начислении бонусов. Для всех этих писем подойдет данный шаблон:
-
Брошенная корзина – один из самых конверсионных триггеров для интернет-магазинов. Чтобы облегчить вам задачу с его внедрением, шаблон мы уже подготовили! Он уже адаптивный, осталось только добавить элементы вашего фирменного стиля:
-
Брошенный просмотр – письмо, напоминающее о вашем магазине и о товарах, которые потенциальный покупатель, увлекшийся серфингом в сети, так и не положил в корзину. Может, он о них забыл? Или не нашел, вернувшись на сайт? Что ж, брошенный просмотр ему напомнит. Шаблон для такого письма уже есть в системе eSputnik. Кроме тех товаров, которые посетитель посмотрел на сайте магазина, мы предлагаем добавить рекомендационный блок:
-
А если у вас уже есть готовый html-шаблон, выберите последний вариант “Отправить свой html” и вставьте собственный код. Это можно сделать и в том случае, если вы нашли подходящий шаблон в сети и хотите его использовать в eSputnik.
2. Тематические шаблоны
В этом разделе собраны 300+ примеров писем, которые сгруппированы по инфоповодам и типу бизнеса.
Все шаблоны можно редактировать и адаптировать под свои задачи: добавлять и удалять блоки, менять изображения и текстовый контент, экспериментировать с дизайном разных элементов, добавлять дополнительные эффекты (АМП, ролловер). Особо удачные блоки можно сохранить в библиотеку модулей для дальнейшего использования, чтобы потом не тратить время на их редактирование.
Правда, есть одно уточнение: чтобы отправлять письма с AMP-контентом, нужно сначала подать заявку и дождаться ее утверждения. Детальнее про АМП мы писали здесь.
Как сделать адаптивными структуры и контейнеры?
Задавать параметры адаптивности можно для каждой структуры
или для каждого изображения
Если в структуре с несколькими блоками включена адаптивность, на мобильных девайсах они перестроятся и отобразятся друг под другом (без прокрутки будет виден один блок, а не структура целиком). Это позволяет рассмотреть карточку товара в письме.
При необходимости некоторые элементы письма можно скрывать или отображать на мобильных устройствах для более корректного и привлекательного вида контента.
К примеру, нужно скрыть пункт меню “Акции”. В параметрах блока находим его и функцию “Скрытие элемента”, кликаем “На мобильном”. Возле элемента появился значок с перечеркнутым глазом – значит, получатели, открывшие письмо на мобильном, пункт “Акции” не увидят:
Важные действия при работе с шаблонами
Независимо от того, где был взят шаблон (найден в сети, взят из библиотеки шаблонов eSputnik, специально создан профессиональным верстальщиком или по заявке – сотрудниками нашего ESP), перед отправкой письма на его основе, проверьте следующее:
-
имя отправителя;
-
тему;
-
прехедер;
-
ссылки, в том числе под изображениями;
-
альт-тексты;
-
контактную информацию;
-
наличие обязательной фразы о том, почему получателю отправлена эта рассылка;
-
возможность отписаться;
-
логотип.
Все это необходимо сделать, так как в шаблоне могут быть проставлены ссылки, контакты и лого по умолчанию. То же самое возможно и с другим контентом.
2500 емейлов бесплатно
Получить!Редизайн – свежий взгляд на емейл-рассылку
Даже самый лучший дизайн со временем приедается, да и видение корпоративного стиля может измениться. В таком случае стоит сделать редизайн не только сайта, но и шаблонов рассылок.
А еще хороший повод попробовать что-то новое – переход из одного сервиса в другой. Внедряя новые шаблоны, вы позволяете подписчикам увидеть ваш бренд по-новому.
Успешные примеры редизайна шаблонов
Редизайн шаблона для компании Highprofileclub (до и после):
Подведем итоги?
Шаблон письма можно найти:
Если вы обратитесь в еСпутник, то получите адаптивный шаблон письма для первой рассылки бесплатно.
Перед первой рассылкой не забудьте тщательно проверить ваше письмо:
-
На правильность ссылок,
-
Соответствие фирменному стилю,
-
Актуальность контактной информации,
-
Корректность отображения в разных почтовых клиентах и на разных устройствах.
Библиотека шаблонов в eSputnik будет пополняться, следите за анонсами и обновлениями!
5.0 из 5 на основе 5 оценок
Шаблоны рассылки бесплатно: 15 сайтов
Рассылки – важный элемент маркетинга во многих компаниях. Они помогают поддерживать постоянный контакт с потенциальными и существующими клиентами, сообщать о важных событиях и подталкивать получателей к совершению действий.
В условиях жесткой конкуренции важно, чтобы рассылка выглядела современно и стильно, при этом соответствовала видению бренда. Чтобы сделать ее такой, нужно либо обращаться к дизайнерам, либо кастомизировать готовый шаблон. Малый бизнес чаще выбирает второй вариант, ведь это намного дешевле, да и подготовить рассылку можно самостоятельно. Нужно только найти подходящий бесплатный шаблон. С этим могут возникнуть проблемы.
Популярные сервисы для email-маркетинга предлагают пользователям библиотеки шаблонов для самых разных целей, но выглядят они зачастую скучно. Да и не хочется, чтобы рассылка была точной копией еще десятка писем от конкурентов.
15 сайтов с бесплатными шаблонами рассылки
Если душа требует креатива и Дизайна с большой буквы, а бюджет тонко намекает, что на индивидуальную разработку денег нет, вас выручат сайты с бесплатными шаблонами рассылки. О 15 самых интересных расскажу в этой статье.
Обратите внимание: для скачивания файлов не требуется подписка или подключение к сервисам, правда, некоторые ресурсы могут попросить ввести email, чтобы отправить на него ссылку.
Freshmail
Здесь вы найдете 3 современных адаптивных шаблона для email-рассылки, настроить которые не составит труда. Доступны они в HTML и PSD форматах. Введите свое имя и адрес электронной почты, чтобы получить ссылку на загрузку.
Cakemail
Этот сайт предлагает более 30 бесплатных email-шаблонов высокого качества, подойдут они для самых разных индустрий: бизнеса, образования или проведения мероприятий. Вы сможете выбрать понравившуюся цветовую палитру в каждом дизайне. Для загрузки не нужна регистрация.
Crafting Emails
С ресурса можно скачать 10 отзывчивых шаблонов рассылки совершенно бесплатно и гибко настроить их под свои нужды. Файлы доступны в формате Sketch и Figma.
Litmus
Если минимализм – ваше все, советую заглянуть на этот сайт. Здесь вы найдете качественные шаблоны, которые работают в любых сервисах рассылки. Введите свой электронный адрес, чтобы загрузить файл, и отредактируйте его для решения самых разных задач.
99designs
Коллекция из 45 адаптивных шаблонов, созданных профессиональными дизайнерами. Здесь вы найдете решения как для рассылки, так и для рекламных email и персонализированных уведомлений.
Sketchapp Resource
На сайте представлены бесплатные шаблоны рассылки для Sketch. Все они отличаются привлекательным дизайном.
Zurb
Сайт предлагает 11 отзывчивых шаблонов для email-маркетинга с широкими возможностями редактирования. Файлы доступны в HTML формате. Дизайн шаблонов базовый, но этот факт компенсируется широким выбором опций.
Email Uplers
Здесь вы найдете бесплатные шаблоны для сервиса Mailchimp. Они отлично выглядят на мобильных устройствах, быстро редактируются и включают в себя настраиваемые секции.
Mjml
Отличный ресурс с более чем 20 стильными и современными шаблонами. Можно скачать их напрямую и отредактировать самостоятельно или изменить внешний вид в понятном онлайн-редакторе еще до загрузки.
Benchmark Email
Коллекция из 6 милых шаблонов для email-рассылок на разные темы. Все они бесплатные, в формате HTML и адаптированные под мобильные устройства.
Dypatch
10 бесплатных качественных адаптивных шаблонов, которые легко редактировать. Они отличаются простотой и доступны для скачивания в HTML формате.
W3layouts
Здесь вы найдете шаблоны для рассылки на все случаи жизни. Чтобы скачать файлы, нужно зарегистрироваться на сайте.
Antwort
Простой шаблон, который отлично смотрится в большинстве почтовых клиентов, например, AOL, gmail, yahoo и outlook. Он адаптивный и предлагает несколько вариантов разметки: одна колонка, две или три.
Themezy
Набор из 16 email-шаблонов, которые станут основой для потрясающей брендовой рассылки. Дизайны современные, простые и адаптивные.
Github
На случай если найти подходящий шаблон не удалось, зайдите на Github. Ресурс предлагает огромное количество бесплатных файлов для бизнеса и дизайнеров.
Хотите создать шаблон самостоятельно? Тогда вам помогут удобные конструкторы, например, BEE Free или Mosaico.
Как редактировать HTML шаблоны рассылок
Если вы имеете дело с email-рассылками, без базовых знаний HTML создать качественное письмо будет сложно. Но не переживайте, задача не такая сложная, как кажется.
Открыть загруженный HTML файл можно на компьютере, даже в стандартном блокноте, но лучше использовать специальные программы, например, SublimeText, Dreamweaver или Notepad++. Также файл можно загрузить в ваш почтовый сервис.
Теперь, чтобы отредактировать шаблон, нужно внести нужные изменения в код: чаще всего приходится редактировать изображения и другой визуальный контент, а также текст и ссылки. Найти нужный отрезок поможет плагин Firebug или стандартный поиск, который вызывается сочетанием клавиш Ctrl + F. Изображения ищите по имени файла (новые загрузите в папку с шаблоном), текст по отрывку. Далее, меняйте и сохраняйте. Все довольно просто.
В email-маркетинге очень важно привлекать внимание и сохранять свой уникальный стиль. Шаблоны с современным дизайном помогут укрепить доверие к вашей рассылке, выделиться на фоне конкурентов и заявить о себе. Перечисленные в этом обзоре сайты станут отличным источником вдохновение и базой для будущих гениальных писем. Успехов!
Привет друзья!
Сразу хочу извиниться за то, что так долго не писал в блог. Очень много работы и мало времени.
Недавно мы решили сделать email рассылку по существующим клиентам. Написать красивый, «продающий» текст и впихнуть его обычным текстом в письмо было бы не кошерно :). Красивей ведь, если такие письма оформлены дизайном.
Итак. Сначала я решил найти существующий, сверстанный email шаблон и его использовать. Результаты поиска вы сможете увидеть ниже. Большинство находок оказались платными. А вы знаете как я не люблю это, ведь Open Source — это всегда прекрасно. Не люблю платного и сам стараюсь побольше делать бесплатного. В итоге отобрал все бесплатное и получился данный пост.
При выборе email шаблона было несколько критериев:
- Адаптивность;
- Привлекательность.
Пользователей с мобильными устройствами уже приравниваются к количеству людей со стационарными компьютерами. Так что шаблон в любом случае должен быть адаптивен. А если дизайн будет не привлекателен, то лучше уж вообще не использовать готовые html шаблоны. Итог эпопеи — сами нарисовали и сверстали.
Но если нам ни один из этих шаблонов не подошел, то это не значит что он никому не подойдет. У всех разные цели и требования. К вашему вниманию коллекция html шаблонов для email рассылок.
Пожалуйста, не используйте их для спама. Спам — зло.
Смотрите также:
20 новых бесплатных E-mail шаблонов для рассылок
Бесплатный Email шаблон
Шаблон для emai рассылок в серо-голубых тонах. Будет отлично работать на большинстве email клиентов, в том числе и на мобильных.Адаптивный шаблон для email рассылок
Бесплатный, адаптивный шаблон для email рассылок. Он представляет собой скорее каркас, который вы можете подкорректировать под себя. Он протестирован и отлично работает с множеством email клиентами, включая такие как: Gmail (десктопная версия), Gmail (мобильная версия), Gmail (iOS), Gmail (Android), Email (Android), Outlook Express, Outlook 2003, Outlook 2011 для Mac, Hotmail (Desktop), Hotmail, Windows Mail, Live MailAntwort — адаптивный html шаблон для email рассылок
Каркас для адаптивного шаблона email рассылок. Работает практически со всеми email клиентами.ABC Widgets
Brace
Gridworks
Vacation
E-Commerce Style
Classic
Eco
Modern
CyberMan
Еще один адаптивны шаблон для рассылок.WORN
Email magic
Mistymeadow
Clouds
Airmail
Cotton rag
Mobilized
Textile
In the army now
THE COOL COLLECTIVE
Grunge
Beautiful Emails
Franny’s Fabrics
Gretta’s Garden Goods
Old ornament
Natural
Retro green
Geometric
Есть ли у вас арсенал шаблонов почтовых рассылок, готовых использовать вашу маркетинговую стратегию?
Ты должен.
По данным Statista, к концу 2019 года США планируют потратить колоссальные 350 миллионов долларов и более на рекламу по электронной почте.
И это неудивительно, учитывая, что 81 процент розничных продавцов малого и среднего бизнеса (SMB) считают, что почтовый маркетинг является самой большой движущей силой для привлечения новых клиентов, а 80 процентов сказали, что это самая большая движущая сила для удержания клиентов.
В дополнение к другим методам электронного маркетинга, таким как продвижение продаж или выдача вознаграждений по программе лояльности, вы можете использовать свою рассылку, чтобы улучшить отношения с потенциальными клиентами и клиентами.
Чтобы помочь вам в вашем веселом пути — и убедиться, что ваши электронные письма достаточно хороши, чтобы выделиться из пакета — вот несколько шаблонов рассылки электронной почты. Просто вставьте такие элементы, как логотип вашей компании, изображения и текст, и вы готовы к работе.
Откройте для себя тысячи продуктов, которые вы можете начать продавать онлайн.Никаких обязательств, кредитной карты не требуется.
Получи Оберло сейчас. Это бесплатно.
99designs предлагает коллекцию из трех бесплатных шаблонов рассылок по электронной почте, которые вы можете настроить в соответствии со своими маркетинговыми потребностями. Все три включают несколько вариантов, в общей сложности 45 вариантов.
Каждый из них представляет собой отзывчивый шаблон бюллетеня, что означает, что он удобен для любого устройства, которое используют ваши получатели, от настольного компьютера до планшета или мобильного устройства.
В дополнение к шаблонам для новостных рассылок, коллекция также включает шаблоны для других типов маркетинговых электронных писем, таких как личные уведомления и рекламные электронные письма о продажах, событиях и других целевых сообщениях.
Просто зайдите на сайт и введите адрес электронной почты, чтобы загрузить шаблоны рассылок.
Вот пример:
Stripo предлагает более 300 редактируемых шаблонов информационных бюллетеней, которые можно экспортировать в более чем 30 инструментов электронной почты, включая GetResponse, MailChimp, Campaign Monitor и Gmail — и это лишь некоторые из них.
Что еще круче, так это то, что вы можете отсортировать их надежную коллекцию на основе нескольких фильтров, например:
- Самые популярные шаблоны от других пользователей Stripo
- Тип, как события, праздники, дайджест электронной почты и новые объявления коллекции
- Промышленность, как красота и личная гигиена, мода, гаджеты и уход за животными
- Сезоны, как в школу, лето, Черная пятница, Рождество и дни рождения
- Особенность шаблона, например, гармошка, фото-карусель, CSS-анимация или видео
Cakemail предлагает более 50 бесплатных редактируемых шаблонов рассылок, которые вы можете загрузить для использования в своем почтовом клиенте.
Они разделены на семь категорий:
- Популярные
- Бизнес
- Ресторан
- Сезонный
- Специальные мероприятия
- Транзакционный
- Образование
В дополнение к загрузке их для использования по отдельности, вы также можете попробовать их на самой платформе Cakemail, которая является инструментом электронного маркетинга, разработанным специально для малых предприятий. Это позволит вам отправить их напрямую, а также посмотреть, как они работают.
Вот лишь некоторые из вариантов, которые вы можете выбрать:
4. Диспетчер от Sendwithus
Dyspatch от Sendwithus предлагает бесплатные шаблоны рассылок с открытым исходным кодом с более чем десятком тем. Когда вы нажимаете на тему, вы найдете несколько типов писем, которые соответствуют одному и тому же общему дизайну и дизайну.
Это отличный способ убедиться, что ваш брендинг и визуальные эффекты остаются неизменными на протяжении всей жизни ваших маркетинговых кампаний по электронной почте.Это большое дело, так как исследование Demand Metric показывает, что постоянный брендинг может увеличить доход вашей компании на 23%.
Вот пример коллекции тем:
Как вы видите, он сохраняет тот же макет, цвета и изображение большого героя наверху. Он меняет предложения и сообщения в зависимости от конкретной цели шаблона.
Если вы никогда не слышали об этом, GitHub является одной из самых популярных в мире платформ для разработки программного обеспечения.Если вы начинающий разработчик, вы обнаружите, что он предлагает множество полезных ресурсов, информации и обсуждений, которые помогут вам в этом.
Через GitHub инструменты почтового маркетинга и отдельные разработчики предлагают множество бесплатных шаблонов рассылок с открытым исходным кодом и адаптивными. Фактически, если вы введете «шаблон адаптивной электронной почты» в строку поиска, вы увидите около 500 результатов. Мы собираемся обсудить некоторые из них с самым высоким рейтингом, но непременно зайдите на GitHub, чтобы увидеть все варианты! Вы можете проверить их здесь.
Первый вариант поступает от компании, занимающейся почтовым маркетингом, EmailOctopus, которая предоставляет большую коллекцию пакетов шаблонов, включая пакеты Karakol, Abacus и Wayfair.
«Konsav» — это имя пользователя GitHub для российского разработчика Константина Савченко. Репозиторий Konsav GitHub включает в себя три простых, простых варианта шаблона новостной рассылки: General, Promotional и Explorational.
Ниже вы можете увидеть изображение из репозитория, которое показывает версию для мобильного дисплея слева и версию для настольного компьютера справа.
Как видите, его шаблоны рассылок по электронной почте короткие и приятные, что может быть идеальным для рассылки, в которой освещаются только несколько статей, статей или заметок других типов.
Это еще один пример огромной компании по разработке программного обеспечения для электронного маркетинга, предлагающей бесплатные редактируемые шаблоны новостных рассылок.
Campaign Monitor предоставляет пользователям четыре бесплатных варианта:
Выбрав один, вы сможете редактировать его прямо в браузере, включая добавление логотипа своей компании, обмен изображениями, изменение цветов и текста, а также добавление новых модулей, таких как видео, кнопки, разделители и разделители.
Когда вы закончите, вы можете протестировать его в инструменте Campaign Monitor (с которым можно поэкспериментировать, пока вы не начнете отправлять электронные письма), или вы можете загрузить его как HTML и CSS для загрузки в ваш почтовый клиент отдельно.
Themezy предлагает коллекцию из более чем десятка шаблонов деловых новостных рассылок, которые можно использовать в различных отраслях и нишах, а также для достижения нескольких целей. Вы можете использовать их, чтобы объявить о продаже, привлечь внимание к конкретным товарам или просто держать получателей в курсе того, что происходит в вашей компании.
Как и большинство других в этом списке, вы можете скачать HTML-версию этих шаблонов почтовых рассылок и использовать их с программным обеспечением электронной почты.
Вот пример шаблона новостной рассылки, который может быть особенно полезен для магазина прямой поставки, который объявляет о запуске нового продукта или иным образом фокусирует внимание на определенных товарах в своем магазине:
TemplateMonster предлагает одни из лучших шаблонов рассылки, которые вы найдете за менее чем 20 долларов.Есть сотни на выбор.
Многие из этих шаблонов имеют несколько модулей (или разделов) на выбор для каждого электронного письма. Это может помочь в оптимизации процесса написания бюллетеня, так как позволяет сохранить ваши основные элементы брендинга, заменяя модули по мере необходимости.
Например, этот шаблон ниже имеет 17 модулей, в том числе:
- Верхний и нижний колонтитулы (которые мы рекомендуем сохранять одинаковыми для каждого письма)
- Большой фотомодуль с кнопкой призыва к действию (CTA) под
- Макеты с двумя столбцами для отображения двух элементов в одной области или для отображения фотографии на одной стороне и текста и кнопки CTA на другой
- Модуль, который демонстрирует эскизы нескольких коллекций с CTA, ссылающимся на страницу каждой коллекции на вашем веб-сайте
- Меньшие модули, которые можно использовать, чтобы дразнить доставку, обслуживание клиентов и другие детали
Flashissue предлагает более десятка вариантов шаблонов HTML-рассылок специально для Gmail.Это отличный вариант, если ваш бизнес еще небольшой, и вы не совсем готовы вкладывать средства в платформу для маркетинга по электронной почте с полным набором услуг или в разработчика, который поможет с кодированием.
Этот инструмент работает как приложение Chrome, которое подключается непосредственно к вашей учетной записи Gmail.
Поскольку вы настраиваете каждый шаблон новостной рассылки компании через Gmail, дизайн, как правило, проще, чем некоторые другие в этом списке. Но иногда простота является высшей.
Вот пример из списка Flashissue:
MJML — это платформа с открытым исходным кодом, созданная для адаптивных электронных писем.Фреймворк разработан для того, чтобы облегчить жизнь разработчикам, которые сами пишут электронные письма, но вам не нужно быть программистом, чтобы его использовать.
Это потому, что веб-сайт позволяет вам выбрать свой любимый шаблон адаптивной рассылки — или два, или пять — из более чем 20 вариантов. Он даже имеет живой редактор в браузере, который вы можете использовать, чтобы переделать дизайн.
Когда вы закончите, вы можете преобразовать код MJML в HTML на сайте и вставить его в свой инструмент электронной почты. Он работает на самых эффективных почтовых клиентах — даже Outlook, если вы этим пользуетесь.
MJML предлагает несколько красивых и современных шаблонов рассылок, таких как этот:
Но что, если вы хотите сделать свой собственный? Рад, что ты спросил.
Как создать шаблон бюллетеня
Как видите, существует множество бесплатных опций, которые позволяют вам загружать редактируемый шаблон бюллетеня и настраивать его по своему вкусу.
Но если у вас есть некоторые собственные дизайнерские навыки или ресурсы, вы можете выбрать ручной маршрут.
Итак, вот краткое изложение того, как создать шаблон бюллетеня в Photoshop. Оттуда вы можете использовать онлайн-инструмент, такой как Yotako или PSD to Web, чтобы превратить ваш PSD-файл в комбинацию HTML и CSS, готовую для вашего почтового клиента.
Вот несколько правил, которым нужно следовать при создании шаблона бюллетеня:
- Убедитесь, что ширина вашего контента составляет 600 пикселей или меньше (сам файл может быть больше, просто добавьте поля вокруг текста)
- Создайте непротиворечивый заголовок с использованием фирменного стиля и фирменного стиля
- Держите его чистым и легко усваиваемым — во многих случаях больше — меньше
- Используйте привлекательную графику, чтобы привлечь внимание читателей
- Включите четкие кнопки CTA, которые направляют пользователей на соответствующие страницы
Чтобы узнать, как создать шаблон новостной рассылки, давайте рассмотрим бесплатный шаблон PSD под названием Mooza.Он доступен для скачивания здесь на Behance.
Вот что вы видите в верхней части шаблона:
А для нижней части:
В палитре «Слои» этот шаблон имеет цветовую кодировку для удобства:
- Красные слои внутри папки «Заголовок» составляют заголовок с логотипом и социальными значками
- Оранжевые слои внутри папок «Рекламный щит 1» и «Рекламный щит 2» — это два варианта «Рекламный щит» или «герой» — один имеет пустой фон, а другой — фото-фон
- Желтые слои внутри папки «Службы» показывают три значка в теле письма (этот шаблон был предназначен для программного обеспечения, но вы можете использовать его для других элементов, помимо несправедливых услуг)
- Зеленые слои внутри папки «Аналитика» показывают диаграмму, которая должна показывать результаты для пользователей программного обеспечения
- Синие слои внутри папки «Призыв к действию» показывают раздел «Получить бесплатную 1-месячную пробную версию» в нижней части
- Фиолетовый слой внутри папки «Нижний колонтитул» показывает логотип Mooza и ссылку на несколько страниц на веб-сайте Mooza
Вы можете редактировать этот PSD-файл напрямую или использовать его в качестве образца для обучения тому, как создать собственный шаблон новостной рассылки.
не теряйся в шуме
Электронная почта — это огромная возможность для маркетинга, и она никуда не денется. Я уверен, что вы испытали себя, ваш почтовый ящик может быстро превратиться в поле битвы конкурирующих сообщений.
Вот почему просто отсылать электронные письма недостаточно.
Вам также нужно убедиться, что это действительно хорошие электронные письма — это единственный способ гарантировать, что ваши усилия не будут потеряны в шуме чужих сообщений.
Используйте каждое электронное письмо, чтобы предложить уникальную ценность каждому из ваших получателей, независимо от того, рассказывает ли он им о последнем продукте или услуге, которую вы предлагаете, или выстраиваете отношения, позволяя им заглянуть за кулисы вашей компании.
И, конечно же, некоторые красивые и современные шаблоны новостных рассылок могут помочь вам быстро и легко добиться всего этого.
У вас есть какие-нибудь замечательные примеры рассылки по электронной почте, которые мы пропустили? Дайте нам знать, ниже.
Откройте для себя тысячи продуктов, которые вы можете начать продавать онлайн. Никаких обязательств, кредитной карты не требуется.
Получи Оберло сейчас. Это бесплатно.
Хотите узнать больше?
Аманда Гэйд
Аманда Гэйд (Amanda Gaid) — специалист по маркетингу и копирайтингу, который помогает брендам создавать потрясающий контент, который способствует вовлечению и улучшению бизнеса.Как опытный цифровой кочевник, ее верный ноутбук — ее лучший друг.
,- получить демонстрация
- журнал в
- каналов
- Особенности
- AutomationBuild автоматизированные рабочие процессы, которые отправляют ваши сообщения на автопилоте
- КампанииСоздайте замечательные кампании по электронной почте и SMS, чтобы дополнить свою стратегию омниканала
- СегментацияУсовершенствуйте таргетинг с помощью полноценной сегментации для электронной коммерции
- FormsПереведите ваш трафик в подписчиков с помощью динамических форм для захвата электронной почты
- Content Editor. Используйте наш гибкий перетаскиваемый визуальный редактор для красивых писем каждый раз.
- ОтчетыСоздание действенных отчетов с данными, необходимыми для совершенствования ваших кампаний.
- Цены
- Партнеры
- ресурсов
- COVID-19 ResourcesПолезные ресурсы для брендов, стремящихся построить и развить свой онлайн-бизнес в эти неопределенные времена.
- БиблиотекаНаша коллекция электронных книг и технических руководств, наполненных лучшими практиками для маркетологов электронной коммерции
- Истории успехаИстории быстрорастущих брендов электронной коммерции, способствующих развитию бизнеса с помощью Omnisend
- ОтчетыПоследние тренды и статистика по многоканальному маркетингу
- Onboarding CourseСерия сессий, чтобы помочь вам сделать лучшее из Omnisend
- Блог
Дизайн электронной почты • Шаблоны Натали Бёрч • 02 сентября 2019 г. • 6 минут ЧИТАТЬ
Почтовый маркетинг есть везде. Даже если у вас есть веб-сайт, представляющий небольшой местный бизнес, есть вероятность, что у вас есть список ваших постоянных подписчиков, чтобы сообщить о событиях в вашей компании. Создать рассылку по электронной почте очень просто и эффективно. Выберите правильные шаблоны почтовых рассылок и настройте их.Вы можете использовать нашу новостную рассылку для настройки шаблонов рассылки. Праздники, события, фестивали и многое другое — у нас есть шаблоны электронной почты для любого вашего случая.
Существуют разные подходы к созданию потенциальных клиентов. Некоторые методы проверены временем; другие являются экспериментальными. Некоторые из них немедленного успеха; другие являются возможной неудачей. Среди всех возможных решений, почтовые кампании оказались весьма полезными.
Примечание : Проверьте лучший конструктор шаблонов рассылки по электронной почте — открытки.Попробуй бесплатно!
Стратегии для кампаний по электронной почте различны, но информационный бюллетень электронной почты лежит в основе каждого. Это своего рода решение: вернутся ли ваши читатели или отбросят вас и вашу компанию. Но убедитесь, что каждый электронный бюллетень выглядит приятным и ненавязчивым.
Открыток: Электронная рассылка Builder от Designmodo
Используя открытки, вы можете за 9 минут создать красивых шаблонов рассылок по электронной почте с функциями перетаскивания и готовыми модулями.
Созданные и экспортированные электронные письма оптимизированы для большинства популярных поставщиков услуг электронной почты и почтовых клиентов (настольных компьютеров и браузеров).
Online Email Template Builder
С открытками вы можете создавать и редактировать шаблоны электронной почты онлайн без каких-либо навыков кодирования! Включает в себя более 100 компонентов, которые помогут вам создавать собственные шаблоны электронных писем быстрее, чем когда-либо прежде.
Попробуйте бесплатные другие продуктыШаблоны рассылок по электронной почте
Взгляните на шаблон рассылки Виктора по электронной почте, электронную почту Дня святого Валентина и шаблоны Mjml.
Эти три халявы представляют разные категории, но у них есть одна общая черта — они умело балансируют дизайн и информацию, чувствуя себя профессионально.
Первый — это выдающийся PSD шаблон. Здесь прекрасная деловая атмосфера и великолепная расцветка. Второй шаблон HTML-рассылки с прекрасным праздничным настроением. Хотя он сделан с учетом Дня святого Валентина, его можно легко адаптировать для других кампаний.
Как и бесплатная PSD2HTML, шаблоны Mjml основаны на HTML.Они отзывчивы, поэтому вы можете быстро настроить их, вставляя содержимое, меняя цвета или, при необходимости, изменяя дизайн.
Еще одна вещь, которая объединяет эти шаблоны, это то, что они не похожи на обычные почтовые рассылки; они похожи на микро-сайты или цифровые листовки с кнопками для нажатия. Давайте сравним их с действительно простыми адаптивными шаблонами электронной почты, доступными электронными письмами и простой отзывчивой электронной почтой. Халява Ли Мунро, Джейсона Родригеса и Дерека Пансалана — идеальное решение для любителей простоты.Они передают необходимую информацию ненавязчиво и приятно, глядя на настольные мониторы и мобильные устройства. Но что касается дизайна, они безвкусны и примитивны. Предыдущее трио, безусловно, выглядит более привлекательно.
Шаблоны электронных рассылок бывают разных форм, включая PSD / Sketch / AI и HTML / CSS. В зависимости от ситуации вы можете найти каждый из них полезным.
PSD шаблоны, такие как Email Template от inox studio или Business Marketing Emailer Template PSD, отлично подходят для тех, кто имеет базовые знания по электронной почте HTML и CSS и хочет, чтобы все выглядело так, как им нравится.Более того, на этом раннем этапе гораздо проще адаптировать его к вашим потребностям. Рассмотрим, Еда и Ресторан Электронные бюллетени PSD Шаблон. Первоначально, это было разработано, чтобы удовлетворить потребности владельцев ресторана; однако, с некоторыми хитрыми изменениями, он может быть преобразован в электронный бюллетень для свадебных агентств или блогов.
Если ваша чашка чая не является ни дизайном, ни разработкой, выберите готовый HTML-шаблон электронной почты.
HTML Шаблоны электронной почты
HTML-шаблонысозданы специально для тех, кто не успевает все строить с нуля.Вы можете попробовать:
- Классические HTML-шаблоны, такие как HTML-шаблон электронной почты от Paul Goddard, шаблон, который соответствует спецификациям Google Material Design.
- Системы электронной почты, такие как Bojler или Cerberus, которые предлагают все необходимые инструменты (служебные классы, компоненты и объекты) для создания полностью отзывчивых информационных бюллетеней.
- Онлайн-сервисы, такие как BeeFree, в которых есть множество профессиональных шаблонов.
Автономные электронные письма HTML являются универсальными решениями.Рассмотрим шаблоны электронной почты от emailoctopus. Отмеченный нейтральным дизайном, спокойной цветовой гаммой и хорошей типографикой, все, что вам нужно сделать, это изменить текст, и вы готовы привлечь пользователей на свой сайт.
Фреймворки и генераторы электронной почты, такие как Contactally, являются идеальными партнерами для тех, кто предпочитает смешанный дизайн. С готовыми решениями может быть сложно настроить макет, но с помощью шаблона это легко. Рассмотрим открытки от Designmodo, Фонд 2, Тополь.ио и фрейм.
Среди этих четырех выделяются Фонд и Открытки.
Foundation предлагает замечательный набор строительных блоков, которые позволяют создавать полностью адаптивные шаблоны, которые отлично работают на различных платформах. Вы можете создавать различные типы информационных бюллетеней, включая транзакционные электронные письма, маркетинговые электронные письма и электронные письма для капельных кампаний.
Postcards — это великолепный генератор шаблонов рассылок, который удивит вас удивительным разнообразием идеальных по пикселям компонентов с привлекательным дизайном ручной работы.Он также поставляется с дюжиной готовых модулей, таких как меню, заголовки, ящики электронной коммерции и т. Д.
Несмотря на свою замечательную емкость, работать с ним на удивление легко благодаря интуитивно понятному интерфейсу. Используйте его для создания пользовательских шаблонов почтовых рассылок, которые будут совместимы со всеми популярными и не очень популярными почтовыми клиентами.
.Службы электронной почты как действительный источник для шаблонов
Популярные инструменты для управления и запуска почтовых кампаний, такие как SendwithUs или eMail Monster, также служат надежным источником бесплатных шаблонов почтовых рассылок. SendWithUs имеет десяток чистых и стильных шаблонов, а eMailMonster предлагает еще более впечатляющий выбор бесплатных материалов.
Последнее, но не наименее
Really Good Emails — сводка отобранных рассылок по электронной почте.Вы можете искать различные категории. Ассортимент включает в себя оставленные образцы корзины, сообщения о проверке и т. Д. Каждый шаблон доступен в codepen, поэтому вы можете изучить его ядро и получить некоторые полезные советы.
Открытки Электронная почта Рассылка Строитель
Совет : Используя открытки, вы можете создавать красивые шаблоны рассылок по электронной почте за считанные минуты.
Заключение
Составление шаблона рассылки по электронной почте может быть сложной задачей.Информация должна быть тщательно продумана, чтобы вы не отталкивали ценных подписчиков.
Хороший дизайн, несколько маркетинговых приемов и легко усваиваемые порции данных, которые передаются в манящей манере, являются тремя столпами успешного информационного бюллетеня. Шаблоны новостных рассылок, разработанные профессионалами, пытаются объединить эти факторы, давая вам хорошее начало
Как то, что вы читаете? Подпишитесь на наши главные истории.
,Веб-дизайн Шаблоны рассылок | TemplateMonster
Все продукты- Шаблоны веб-сайтов
- WordPress Store
- Темы WordPress
- Темы WooCommerce
- Торговая площадка для Elementor
- Техническое обслуживание WordPress
- HTML-шаблоны
- Шаблоны сайтов
- шаблоны сайтов
- шаблоны сайтов
- шаблоны сайтов
- шаблоны сайтов
- шаблоны сайтов
- Specialty Страницы
- Muse Шаблоны
- Электронная торговля Шаблоны
- Shopify Темы
- Magento Themes
- PrestaShop Темы
- OpenCart шаблоны
- MotoCMS Ecommerce
- VirtueMart Шаблоны
- ZenCart Шаблоны
- BigCommerce Темы
- CMS шаблоны
- Joomla Templates
- Moto CMS 3 шаблоны
- Drupal Темы
- Moto CMS HTML шаблоны
- Популярные категории
- Software Company HTML Шаблоны
- Создание HTML-шаблонов
- Бизнес-шаблоны сайтов
- Бизнес-шаблоны для сайтов путешествий
- Бизнес WordPress Темы
- Шаблоны веб-дизайна
- Медицинские WordPress Темы
- Темы WordPress для новостей и журналов
- Тематические шаблоны для сайтов HTML
- Консультации по зоомагазинам
- Тематические шаблоны
- Консалтинг WordPress Themes
- Шаблоны рекламных агентств
- Jewelry Shopify Themes
- Software Company WordPress Themes
- Auto Parts Shopify Темы
- Категории веб-сайтов
- Искусство и культура
- Дизайн
- Животные и домашние животные Фотография
- Образование и книги
- Бизнес и услуги
- Автомобили и мотоциклы
- Компьютеры и интернет
- Шаблоны электроники
- Развлечения, игры и ночная жизнь
- Дом и семья
- Мода и красота
- Foo d & Restaurant
- Праздники, подарки и цветы
- Медицинские шаблоны
- Шаблоны недвижимости
- Общество и люди
- Спорт, отдых на природе и путешествия
- WordPress Store
- Типы презентаций
- Шаблоны презентаций PowerPoint GooglePoint шаблоны