Docs RU

Как добавить и использовать HTML-блоки в письмах

2025-07-30 08:25 Редактор

Как добавить и использовать HTML-блоки в письмах

Что такое HTML-блок и зачем он нужен?

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

Как добавить HTML-блок в письмо?

  1. Откройте письмо и перейдите в раздел инструменты и модули (первый значок сверху справа).
  2. Перейдите во вкладку Блоки.
  3. Найдите блок HTML, зажмите его мышкой и перетащите в нужное место письма.

Какие настройки есть у HTML-блока?

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

На десктопе:

  • Цвет фона блока
  • Границы блока (цвет, ширина, скругление)
  • Внутренние отступы (паддинги)

В мобильной версии:

  • Отдельные паддинги для мобильного отображения

В тёмной теме:

  • Цвет фона HTML-блока для тёмной темы

Что важно учитывать при использовании HTML-блоков?

  • Адаптивность: HTML-блоки не содержат адаптивной верстки по умолчанию. Вам необходимо самостоятельно прописывать CSS для корректного отображения на всех устройствах.
  • Безопасность: Убедитесь, что код не содержит JavaScript, iframes и других элементов, которые блокируются почтовыми клиентами.
  • Проверка: Тестируйте письмо в разных почтовиках, чтобы убедиться в корректной работе HTML-блока.
  • Минимализм: Старайтесь не перегружать HTML-блок сложной структурой. Почтовики не поддерживают всё, что возможно в веб-верстке.