Редактор кода полезен для тех, кто уже работает с HTML и CSS при создании писем, а также для пользователей, которые хотят расширить возможности оформления и управления своими емейлами.
Как открыть редактор кода
Чтобы открыть редактор кода:
- Откройте нужное письмо.
- Нажмите на иконку с символом кода в правом верхнем углу экрана.
- Подтвердите переход в режим редактирования кода.
❗️Важно: при переходе в редактор кода часть функций визуального редактора станет недоступной. Вы не сможете редактировать эти элементы обратно через конструктор блоков.
Интерфейс редактора кода
При открытии редактора кода отображаются разные части письма, в зависимости от того, на чем был фокус:
- Если фокус не был установлен ни на один элемент, откроется код всего письма.
- Если был выделен конкретный элемент, редактор покажет код только этого элемента.
Вы можете перемещаться по письму, и код в редакторе будет обновляться в соответствии с выделенным элементом.
Разделы редактора кода
Редактор кода состоит из трёх вкладок: HTML, CSS, AMP.
- HTML — основной код письма. Здесь можно редактировать существующие теги и классы, добавлять собственные элементы и структуру.
- CSS — стили, применяемые к HTML-тегам. Стили сгруппированы по устройствам: десктоп и мобильные, что упрощает настройку адаптивности.
- AMP — AMP-версия письма. Эта вкладка будет доступна, если вы ранее добавляли AMP-блок или хотите создать его вручную.
Настройки редактора кода
В редакторе можно выбрать цветовую тему — для этого нажмите на иконку шестерёнки в правом верхнем углу и выберите подходящее оформление.
В правом верхнем углу также отображаются:
- количество ошибок в коде текущего письма,
- размер письма,
- иконки для изменения размера шрифта кода.
