Использование конструктора email-писем упрощает работу email-маркетолога. Создание шаблонов для рассылок существенно отличается от разработки сайтов и мобильных приложений. В письмах не работают некоторые теги HTML, CSS. К тому же Outlook, Mail.Ru, Gmail и другие почтовые клиенты по разному отображают рассылку. Не следует забывать и тот факт, что письма открывают не только на ПК, но и на мобильных устройствах, а значит, нужен адаптивный дизайн. Из-за этих особенностей нередко вёрстку письма поручают email-верстальщику, а разработку макета – email-дизайнеру. В крупных компаниях с большим бюджетом такой подход оправдан: email-маркетологу поручают разработку стратегии email-маркетинга и управление, а все технические моменты он делегирует профильным специалистам. Но что делать, если подходящих специалистов в штате нет? В сервисе DashaMail есть онлайн-редактор — профессиональный инструмент, который позволяет собирать красивые письма всего за 10 минут, с нуля или на основе готовых дизайнерских шаблонов. В простом и интуитивно понятном конструкторе писем может разобраться маркетолог с любым уровнем подготовки. А если всё же возникнут сложности, найти нужную информацию легко в базе знаний, видеоматериалах или обратившись в службу поддержки.
Создание письма в формате HTML
Сервис ДашаМайл позволяет не только использовать конструктор емейл-писем, но и загрузить свой HTML-макет ZIP-архивом, написать код с нуля или же импортировать его со страницы по ссылке. Данный способ подойдёт тем, кто хорошо знаком с HTML, CSS или же желает делегировать работу дизайнерам и верстальщикам.
Всего на выбор есть 3 варианта загрузки макета:
- Вставить код:
- Импорт из ZIP:
- Импорт из URL:
Подробная инструкция по загрузке собственного HTML-макета доступна в нашей базе знаний.
Создание шаблона в блочном онлайн-редакторе
Сервис DashaMail предлагает несколько способов создания блочного письма: как использование онлайн-редактора для создания макета с нуля, так и готовые решения от дизайнеров – можно выбрать вариант из имеющегося макета, и на его основе создать шаблон.
Как создать шаблон с нуля в блочном редакторе
Блочный конструктор DashaMail предлагает интуитивно понятный интерфейс «drag-and-drop». Просто перетаскивайте нужные блоки контента (текст, изображения, кнопки, ссылки) и формируйте структуру, чтобы создать идеальное письмо. Главное – заранее продумать структуру, написать нужный текст и подобрать изображения. Адаптация под разные устройства происходит автоматически, но при желании можно отдельно настроить отображение десктопной и мобильной версии.
Онлайн-редактор DashaMail — идеальный инструмент для тех, кто хочет создавать профессиональные email-рассылки без необходимости погружаться в HTML. Собирайте шаблон из блоков, как конструктор, добавляйте контент и экспериментируйте с дизайном. Это кропотливая работа, но результат стоит того, ведь можно создать макет рассылки, не ограничиваясь готовыми решениями.
Если же вы хотите сэкономить время и усилия, выбирайте из коллекции готовых шаблонов и настраивайте их под себя. Не забудьте воспользоваться предварительным просмотром перед отправкой, чтобы убедиться в безупречности вашего письма.
Создание рассылки с помощью конструктора html-писем в формате шаблона происходит в несколько этапов:
- Зайдите в личный кабинет DashaMail и перейдите на вкладку «Шаблоны».
- Нажмите кнопку «Создать шаблон».
- В открывшемся окне выберите «Новый онлайн-редактор».
- У вас откроется конструктор email-писем. На старте это выглядит минималистично, чтобы не ограничивать полет вашей фантазии. В правой части экрана вы можете задать общие настройки для письма, выбрать его структуру и необходимые блоки с контентом. В левой – происходит основная работа.
- По умолчанию во все шаблоны, созданные в блочном редакторе, интегрированы ссылки отписки и просмотра веб-версии письма, они есть в готовом блоке. Но, если вы случайно удалили этот блок, вы можете вернуть его обратно. Для этого добавьте отдельно структуру с текстом. В элементе «Текст» уже есть готовые кнопки «Отписаться», «Веб-версия» и др.
Рассмотрим подробнее элементы онлайн-редактора:
- Строка – основной элемент, использующийся в блочном редакторе писем по умолчанию и отвечающий за фон и стили за границами контента, а также за расположение контента. Чтобы выделить ее, подведите курсор в крайнее правое положение. Вы увидите выделенные границы строки, ее название, кнопки перемещения, копирования и удаления:
Чтобы настроить отображение строки, кликнете по подсвеченной строке, справа откроется меню настроек:
Строки можно добавить посредством перетаскивания мышкой структур из секции «Строки»:
- Содержимое – необходимые элементы письма: текст, картинки, кнопки, разделители (делитель и спейсер), html-код, иконки соцсетей, таблицы и пр.
Любой из этих элементов блочного конструктора писем можно переместить в нужное место. Для этого зажмите нужный элемент и перетяните его в структуру.
Любой из элементов имеет 4 состояния: 1) «Переместить», 2) «Удалить», 3) «Копировать»:
Задать необходимые настройки для каждого из элементов можно, используя меню, расположенное в правой части экрана.
- В блочном конструкторе писем также можно задать прехедер. Данный подзаголовок – скрытый, он не отображается в некоторых почтовых клиентах.
Введите текст прехедера в поле открывшегося окна и нажмите «ОК».
Настроек достаточно много, но достаточно пройтись по ним один раз, потрогать и пощупать, чтобы в дальнейшем быстро ориентироваться.
Отметим несколько важных моментов при создании шаблона рассылки:
- Самая распространенная ширина письма — 600 пикселей. В редакторе она настроена по умолчанию.
- Старайтесь не использовать картинки в фоне, так как они поддерживаются ограниченным количеством почтовых клиентов.
- Рекомендуем использовать стандартные шрифты, так как они, аналогично фоновым изображениям, поддерживаются не всеми почтовыми сервисами.
- Не забывайте про отступы между блоками и строками, чтобы письмо легче воспринималось.
После того, как блочное письмо создано, перейдите в правый верхний угол и нажмите кнопку «Сохранить и выйти». Введите название шаблона в открывшемся окне и нажмите кнопку «Сохранить». Данный шаблон будет доступен в разделе «Шаблоны» в личном кабинете.
Подробные инструкции по работе в редакторе и созданию шаблонов доступны в нашей базе знаний.
Как создать шаблон письма с помощью готового шаблона?
Шаги аналогичны созданию нового шаблона с нуля, но на третьем шаге нужно выбрать тип макета «Готовые шаблоны от дизайнеров»:
Нажимаем кнопку «Выбрать». На открывшейся странице вы увидите горизонтальное меню с основными папками шаблонов: «Все шаблоны», «Индустрия» и раздел с тематическими макетами наших дизайнеров к крупным праздникам:
Для использования готового шаблона в рассылке напротив понравившегося макета нажимаем «Выбрать» и попадаем в онлайн-редактор:
Достаточно заполнить блоки своим контентом, и письмо готово! Нажимаем иконку сохранения в в правом верхнем углу для сохранения изменений в рассылке:
Заключение
Наш онлайн-редактор заточен под создание красивых продающих писем, которые будут корректно отображаться на любом устройстве. Привлекательность шаблонов обеспечиваются гибкими настройками практически каждого блока, а адаптивность учитывается на уровне общих настроек оформления. Сделать письмо продающим помогут такие возможности, как грамотное добавление изображений, видео и многое другое. Также, важную роль играет текстовое содержание рассылки. В конструктор писем интегрирована функция “ГлавРед“, которая дает возможность проверить содержимое шаблона на наличие стоп-слов. Такие слова обычно не несут значимой смысловой нагрузки и могут быть легко удалены или заменены. Также отсутствие стоп-слов уменьшит риск попадания рассылок в спам.
Однако, прежде чем отправить рассылку, важно удостовериться, что всё настроено правильно, и письмо отображается у получателей именно так, как задумано. Функция «Провидица» позволяет предварительно просмотреть, как ваше письмо будет выглядеть в 20 различных почтовых программах и на разных устройствах еще до отправки рассылки.
Для начала тестирования выберите «Провидица» в правом верхнем углу онлайн-редактора:
В результате вы сможете увидеть реальное отображение вашего письма в различных почтовых клиентах и на различных устройствах:
Мы рассказали про структуру письма и базовые функции, с помощью которых вы сможете собрать классное письмо. Но это лишь малая доля возможностей такого мощного инструмента как блочный редактор. Следите за нашим блогом, чтобы узнать больше о возможностях и функционале нашего онлайн-редактора и создании рассылок.
С заботой о вас и ваших рассылках, команда DashaMail 💜
Загрузка...