Редактор email писем нужен для самостоятельной верстки письма для рассылки.

Создаем новую Email рассылку и открываем редактор по кнопке Открыть email редактор внизу страницы

Скриншот


Далее открывается пустое поле

Скриншот

Верхняя панель инструментов

Скриншот


1. Редактировать — дает возможность отредактировать блоки которые вы создали
2. Предпросмотр — возможность увидеть полную картинку в письме в десктопной версии и мобильной
3. HTML код —  дает возможность скопировать верстку вашего письма и вставить в Шаблон сообщения

Скриншот


4. JSON данные — хранит в себе данные.

Скриншот



5. Версия для ПК — редактор для ПК версии
6. Мобильная версия — редактор для мобильной версии
7. Закончить редактирование — кнопка для завершения редактирования. При нажатии возвращает вас в меню с настройкой.

Подставляет данные в шаблон сообщения и отображение шаблона

Скриншот

8. Скрытие боковой панели

Добавление блоков

Необходимо нажать на + и тогда Заголовок, если для письма нужно его задать. Сам текст вносим справа в свойствах выводится доп меню по добавлению опций

Скриншот

1. Заголовок — это блок с заголовком, если для письма нужно его задать. Сам текст вносим справа в Свойствах

Скриншот

2. Текст — это блок, который отвечает за внесение текста, справа также вносим в Свойствах текст и правки.

Скриншот


3. Кнопка — это блок, который выводит иконку с кнопкой, в которую можно вышить любую ссылку. Справа также есть необходимые Свойства.

Скриншот


4. Изображение — это блок, который добавляет картинку в ваше письмо, также есть свои Свойства в которых можно отредактировать например отступы.

Скриншот


5. Аватар — это блок, который дает возможность вывести в письме ваше фото или логотип заведения.

Скриншот

6. Разделитель — это блок, который может разделить информацию в письме или выделить главную информацию.

Скриншот


7. Отступ — это блок, который возможность каждый блок отделить друг от друга.

Скриншот


8. HTML — это блок, который дает возможность вывести вашу верстку, для этого в боковое меню, в Свойства, вставляете код и редактор выводит в блок информацию.

Скриншот


9. Колонки — это блок, который выводит дополнительную информацию в колонках с дополнительным наполнением.

Скриншот


10. Контейнер — это блок, который позволяет делить письмо на зоны, настраивать фон этого блока отдельно.

Скриншот

У каждого выделенного блока есть свои Свойства и их можно менять в боковой панели (Цвет фона, границы, текста и т.д.)

Скриншот



Боковая панель. Общие

1. Цвет фона

Скриншот


2. Цвет холста

Скриншот

3. Цвет границы холста

Скриншот

4. Радиус границы холста или скругление

Скриншот

5. Выбор шрифтов

Скриншот

6. Цвет текста

Скриншот

7. Текст прехедера — это короткий текст, отображаемый в почтовом ящике, как превью

Скриншот