Главная Онлайн-редактор писем

Онлайн-редактор писем

Инструкции по работе с онлайн-редактором DashaMail. Здесь вы узнаете, как создавать email-шаблоны с помощью готовых блоков, настраивать оформление писем, работать с изображениями, кнопками и пр.
Владислав Ставцев София Кочеткова
От Владислав Ставцев and 1 другое
40 статьи

Начало работы в онлайн-редакторе

Рабочая страница онлайн-редактора: Рассмотрим каждый раздел: 1. Название рассылки и кнопка возвращения к созданию рассылки 2. Кнопки для переключения ПК и мобильной версии письма 3. Верхняя панель навигации письма и дополнительных инструментов 4. Основная панель редактирования дизайна и выбора содержимого письма 5. Поле для добавления блоков и редактирования макета 6. Кнопка вызова чата поддержки 7. Кнопки просмотра истории изменений шаблона и отмены последнего действия. Панель просмотра версии письма - Первая кнопка (монитор) отображает ПК версию письма - Вторая кнопка (смартфон) отображает мобильную версию письма - Синяя подсветка иконки отображает выбранный вариант На скриншоте выше представлен макет со скрытой строкой для ПК версии, если нажать на иконку глаза, то вы увидите итоговое отображение письма. Верхняя панель навигации 1. Предпросмотр — позволяет увидеть и оценить, как ваше письмо будет выглядеть у получателей на мобильной и ПК версии. Чтобы вернуться в окно редактирования шаблона, нажмите на крестик в правом верхнем углу. 2. Инструменты — выпадающее меню со всем дополнительным функционалом онлайн-редактора, включая добавление прехедера, персональные ссылки (для HTML-шаблона), ГлавРед и Провидица. 3. Сохранение шаблона в раздел «Шаблоны», например если вы начали создавать шаблона внутри рассылки или автоматизации. 4. Сохранение готового шаблона. 5. Выход из онлайн-редактора. Панель редактирования дизайна и выбора содержимого письма Вкладка «Настройки» — здесь задаются основные настройки всего письма, подробнее: Настройки письма Вкладка «Строки» — это фундамент вашего письма. Именно здесь вы формируете структуру макета перед добавлением контента. Подробнее про строки: Строки: структура письма, Строки: свойства. Вкладка «Содержимое» — представляет собой все возможные блоки, из которых вы можете собрать контент письма. Подробнее о каждом блоке: Заголовок, Параграф, Список, Картинка, Кнопка, Таблица, Делитель, Спейсер, Соцсети, HTML, Видео, Иконки, Меню, Текст.

Обновлено Feb 28, 2026

Основные настройки письма

Вкладка «Настройки» помогает задать единый стиль для всей рассылки. Здесь вы управляете шириной, цветами и шрифтами без погружения в код. Рассмотрим подробнее доступный набор функций на вкладке «Настройки»: Шаг 1. Настройки ширины и выравнивания Перейдите во вкладку «Настройки» в правом меню шаблона. Передвиньте ползунок «Ширина области содержимого» в нужную сторону, установленное значение ширины отображается на ползунке: Выберите выравнивание контента кнопками «Слева» или «Центр»: 💡 Ширина 600px оптимальна для большинства почтовых клиентов — письмо не обрежется на мобильных. Шаг 2. Выбор цвета фона Нажмите на квадрат с цветом в поле «Цвет фона», далее выберите цвет в палитре или введите цветовой код: Поле «Цвет фона области содержимого» позволяет задать фон только для контента. Изменить его можно аналогично основному цвету через палитру или цветовой код: ⚠️ Убедитесь, что текст хорошо читается на выбранном фоне — проверьте контрастность. Шаг 3. Добавление фоновой картинки Переведите слайдер «Фоновая картинка» во включенное состояние. Нажмите на кнопку «Выбрать изображение»: Вам откроется хранилище контента, для выбора изображения с вашего компьютера: После загрузки доступно несколько форматов отображения картинки: «Вписать в фон» «Повторять» «Центр» ❗ Фоновая картинка отображается не во всех почтовых клиентах корректно — рекомендуем проверять отображение отправкой тестового письма. Шаг 4. Шрифт по умолчанию и цвет ссылок Нажмите на выпадающее меню в поле «Шрифт по умолчанию». Выберите шрифт, который будет применяться ко всем элементам при добавлении: ❗ Не все шрифты поддерживаются почтовыми провайдерами, особенно пользовательские — используйте стандартные шрифты (Arial, Verdana) или проверяйте отображение отправкой тестового письма. Ниже расположено поле для выбора цвета всех ссылок в письме. Задать его также можно с помощью палитры или цветовым кодом:

Обновлено Feb 28, 2026

Строки: структура письма

Строки — это фундамент вашего письма. Они помогают задать правильную структуру перед добавлением контента. В данное статье разберем, как быстро собрать макет из готовых блоков. Шаг 1. Переключитесь на вкладку «Строки» Чтобы собрать письмо, в правом меню редактора перейдите на вкладку «Строки»: Шаг 2. Выбор комбинацию колонок В открывшемся меню выберите нужную комбинацию колонок. Всего доступно 12 вариантов. 💡 Просмотреть все комбинации вы можете, передвигая слайдер справа. Шаг 3. Добавление строки в шаблон Нажмите левой кнопкой мыши на нужную строку. Перетащите её в шаблон письма. Отпустите в том месте, где нужно вставить выбранную строку: ⚠️ Убедитесь, что строка встала ровно — вы увидите синюю линию места вставки. Шаг 4. Управление строками В любой момент вы можете переместить строку. Для этого наведитесь на значок переноса с левой стороны строки: Далее зажмите левую кнопку мыши и поместите в нужное место: С правой стороны доступно меню кнопок для комментирования, сохранения, удаления и копирования строки: Шаг 5. Настройки свойств строки Открыть свойства строки можно кликнув на неё. В правом меню откроется меню «Свойства строки»: 💡 Здесь вы можете изменить цвет фона, отступы и другие параметры конкретной строки, подробнее в следующей статье: Строки: свойства

Обновлено Feb 28, 2026

Строки: свойства

Свойства строки позволяют изменить внешний вид каждого блока письма. Это ключ к уникальному дизайну и правильной структуре вашей рассылки. Шаг 1. Свойства строки Чтобы перейти к редактированию конкретной строки, нажмите на неё в макете. В меню справа откроется блок «Свойства строки»: 💡 Здесь собраны все инструменты для настройки внешнего вида выбранного блока. Шаг 2. Базовые действия В верхней части меню свойств доступны пять базовых кнопок: 1. Сохранение — сохранение выбранной строки с блоками для последующего использования 2. Комментарии — открывает окно оставленных комментариев к выбранной строке 3. Удаление — удаляет выбранную строку из макета 4. Копирование — дублирует выбранную строку 5. Снять выделение — закрывает свойства выбранной строки ⚠️ Будьте внимательны при удалении — действие нельзя отменить после сохранения. Шаг 3. Настройка фонов Для каждой строки вы можете задать три типа фона: - Цвет фона строки — закрашивает всю область блока - Цвет контента строки — окрашивает только внутреннюю область с текстом - Фоновое изображение — загружается через слайдер и кнопку «Выбрать изображение» ⚠️ Внимание! Фоновые изображения совместимы не со всеми почтовыми клиентами. В некоторых случаях отобразится только цвет фона, рекомендуем проверять отображение отправкой тестового письма. Шаг 4. Редактирование фонового изображения После загрузки картинки доступен раздел «Графические эффекты» для детальной настройки загруженного изображения: И классическое форматирование изображения: - Применить картинку к — картинка применяется к выбранной области - Вписать в фон — картинка растянется по всей области - Повторять — картинка будет продублирована на всю ширину шаблона - Центр — выравнивание картинки по центру ⚠️ Свойство «Повторять» будет работать при условии, что картинка меньше области строки. Шаг 5. Бордеры, углы и ориентация строк Для границы области содержимого в каждой строке можно задать стиль. 1. Выбор стиля линии в выпадающем меню: Переключение слайдера "Подробнее" дает возможность задать стиль линии для каждой стороны отдельно: Укажите толщину в пикселях: Задайте цвет линий: 2. Скругление углов Настройка скругления углов области содержимого дает возможность задать скругления углов строки: Переключив слайдер «Больше свойств», вы можете задать разные скругления для углов строки: 3. Ориентация на разных устройствах Установить положение колонок внутри строки на мобильном вы можете с помощью ориентации: - Включенное наложение - Выключенное наложение 💡 Ниже можно скрыть отображение строки на том или ином устройстве. Шаг 6. Структура колонок В разделе «Структура колонок» можно регулировать количество колонок в строке, а также изменить их ширину, фон и отступы и границы:

Обновлено Feb 24, 2026

Заголовок

Заголовок привлекает внимание читателя и структурирует содержание письма. Правильная настройка этого блока помогает расставить акценты и улучшить восприятие текста. Рассмотрим все настройки блока «Заголовок» 1. В свойствах блока вы можете оставить комментарий, удалить, дублировать или снять выделение с блока: 2. В поле «Заголовок», из выпадающего списка, вы можете выбрать размер заголовка: - H1 — размер текста 23 пикселя - H2 — размер текста 18 пикселей - H3 — размер текста 16 пикселей 3. Поле «Шрифт» позволяет установить необходимый шрифт только для редактируемого заголовка: 4. В поле «Толщина шрифта» вы можете установить жирную или обычную толщину: 5. Поля «Цвет текста» и «Цвет ссылки» позволяют задать цвет через палитру цвета (нажатие на квадрат) или вводом цветового кода: 6. Поле «Выравнивание» дает возможность выровнять заголовок по левому краю блока, центрировать его, привязать к правому краю блока или распределить текст по всему блоку: 7. Поле «Line height» дает возможность, выбрать интервал между строками текста: 8. В поле «Межбуквенный интервал» вы можете задать расстояние между буквами: 9. В Поле «Направление текста» вы можете выбрать сторону написания текста, Слева направо или Справа налево: 10. Поле «Отступы» дает возможность задать отступы внутри блока сразу для всех сторон, визуальное отображение можно увидеть на рядом расположенном изображении: Или переключить слайдер и задать отступы для каждой из сторон блока индивидуально: 11. Поле «Скрыть» позволяет выключить блок на мобильной или ПК версии письма: О том как добавить блок в письмо, вы можете прочитать в статье: Виды текстовых блоков, как добавить и отредактировать

Обновлено Feb 24, 2026

Параграф

Параграф помогает оформить основную информацию так, чтобы её было легко читать и воспринимать. Чтобы вставить параграф в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: Рассмотрим все настройки блока «Параграф» 1. В свойствах блока вы можете оставить комментарий, удалить, дублировать или снять выделение с блока: 2. Поле «Шрифт» позволяет установить необходимый шрифт только для редактируемого параграфа: 3. В поле «Толщина шрифта» вы можете установить жирную или обычную толщину: 4. Поля «Цвет текста» и «Цвет ссылки» позволяют задать цвет через палитру цвета (нажатие на квадрат) или вводом цветового кода: 5. Поле «Выравнивание» дает возможность выровнять параграф по левому краю блока, центрировать его, привязать к правому краю блока или распределить текст по всему блоку: 6. Поле «Интервал параграфа» дает возможность установить размер интервала при создании новой строки в параграфе: 7. Поле «Line height» дает возможность, выбрать общий интервал между строками текста: 8. В поле «Межбуквенный интервал» вы можете задать расстояние между буквами: 9. В поле «Направление текста» вы можете выбрать сторону написания текста, Слева направо или Справа налево: 10. Поле «Отступы» дает возможность задать отступы внутри блока сразу для всех сторон, визуальное отображение можно увидеть на рядом расположенном изображении: Или переключить слайдер и задать отступы для каждой из сторон блока индивидуально: 11. Поле «Скрыть» позволяет выключить блок на мобильной или ПК версии письма:

Обновлено Feb 28, 2026

Список

Списки помогают структурировать информацию и делают текст более читабельным. Правильная настройка этого блока улучшает восприятие перечислений и акцентирует внимание на важных пунктах. Рассмотрим все настройки блока «Список» 1. В свойствах блока вы можете оставить комментарий, удалить, дублировать или снять выделение с блока: 2. В поле «Тип списка» вы можете переключить список на нумерованный и маркированный: 3. Для нумерованного списка доступны шесть вариантов отображения: - «Предустановленный» — включает в себя арабские цифры, строчные латинские буквы и строчные римские цифры. - «Номер» — нумерует список арабскими цифрами. - «Нижняя alpha» — показывает список строчными латинскими буквами. - «Верхняя alpha» — заглавными латинскими буквами. - «Нижняя roman» — показывает список строчными римскими цифрами - «Верхняя roman» — заглавными римскими цифрами При выборе нумерованного списка доступна возможность задать номер элемента, с которого начинается список: 4. Для маркированного списка доступны четыре варианта отображения: - «Предустановленный» — включает в себя диски, круги и квадраты. - «Диск» — маркирует список закрашенными кругами. - «Круг» — маркирует список полыми кругами. - «Квадрат» — маркирует закрашенными квадратами. 5. Поле «Шрифт» позволяет установить необходимый шрифт только для редактируемого списка: 6. В поле «Толщина шрифта» вы можете установить жирную или обычную толщину: 7. Поля «Цвет текста» и «Цвет ссылки» позволяют задать цвет через палитру цвета (нажатие на квадрат) или вводом цветового кода: 8. Поле «Выравнивание» дает возможность выровнять список по левому краю блока, центрировать его, привязать к правому краю блока: 9. Поля «Интервал между списков» и «Отступ элементов списка» дает возможность задать внутренние интервалы и отступы списка: 10. Поле «Line height» дает возможность, выбрать общий интервал между строками текста: 11. В поле «Межбуквенный интервал» вы можете задать расстояние между буквами: 12. В Поле «Направление текста» можно выбрать сторону написания текста, Слева направо или Справа налево: 13. Поле «Отступы» дает возможность задать отступы внутри блока сразу для всех сторон, визуальное отображение можно увидеть на рядом расположенном изображении: Или переключить слайдер и задать отступы для каждой из сторон блока индивидуально: 14. Поле «Скрыть» позволяет выключить блок на мобильной или ПК версии письма:

Обновлено Feb 26, 2026

Как вставить картинку

Чтобы вставить картинку в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: Загрузить картинку в письмо можно тремя способами: - Через хранилище — нажмите кнопку «Обзор» или «Выбрать изображение» - С компьютера — перетащите файл напрямую в блок - По ссылке — вставьте URL изображения в поле «URL» 💡 Подробнее о строках и структуре письма читайте в статьях «Строки: структура письма» и «Строки: свойства» Рассмотрим все настройки блока «Картинка» 1. В поле «Ширина» вы можете задать необходимую ширину картинки, сдвигая ползунок влево или вправо: - При наведение курсора на ползунок отображается размер в пикселях - Кнопка «Полная ширина на мобильном» растягивает изображение на мобильном устройстве - Слайдер «Авто ширина» для автоматической подогнать картинку под ширину блока 2. Поле «Выравнивание» размещает картинку слева, по центру или справа относительно блока: 3. Раздел форматирования загруженной картинки: - Кнопка «Графические эффекты» откроет редактор изображения - Кнопка «Изменить картинку» вернет в хранилище для замены файла - В поле «URL» будет указан адрес выбранной картинки, а ниже её название 4. В поле «Альтернативный текст» введите описание картинки. Это важно, если изображение не отобразится у получателя: 5. Поле «Ссылка картинки» позволяет настроить действие при клике на картинку: - Открыть ссылку — переход на сайт или к прикрепленному ниже файлу - Отправить письмо — переход на указанный email с заданной темой и текстом - Позвонить — набор номера телефона - Отправить СМС — заранее заданное сообщение на указанный номер 6. Поле «Отступы» дает возможность задать отступы внутри блока сразу для всех сторон, визуальное отображение можно увидеть на рядом расположенном изображении: Или переключить слайдер и задать отступы для каждой из сторон блока индивидуально: 7. Поле «Скрыть» позволяет выключить блок на мобильной или десктопной версии письма:

Обновлено Feb 25, 2026

Как добавить кнопку

Чтобы вставить кнопку в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: Рассмотрим все настройки блока «Кнопка» 1. В свойствах блока вы можете оставить комментарий, удалить, дублировать или снять выделение с блока: 2. Поле «Тип ссылки» позволяет настроить действие при клике на кнопку: - Открыть ссылку — переход на сайт или к прикрепленному ниже файлу - Отправить письмо — переход на указанный email с заданной темой и текстом - Позвонить — набор номера телефона - Отправить СМС — заранее заданное сообщение на указанный номер 3. В поле «Ширина» вы можете задать необходимую ширину картинки, сдвигая ползунок влево или вправо: - Слайдер «Авто ширина» автоматически подгонит ширину кнопки с учетом колонки 4. Поле «Шрифт» позволяет установить необходимый шрифт только для текста внутри выбранной кнопки: 5. В поле «Толщина шрифта» вы можете установить жирную или обычную толщину: 6. Поля «Цвет фона» и «Цвет текста» позволяют задать цвет через палитру цвета (нажатие на квадрат) или вводом цветового кода: 7. Поле «Выравнивание» дает возможность выровнять кнопку по левому краю блока, центрировать её или привязать к правому краю блока: 8. Поле «Line height» дает возможность, выбрать общий интервал между строками текста: 9. В поле «Межбуквенный интервал» вы можете задать расстояние между буквами: 10. В поле «Направление текста» вы можете выбрать сторону написания текста, Слева направо или Справа налево: 11. Поле «Отступы содержимого» дает возможность задать отступы внутри кнопки сразу для всех сторон, визуальное отображение можно увидеть на рядом расположенном изображении: Или переключить слайдер и задать отступы для каждой из сторон кнопки индивидуально: 12. В поле «Граница» можно задать внешние границы кнопки: Переключение слайдера "Подробнее" дает возможность задать стиль линии для каждой стороны отдельно: 13. Раздел «Button Hover» позволяет добавлять эффекты наведения курсора, которые изменяют цвет, шрифт или стиль рамки кнопок в онлайн-редакторах писем и лендингах: ❗ Обратите внимание, некоторые почтовые клиенты не поддерживают эффект наведения курсора. Для получения дополнительной информации ознакомьтесь с следующим списком: https://www.caniemail.com/features/css-pseudo-class-hover/

Обновлено Feb 25, 2026

Как добавить таблицу в шаблон

Чтобы вставить таблицу в письмо, выберете блок «Table» во вкладке «Содержимое» и перенесите его в нужную строку: Рассмотрим все свойства блока «Table/Таблица» 1. При нажатии на блок с таблицей вы можете работать со следующими свойствами: - Раздел «Свойства» Позволяет задать количество столбцов (Columns), количество строк, границы ячеек, цвет фона и «Цветные строки»: - Раздел «Шапка» Предназначен для добавления ряда с заголовками столбцов. Если включить слайдер «Строка заголовка», появятся параметры для изменения фона ячеек с заголовками, толщины шрифта, размера шрифта, цвета текста и выравнивания текста в ячейках: - Раздел «Контент» Дает возможность задавать параметры для содержимого таблицы, а именно: Шрифт, Толщину шрифта, Размер шрифта, Цвет текста, Цвет ссылки, Выравнивание текста в ячейках, Межстрочный интервал (Line height), Межбуквенный интервал и Направление текста: - Раздел «Свойства блока» Необходим для настройки отступов блока со всех стороны или переключив слайдер для каждой стороны отдельно: 2. Опция «Скрыть» позволяет спрятать блок в мобильной или ПК версии письма:

Обновлено Feb 26, 2026

Делитель

Чтобы вставить делитель в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: Рассмотрим подробнее настройки блока «Делитель» 1. При включении настройки «Прозрачность» линия становится прозрачной и появляется возможность задать высоту блока: 2. Если прозрачность не включать, то открывается возможность выбрать тип линии: сплошную, точками и пунктирную. Ниже можно задать толщину линии, а также установить необходимый цвет: 3. Параметр «Ширина» позволяет задать ширину линии относительно блока, в котором она находится: 4. С помощью настройки «Выравнивание» вы можете привязать линию к левому краю, центру или правому краю блока: 5. В параметре «Отступы» задаются отступы для всех сторон линии, визуальное отображение можно увидеть на рядом расположенном изображении: Или переключить слайдер и задать отступы для каждой из сторон блока индивидуально: 6. Опция «Скрыть» позволяет спрятать блок в мобильной или ПК версии письма:

Обновлено Feb 26, 2026

Блок «Социальные сети»

Чтобы вставить иконки соцсетей в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: Рассмотрим подробнее настройки блока «Соцсети» 1. Для задания настроек блока нажмите на него: 2. С помощью настройки коллекции иконок вы можете задать вид отображения: 3. Если переключить слайдера «Подробнее», станут доступны отдельные настройки для каждой иконки: - Заголовок — задать подпись для иконки - Альтернативный текст — текст, который будет отображаться, если картинка не прогрузилась - URL — ссылка, на которую будет вести иконка 4. С помощью кнопки «Добавить новую иконку» можно увеличить количество иконок в блоке: 5. Среди предустановленных есть самые популярные и запрашиваемые иконки. Если же вы не нашли нужную социальную сеть, вы можете добавить её через кнопку «Добавить свою иконку»: 6. Все иконки можно выровнять внутри блока по левому краю, по центру или по правому краю. А ниже представлена возможность задать интервал между иконками: 7. В параметре «Отступы» задаются отступы для всех сторон линии, визуальное отображение можно увидеть на рядом расположенном изображении: Или переключить слайдер и задать отступы для каждой из сторон блока индивидуально: 8. Опция «Скрыть» позволяет спрятать блок в мобильной или ПК версии письма:

Обновлено Feb 26, 2026

Как добавить видео

Техническими правилами большинства почтовых провайдеров запрещено использовать потенциально опасные объекты, такие как ActiveX, JavaScript, VBScript, Java-апплеты, Frames и IFrames, подключаемые с внешних сайтов CSS, Meta Refresh и т.п. Использование таких элементов может привести к блокировке ваших рассылок. Это связано с безопасностью конечных пользователей. Но в сервисе Dashamail есть выход! Онлайн-конструктор может самостоятельно подставлять скриншот из видео и при нажатии на него открывать видео в новом окне браузера. Чтобы вставить видео в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: Нажмите на блок, когда перенесете его, и справа откроется меню для его редактирования: Рассмотрим подробнее настройки блока «Видео» 1. В свойствах блока вы можете оставить комментарий, удалить, дублировать или снять выделение с блока: 2. В это поле необходимо вписать ссылку на видео, и обложка из этого видео автоматически погрузится в блок. Ниже доступно поле, в котором можно задать название: 3. Блок, который отвечает за внешний вид кнопки воспроизведения. Здесь вы можете задать: - Тип иконки воспроизведения; - Цвет иконки воспроизведения, выбрав светлую или темную иконку; - Размер иконки воспроизведения в пикселях; Итоговый вариант иконки будет отображен на превью видео и в самом блоке: 4. Поле «Отступы» дает возможность задать отступы внутри блока сразу для всех сторон, визуальное отображение можно увидеть на рядом расположенном изображении: или переключить слайдер и задать отступы для каждой из сторон блока индивидуально: Заданные настройки можно увидеть, как на самом блоке, так и на изображение в свойствах: 5. Поле «Скрыть» позволяет выключить блок на мобильной или ПК версии письма:

Обновлено Feb 26, 2026

Блок с иконками

Чтобы добавить иконки в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: По умолчанию, в блоке находится одна иконка с изображением звезды. Нажмите на блок — в меню справа появятся настройки данного блока: Рассмотрим подробнее настройки блока «Иконки» 1. В свойствах блока вы можете оставить комментарий, удалить, дублировать или снять выделение с блока: 2. Кнопка «Добавить новую иконку» позволяет добавить нужное вам количество иконок: 3. После добавления иконки становятся доступны две кнопки: - «Изменить картинку» — дает возможность установить изображение через хранилище контента. - «Графические эффекты» — открывает редактор для работы с изображением 4. При переключении слайдера «Подробнее» открываются расширенные настройки для иконки: - «Url иконки» — поле, в которое вы можете вставить ссылку на изображение вашей иконки, если оно не загружено в наше внутреннее хранилище. - «Альтернативный текст» — поле для описания иконки словами, если изображения будут отключены в письме или не прогрузятся. Пользователь сможет понять, что должно быть на этом месте. - «Текст иконки» — поле чтобы задать текст для иконки и выбрать его расположение относительно этой иконки. 5. Настройка «Тип ссылки» позволяет задать действие, которое будет выполнено после нажатия на иконку: - Действие «Открыть ссылку» Вы можете установить страницу, на которую будет направлен пользователь после нажатия на иконку или задать файл для скачивания. Параметр «Открытие» определяет, откроется ссылка в текущей вкладке или новой. Поле «Заголовок» устанавливает заголовок для страницы, на которую будет осуществлен переход: - Действие «Отправить письмо» При нажатии на иконку пользователь сможет сразу отправить вам email. Укажите адрес, на который вы хотите получить письмо в поле «Отправить письмо». Также доступны поля для установления темы письма, содержания и заголовка. Но эти поля пользователь сможет изменить при отправлении письма: - Действие «Позвонить» Если почтовый клиент получателя письма умеет обрабатывать url-схему «tel:», то при нажатии на иконку он сможет позвонить на указанный номер телефона: - Действие «Отправить СМС» Если почтовый клиент получателя поддерживает url-схему «tel:», вы можете задать действие, при котором отправится СМС на указанный номер. Предварительно можно установить текст СМС и его заголовок: 6. Поле «Шрифт» позволяет установить необходимый шрифт для блока иконок: 7. В поле «Толщина шрифта» вы можете установить жирную или обычную толщину, а чуть ниже его размер: 8. В поле «Цвет текста» можно задать цвет с помощью палитры или цветового кода: 9. С помощью настройки «Выравнивание» вы можете привязать иконки к левому краю, центру или правому краю блока: 10. В поле «Межбуквенный интервал» вы можете задать расстояние между буквами: 11. Поле «Размер иконки» позволяет установить желаемый размер иконки. Доступны размеры 16рх, 32рх, 64рх, 128рх: 12. Поле «Отступы иконки» позволяет задать отступы конкретно для иконок. Изображение рядом помогает представить заданные отступы: Переключив слайдер «Больше свойств», вы можете задать отступ для каждой стороны иконки отдельно: 13. Поле «Отступы» дает возможность задать отступы уже внутри самого блока, принцип его работы идентичен с предыдущим полем: 14. Поле «Скрыть» позволяет выключить блок на мобильной или ПК версии письма:

Обновлено Feb 26, 2026

Генерация изображений с помощью ИИ

Качественные изображения повышают вовлечённость и делают письма визуально привлекательными. Но не у всех есть доступ к фотостокам, дизайнеру или времени на поиск подходящей иллюстрации. Встроенный ИИ-генератор в DashaMail решает эту задачу: за минуту создаёт уникальные изображения по текстовому описанию — без необходимости покидать сервис. 💡 Генератор понимает запросы на русском и английском языках. Чем точнее описание — тем лучше результат. Как сгенерировать изображение Шаг 1. Откройте хранилище контента Перейдите в раздел «Шаблоны» и откройте «Хранилище контента»: Переключитесь на вкладку «Хочу картинку»: Шаг 2. Опишите желаемое изображение В поле ввода напишите подробное описание того, что вы хотите увидеть, и выберите соотношение сторон изображения. Например: - «Белая чашка кофе на деревянном столе, утро, мягкий свет» - «Абстрактный фон в синих и фиолетовых тонах для рассылки о цифровом маркетинге» Чем конкретнее запрос — тем точнее результат. Указывайте стиль, цвета, настроение и детали. Шаг 3. Запустите генерацию Нажмите кнопку генерации и подождите около минуты. Скорость зависит от сложности запроса и текущей нагрузки на сервис: Шаг 4. Выберите подходящий вариант По одному запросу генерируется четыре варианта изображения. Переключайтесь между ними с помощью стрелок (1) или полосы навигации над картинками (2). Найдя подходящий вариант, нажмите «Сохранить изображение». Готовое изображение сохранится в хранилище в папку «Мои изображения» и будет доступно для вставки в любую рассылку или шаблон. Ограничения и условия ⚠️ Функция доступна только на платных тарифах. На бесплатном тарифе генерация недоступна. 📌 Лимит — 25 генераций в сутки на аккаунт. Лимит обновляется каждые 24 часа с момента первой генерации. Если лимит исчерпан, вы сможете создать новое изображение после обновления счётчика или на следующий день. Советы по составлению промптов - Будьте конкретны. Вместо «кофе» напишите «каппучино в белой керамической кружке на светлом фоне». - Указывайте стиль. Добавляйте слова: минимализм, акварель, 3D, flat design, фотография. - Задавайте настроение. «Уютный вечер у камина», «энергичный старт дня», «спокойная атмосфера». - Избегайте противоречий. Не пишите одновременно «реалистичная фотография» и «мультяшный стиль» — ИИ запутается. - Экспериментируйте. Если первый результат не устроил — переформулируйте запрос и запустите генерацию снова. Что делать с готовым изображением? Сохранённая картинка появляется в хранилище и доступна для: - Вставки в рассылку через редактор - Использования в шаблонах - Добавления в другие письма без повторной генерации Изображения хранятся в вашем аккаунте постоянно — их можно использовать повторно в будущих кампаниях. Если результат не устраивает - Уточните описание и запустите новую генерацию - Попробуйте написать запрос на английском — иногда ИИ лучше понимает англоязычные формулировки - Разбейте сложную сцену на несколько простых запросов (например, сначала фон, потом объект) - Используйте готовые изображения из хранилища как основу, а ИИ — для создания дополняющих элементов. 📌 Читайте в нашем блоге: Генерация изображений: советы и рекомендации.

Обновлено Feb 28, 2026

Блок «Меню»

Чтобы добавить меню в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: Затем нажмите на этот блок, в меню справа вы увидите его настройки: Рассмотрим подробнее настройки блока «Меню» 1. Кнопка «Добавить новый элемент» позволяет задать пункт меню: 2. Далее введите текст, который будет отображаться и действие, которое будет происходить при клике на этот пункт. Рекомендуем в «Меню» использовать действие «Открыть ссылку». При выборе этого действия введите в поле «URL» ссылку, на которую будет вести пункт меню. В поле «Открытие» вы можете выбрать, в какой вкладке браузера откроется страница, а также добавить заголовок для этой страницы. 3. Для всех пунктов меню вы можете задать шрифт, его толщину и размер: 4. Вы можете задать цвет текста и цвет ссылки, используя палитру (нажатие на квадрат с цветом) или цветовой код: 5. Поле «Выравнивание» позволяет расположить меню относительно блока, в котором оно находится, слева, по центру или справа: 6. Настройка «Ориентация» позволяет задать отображение меню вертикально или горизонтально: 7. В поле «Разделитель» используйте символ для визуального разделения пунктов меню. Помните, что цвет разделителя будет тот, который вы указали в поле «Цвет текста»: 8. При включении пункта «Сворачивающееся меню» будут доступны настройки для иконки «гамбургера»: 9. С помощью поля «Отступы» вы можете задать отступы для пункта меню или всего блока: При переключении слайдера появляется возможность задать отступы для каждой стороны отдельно: 10. Поле «Скрыть» позволяет выключить блок на мобильной или ПК версии письма:

Обновлено Feb 28, 2026

Функция «Пишите с AI» блока «Параграф»

ИИ-ассистент в блоке «Параграф» помогает создавать и улучшать тексты для писем и лендингов без необходимости покидать редактор. Он может написать контент с нуля, отредактировать существующий текст, оптимизировать его под поисковые системы или адаптировать под нужный тон и аудиторию. 💡 ИИ понимает запросы на русском и английском языках, поддерживает несколько стилей письма и работает прямо в интерфейсе редактора — не нужно копировать текст в сторонние сервисы. Как использовать «Пишите с ИИ» Шаг 1. Добавьте блок «Параграф» В редакторе письма или лендинга перетащите блок «Параграф» на рабочую область. Это стандартный текстовый блок, в котором можно писать вручную или использовать ИИ: Шаг 2. Откройте ИИ-ассистента В свойствах блока найдите кнопку «Пишите с ИИ» и нажмите на неё: Откроется окно «ИИ Параграф Ассистент»: Шаг 3. Введите запрос или текст У вас есть два варианта работы: - Создать текст с нуля: напишите подробное описание того, что нужно. Например: «Напиши короткий текст о преимуществах подписки на рассылку для владельцев малого бизнеса». - Редактировать существующий текст: вставьте готовый текст и укажите, что нужно изменить. Например: «Сделай этот текст более дружелюбным и короче». ⚠️ Чем конкретнее запрос — тем лучше результат. Избегайте расплывчатых формулировок вроде «Напиши что-нибудь» или просто «Текст». Шаг 4. Сгенерируйте текст Нажмите кнопку «Сгенерировать» и подождите несколько секунд. Готовый текст появится в окне ассистента. Шаг 5. Примените или доработайте - Нажмите «Применить», чтобы вставить текст в блок параграфа. - Нажмите «Regenerate», чтобы получить новый вариант на основе того же запроса. Дополнительные параметры После генерации текста вы можете уточнить его параметры, нажав на поле ввода: - Тон текста: формальный, неформальный, дружеский, профессиональный - Длина: количество символов или строк - Ключевые слова: для SEO-оптимизации - Язык: русский, английский, испанский, французский, немецкий, итальянский, португальский, голландский, китайский, корейский и другие Эти настройки помогают адаптировать текст под конкретную задачу и аудиторию. Основные сценарии использования Создание контента с нуля. Если вы не знаете, с чего начать, ИИ напишет базовый текст по вашему описанию. Это особенно полезно для приветственных писем, анонсов акций или описаний продуктов. Редактирование и улучшение. Вставьте готовый текст, и ИИ поможет: - Исправить орфографию и грамматику - Изменить тон (сделать более формальным или, наоборот, дружелюбным) - Сократить или расширить текст - Переписать сложные предложения проще SEO-оптимизация. Укажите ключевые слова, и ИИ встроит их в текст естественным образом, улучшив видимость контента в поисковиках. Персонализация. Адаптируйте текст под разные сегменты аудитории — например, для новичков и опытных пользователей можно создать разные версии одного письма. Работа с несколькими языками. Создавайте рассылки на разных языках без привлечения переводчиков. ИИ поддерживает более 10 языков, включая основные европейские и азиатские. Важные ограничения ⚠️ ИИ — это инструмент, а не замена живому автору. Он отлично справляется с техническими задачами, но может упустить нюансы, тон и культурный контекст, которые важны для создания по-настоящему эффективного контента. Перед отправкой рассылки всегда проверяйте текст: - Соответствует ли он вашему стилю общения с аудиторией - Нет ли фактических ошибок или неточностей - Вызывает ли текст нужные эмоции и побуждает к действию 📌 Контент, созданный ИИ, не должен нарушать этические и правовые нормы. Убедитесь, что текст подходит для вашей аудитории и не содержит спорных формулировок. Прежде чем воспользоваться нашим ИИ-помощником, обратите внимание: Помощник ИИ создан исключительно для помощи в создании и редактировании электронных писем и лендингов. Пожалуйста, будьте внимательны при использовании этого инструмента и не вводите личные данные, касающиеся вас и/или третьих лиц, а также любую конфиденциальную информацию. Эта функция разработана OpenAI L.L.C. ИИ-модель использует передовые технологии обработки естественного языка, такие как семантический анализ и понимание контекста, чтобы генерировать релевантные ответы на ваши запросы. Однако точность ответов не абсолютна, поэтому в некоторых случаях результаты могут быть не совсем точными или подходящими. Рекомендуем критически оценивать ответы и не полагаться на них полностью. Мы просим не вводить личные данные при использовании AI-ассистента. Если сгенерированный текст все же содержит фактически неверную личную информацию, которую вы хотите исправить, отправьте запрос на исправление непосредственно в OpenAI по адресу: dsar@openai.com. Мы не получаем и не обрабатываем, ни прямо, ни косвенно, информацию, которую вы вводите в ИИ Параграф Ассистент, а также сгенерированные им тексты. Мы также не позволяем OpenAI обрабатывать эту информацию для обучения ИИ-модели и улучшения своих сервисов. OpenAI хранит информацию в течение 30 дней исключительно для выявления злоупотреблений и ненадлежащего использования инструмента. Подробнее читайте в документации на сайте OpenAI.

Обновлено Feb 28, 2026

Темная тема (dark mode) в почтовых клиентах

Всё больше пользователей включают темную тему в своих почтовых приложениях — для комфорта при чтении ночью или в условиях низкой освещённости. Но почтовые клиенты по-разному обрабатывают письма в тёмном режиме: кто-то оставляет дизайн без изменений, кто-то инвертирует цвета, а кто-то применяет собственные алгоритмы. Если не учитывать эти особенности при создании рассылок, письма могут стать нечитаемыми: белый текст на белом фоне, логотипы сливаться с фоном, кнопки терять контрастность. 💡 Цель этого гайда — помочь вам создавать рассылки, которые выглядят хорошо в любом режиме: светлом и тёмном. Как почтовые клиенты обрабатывают темную тему Разные сервисы подходят к темному режиму по-разному: - Не изменяют письмо — например, стандартный почтовый клиент для iOS меняет только интерфейс приложения, оставляя цветовую схему письма без изменений. - Частично инвертируют цвета — светлые элементы становятся тёмными, а тёмные или чёрные блоки остаются без изменений. Так работают некоторые версии Яндекс.Почты. - Полностью адаптируют письмо — применяют сложные алгоритмы для изменения всех элементов под тёмный режим. Например, так делает Gmail. ⚠️ Поддержка темного режима зависит от почтового клиента и его версии. Рекомендуем регулярно проверять актуальную информацию в документации провайдеров. Практические рекомендации 1. Используйте контрастные цвета Выбирайте цветовые схемы, которые остаются читаемыми при инверсии. Тестируйте письма в тёмном режиме и составьте таблицу своих стандартных цветов с учётом того, как они преобразуются. *Отличный пример цветовых схем. Источник: *emailmatrix.ru 📌 Пример хорошей практики: если в светлом режиме вы используете тёмно-синий фон с белым текстом, в тёмном режиме этот фон может стать слишком светлым — заранее предусмотрите альтернативные варианты. 2. Загружайте изображения с прозрачным фоном Логотипы, кнопки и другие элементы, созданные как картинки, рекомендуется сохранять в формате PNG с прозрачным фоном. Добавьте контрастную обводку или тень, чтобы элементы оставались видимыми в обоих режимах. 💡 С обводкой логотип читается одинаково хорошо и в светлой, и в тёмной теме. 3. Увеличьте размер текста Мелкий текст сложнее читать в тёмном режиме из-за снижения контрастности. Если в письме есть крупные текстовые блоки, протестируйте их отображение в обоих режимах и при необходимости увеличьте шрифт. Рекомендуемый минимальный размер: - Основной текст: 14–16 пт - Заголовки: 18–24 пт - Подписи и примечания: не менее 12 пт 4. Используйте медиазапросы (для кастомных шаблонов) Если вы редактируете HTML-код шаблона, можно добавить медиазапросы для адаптации под тёмный режим. Вот основные примеры: Изменение цветов для тёмной темы: @media (prefers-color-scheme: dark) { body { background-color: #333333; color: #ffffff; } .section { background-color: #222222; border: 1px solid #555555; } } Инвертирование цветов: @media (prefers-color-scheme: dark) { body { filter: invert(100%); } .logo { filter: invert(0%); } } Подсветка ссылок: @media (prefers-color-scheme: dark) { a { color: #ff9900; } a:hover { color: #ffa500; } } ⚠️ Не все почтовые клиенты поддерживают медиазапросы. Используйте их как дополнительный слой оптимизации, но не полагайтесь на них полностью. Обязательное тестирование Перед отправкой массовой рассылки проверьте, как письмо выглядит: - В разных почтовых клиентах (Gmail, Яндекс.Почта, Mail.ru, Outlook) - На разных устройствах (десктоп, мобильные телефоны, планшеты) - В обоих режимах — светлом и тёмном Если у вас нет возможности протестировать письмо вручную на всех платформах, используйте сервисы предпросмотра вроде Провидицы в DashaMail — они показывают, как письмо будет выглядеть в различных почтовых клиентах. Краткий чек-лист ✅ Проверьте контрастность текста и фона ✅ Используйте изображения с прозрачным фоном и обводкой ✅ Увеличьте размер шрифта для основных блоков текста ✅ Протестируйте письмо в тёмном режиме перед отправкой ✅ Для кастомных шаблонов добавьте медиазапросы (опционально) Нужна помощь с тестированием? Если не уверены, как письмо отобразится в тёмном режиме, или хотите проверить рассылку перед отправкой — напишите в поддержку: support@dashamail.ru или через чат в личном кабинете.

Обновлено Feb 28, 2026

Отображение писем в Outlook

Outlook — один из самых популярных почтовых клиентов, особенно в корпоративной среде. Но он использует собственный движок для отображения писем (на базе Microsoft Word), который по-другому интерпретирует HTML и CSS по сравнению с другими клиентами. Из-за этого рассылки, идеально выглядящие в редакторе, могут «поехать» в Outlook: исчезнуть изображения, сломаться кнопки, измениться шрифты. 💡 Это не ошибка сервиса — так устроен сам почтовый клиент. Но зная особенности Outlook, можно создавать письма, которые будут корректно отображаться везде. Изображения Outlook часто блокирует изображения, загруженные со сторонних серверов. Получатель видит пустое место или значок «изображение заблокировано». ⚠️ Даже если вы загрузили картинку через редактор DashaMail, Outlook может не показать её до тех пор, пока пользователь не разрешит загрузку изображений вручную. Решение: - Всегда добавляйте альтернативный текст (alt) к изображениям — так пользователь поймёт содержание, даже если картинка не загрузилась. - Для критически важных элементов (логотип, призыв к действию) продублируйте информацию текстом рядом с изображением. - Избегайте слишком больших изображений — оптимальный размер до 1 МБ. Фоновые изображения. Outlook плохо поддерживает фоновые картинки для отдельных блоков. Вместо этого: - Замените блок с фоном на обычное изображение с текстом внутри. - Если фон обязателен — используйте инструмент backgrounds.cm для генерации VML-кода (специальный формат для Outlook). Но учтите: в одном письме может быть только один объект VML. Шрифты Кастомные шрифты (Google Fonts, Adobe Fonts и др.) в Outlook заменяются на системные — обычно Times New Roman или Arial. Дизайн теряет задуманный вид. Решение: - Используйте веб-безопасные шрифты: Arial, Verdana, Georgia, Trebuchet MS, Courier New. - Указывайте стек шрифтов в порядке приоритета: font-family: Arial, sans-serif; - Для заголовков допустимо использовать изображения с текстом — но не злоупотребляйте, чтобы не нарушить баланс текст/картинка. Кнопки Кнопки, созданные через CSS (border-radius, градиенты), в Outlook часто отображаются как простой текст или прямоугольник без скруглений: Решение: - Самый надёжный вариант — кнопка-изображение в формате PNG с прозрачным фоном. Добавьте к ней ссылку через редактор. - Альтернатива — использовать простую текстовую ссылку с подчёркиванием и контрастным цветом. - Для продвинутых случаев можно сверстать кнопку через VML или табличную вёрстку, но это требует ручной работы с HTML и подходит только при загрузке кастомного шаблона. 📌 Совет: если кнопка критически важна для конверсии, протестируйте её отображение в Outlook перед массовой отправкой. Таблицы Сложные таблицы с объединёнными ячейками, разным размером колонок или вложенными структурами могут отобразиться с нарушением разметки. Решение: - Используйте простые таблицы без объединения ячеек (colspan, rowspan). - Задавайте ширину колонок в процентах или пикселях напрямую в тегах. - Избегайте вложенных таблиц (таблица внутри таблицы). - Для сложных макетов рассмотрите вариант замены таблицы на изображение с сохранением текстового дубляжа рядом. Общие рекомендации для корректного отображения 1. Баланс текста и изображений. Письма, состоящие только из картинок, чаще попадают в спам и хуже отображаются. Соотношение текст/изображение должно быть примерно 60/40. 2. Проверяйте домен отправителя. Настроенный домен с корректными записями SPF/DKIM/DMARC снижает риск попадания в спам и блокировки контента. 3. Тестируйте перед отправкой. Используйте функцию «Предпросмотр» в DashaMail или отправьте тестовое письмо на адрес с Outlook (включая мобильную версию). 4. Упрощайте дизайн. Чем меньше сложных элементов (градиенты, анимация, тени), тем выше шансы на корректное отображение во всех клиентах. Чек-лист перед отправкой в Outlook ✅ Все изображения имеют альтернативный текст ✅ Критически важные элементы продублированы текстом ✅ Используются системные шрифты (Arial, Verdana и т.д.) ✅ Кнопки либо изображения, либо простые текстовые ссылки ✅ Таблицы простые, без объединённых ячеек ✅ Соотношение текст/изображение около 60/40 ✅ Письмо протестировано в Outlook (десктоп и мобильная версия)

Обновлено Feb 28, 2026

Блок «Текст»

Чтобы вставить текст в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку: Рассмотрим все настройки блока «Текст» 1. В свойствах блока вы можете оставить комментарий, удалить, дублировать или снять выделение с блока: 2. Поля «Цвет текста» и «Цвет ссылки» позволяют задать цвет через палитру (нажатие на квадрат цвета) или вводом цветового кода: 3. Поле «Line height» дает возможность, выбрать общий интервал между строками текста: 4. В поле «Межбуквенный интервал» вы можете задать расстояние между буквами: 5. Поле «Отступы» дает возможность задать отступы внутри блока сразу для всех сторон, визуальное отображение можно увидеть на рядом расположенном изображении: Или переключить слайдер и задать отступы для каждой из сторон блока индивидуально: 6. Поле «Скрыть» позволяет выключить блок на мобильной или ПК версии письма:

Обновлено Feb 28, 2026

Настройка адаптивности писем для мобильных устройств

Все шаблоны в онлайн-редакторе DashaMail адаптивны по умолчанию — письма корректно отображаются на смартфонах без дополнительных настроек. Текст увеличивается до комфортного размера, колонки выстраиваются вертикально, кнопки становятся крупнее. Однако для тонкой настройки под конкретный дизайн доступны специальные опции в свойствах элементов. Они позволяют контролировать, как именно будет выглядеть письмо на мобильных устройствах. 💡 60% писем открываются с мобильных устройств. Даже небольшие правки в адаптивной версии могут заметно повысить конверсию. Как настроить отображение на мобильных Все настройки находятся в правой панели свойств элементов (строки, изображения, кнопки). Рассмотрим ключевые опции. Наложение на мобильном — управление колонками Эта опция определяет, как поведут себя колонки при переходе на мобильное устройство. Выключено: колонки остаются в одном ряду, уменьшаясь по ширине. Подходит для простых элементов — например, двух иконок соцсетей. Включено: колонки выстраиваются вертикально — одна под другой. Это стандартное поведение для большинства макетов и обеспечивает комфортное чтение на узком экране. 📌 Совет: для макетов с 3+ колонками всегда включайте «Наложение на мобильном» — иначе элементы станут слишком узкими и нечитаемыми.* Скрыть — показывать элемент только на определённых устройствах Иногда часть контента нужна только на десктопе (например, сложная инфографика) или только на мобильных (упрощённая версия кнопки). В свойствах элемента найдите переключатель «Скрыть» и выберите: - «На мобильных» — элемент будет виден только на десктопе - «На десктопе» — элемент покажется только на смартфонах и планшетах ⚠️ Используйте эту опцию аккуратно: не скрывайте критически важный контент (призыв к действию, контакты), чтобы не терять конверсию на одной из платформ. Мобильные отступы Отступы, которые вы задаёте в основном режиме, могут быть недостаточными или, наоборот, избыточными на мобильных. В свойствах строки есть отдельные поля «Отступы для мобильных» — укажите здесь значения, оптимальные для узких экранов. Например: - На десктопе: отступы 40 пикселей сверху и снизу - На мобильном: отступы 20 пикселей — чтобы письмо не выглядело «размазанным» Выравнивание изображений для мобильных Для картинок доступна опция «Выравнивание на мобильных». Это полезно, когда на десктопе изображение выравнивается по правому краю (обтекание текстом), а на мобильном логичнее разместить его по центру. Выберите нужное выравнивание в свойствах изображения — оно применится только при открытии письма на смартфоне или планшете. Как проверить мобильную версию Перед отправкой обязательно протестируйте, как письмо выглядит на мобильных устройствах. В левом верхнем углу редактора найдите иконку 📱 Мобильный вид и нажмите на неё. Редактор переключится в режим просмотра с разрешением смартфона — вы сразу увидите, как расположатся колонки, изменятся отступы и отобразятся скрытые элементы. ✨ Совет: переключайтесь между десктопным и мобильным видом несколько раз во время редактирования — так вы заметите проблемные места ещё до отправки тестового письма. Практические рекомендации - Кнопки делайте крупнее на мобильных — минимальная высота 44 пикселя (стандарт доступности). - Шрифт основного текста — не меньше 14 пт, заголовков — 18–24 пт. - Между ссылками оставляйте пространство — на сенсорном экране легко промахнуться и кликнуть не туда. - Не используйте мелкие элементы — иконки меньше 24×24 пикселей сложно нажать пальцем. - Тестируйте на реальном устройстве — отправьте тестовое письмо на свой смартфон и откройте в родном почтовом приложении. Краткий чек-лист адаптивности ✅ Включите «Stack on mobile» для всех строк с колонками ✅ Проверьте, что кнопки достаточно крупные для нажатия пальцем ✅ Убедитесь, что текст читается без увеличения масштаба ✅ Протестируйте письмо в режиме мобильного просмотра в редакторе ✅ Отправьте тест на реальный смартфон перед массовой рассылкой

Обновлено Feb 28, 2026

Блоки: работа с содержимым письма

В данной статье разберём, как устроена работа с содержимым внутри нашего блочного онлайн-редактора писем. 1. На вкладке «Содержимое» размещены все доступные блоки: 2. Чтобы наполнить структуру письма блоком, нужно выбрать блок (например, представлен блок «картинка»), зажать его курсором мыши и перенести в требуемое место: 3. Для изменения содержания блока нажмите на него в макете и отредактируйте его в окне справа: 4. Когда вы нажмете на любой блок в макете письма, появятся дополнительные кнопки: переместить блок в любое другое место письма, оставить комментарий, удалить выделенный блок из тела письма и дублировать блок. 5. Узнать подробнее о каждом блоке можно в других статьях: Заголовок, Параграф, Список, Картинка, Кнопка, Таблица, Делитель, Спейсер, Соцсети, HTML, Видео, Иконки, Меню, Текст.

Обновлено Feb 28, 2026

Как изменить фон письма

Шаг 1. Вкладка «Настройки» Для изменения фона всего письма необходимо перейти на вкладку «Настройки» в правом меню: Шаг 2. Выбор цвета фона Нажмите на квадрат с цветом в поле «Цвет фона», далее выберите цвет в палитре или введите цветовой код: Поле «Цвет фона области содержимого» позволяет задать фон только для контента. Изменить его можно аналогично основному цвету через палитру или цветовой код: ⚠️ Убедитесь, что текст хорошо читается на выбранном фоне — проверьте контрастность. Шаг 3. Добавление фоновой картинки Переведите слайдер «Фоновая картинка» во включенное состояние. Нажмите на кнопку «Выбрать изображение»: Вам откроется хранилище контента, для выбора изображения с вашего компьютера: После загрузки доступно несколько форматов отображения картинки: «Вписать в фон» «Повторять» «Центр» ❗ Фоновая картинка отображается не во всех почтовых клиентах корректно — рекомендуем проверять отображение отправкой тестового письма.

Обновлено Feb 28, 2026

Как скруглить углы у контента

Шаг 1. Кликните по строке, в которой нужно скруглить блок с контентом: Шаг 2. Для того, чтобы скругление отображалось корректно, в меню «Строки» откройте «Свойства строки» и в «Фоны» обязательно задайте цвет фона контента, он не должен быть прозрачным или совпадать с фоном строки/всего письма, в ином случае скругления не будет видно: Шаг 3. В разделе «Бордеры» выбираем «Скругленные углы области содержимого»: - Задаем нужный радиус скругления: - Если нужно сделать закругление только у некоторых углов, в «Скругленные углы области содержимого» активируем «Больше свойств», так откроются настройки скругления для каждой стороны блока: Шаг 4. В меню «Бордеры» вы также можете выбрать варианты обводки для границ содержимого. Обводка будет скруглена по границе блока: Подробнее о свойствах строки и её элементах рассказано в нашей инструкции.

Обновлено Mar 01, 2026