Блочный редактор DashaMail: пошаговое руководство для начинающих

Собирайте красивые письма в удобном онлайн-редакторе https://dashamail.ru/features/online_editor/ с нуля или на основе готовых шаблонов. Вам не нужно привлекать дизайнера и верстальщика — интуитивно понятный редактор с drag-and-drop интерфейсом позволит справиться с задачей быстро и без специальных навыков.

Начните создание

В личном кабинете перейдите в раздел «Шаблоны», нажмите «Создать шаблон» и выберите «Новый онлайн-редактор». Вы можете начать с чистого листа или сэкономить время и взять за основу один из множества готовых дизайнерских шаблонов, адаптировав его под себя. Также доступна загрузка собственного HTML-макета ZIP-архивом или импорт кода со страницы по URL.

Постройте структуру и наполните контентом

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

Настройте содержимое

Кликните на любой блок, чтобы начать редактирование:

  • Текст пишите прямо в блоке и форматируйте с помощью панели инструментов.

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

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

  • Соцсети кликните на каждую иконку и укажите ссылку на вашу страницу.

Управляйте блоками

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

Задайте заголовок и прехедер

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

Проверьте и сохраните

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

Полезные советы для скорости

Используйте стандартные шрифты вроде Arial или Helvetica — они гарантированно отобразятся у всех получателей. Избегайте сложных фоновых изображений, так как они поддерживаются не всеми почтовыми клиентами. Контролируйте «вес» письма, чтобы оно не попадало в спам и быстро загружалось. При необходимости отправляйте до 12 тестовых писем перед финальной рассылкой.

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

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