Как использовать HTML-редактор для создания шаблона рассылок

1. Возможности редактора


HTML редактор позволяет:

  • составить свою верстку с нуля;
  • вставить готовую верстку из html файла;
  • отредактировать верстку, загруженную через ZIP архив;
  • отредактировать верстку, созданную в визуальном редакторе (ВАЖНО: верстку в визуальном редакторе нельзя будет больше править после сохранения письма в HTML-редакторе ).

2. Редактирование и предпросмотр

Рассмотрим общие моменты по возможностям редактора.

2.1. Нажмем «Редактировать шаблон в HTML-редакторе», чтобы начать редактирование:

Снимок экрана 2021-10-11 в 16.59.47.png

2.2. В левой части экрана область с версткой письма:

Снимок экрана 2021-10-15 в 17.58.29 — копия.png

2.3. В правой части экрана область предпросмотра письма:

Снимок экрана 2021-10-15 в 17.58.29 — копия 2.png

2.4. «Вернуться к рассылке» позволяет продолжить редактирование рассылки, не сохраняя шаблон письма:

Снимок экрана 2021-10-15 в 17.58.29 — копия 3.png

2.5. «Скрыть превью» скроет область предпросмотра:

Снимок экрана 2021-10-15 в 17.58.29 — копия 4.png

2.6. «Открыть превью» откроет область предпросмотра:

Снимок экрана 2021-10-15 в 17.59.53.png

2.7. Поиск по верстке можно осуществить командой Ctrl+F5:

Снимок экрана 2021-10-15 в 18.04.22.png

2.8. Кнопка «Сохранить» сохранит изменения в шаблоне и закроет режим редактора:

Снимок экрана 2021-10-15 в 17.59.53.png

2.9. По кнопке «Загрузить картинку» можно загрузить картинку на наш сервер и получить ссылку на неё:

Снимок экрана 2021-10-15 в 17.58.29.png

HTML-письма без ошибок: 8 требований к дизайну и верстке