На главной странице личного кабинета нажмите «Создать рассылку» — «Email».
Откроется страница с шаблонами. Нас интересуют шаблоны с пометкой «HTML </>».
Выбираем понравившийся и нажимаем «Использовать».
Шаблон открывается в редакторе.
Как заменить картинки
Начнём с замены логотипа на свой.
Кликаем на картинку, на панели инструментов нажимаем «Изображение». Или кликаем правой кнопкой на картинку и в контекстном меню выбираем «Свойства изображения».
Открывается окно «Свойства изображения».
Чтобы загрузить свою картинку, нажимаем «Выбор на сервере».
Открывается менеджер файлов. Чтобы загрузить свои изображения, кликаем на иконку с дискетой.
Нажимаем «Выбрать файлы для загрузки» и выбираем картинку на компьютере.
Картинка загружена. Чтобы добавить её в письмо, кликаем на неё дважды.
Далее редактируем alt-текст и нажимаем «OK».
В итоге наша картинка в письме выглядит так.
Как создать ссылки
Теперь перейдём к меню в верхней части письма.
Здесь нам нужно создать ссылку для каждого пункта меню. Выделяем текст и нажимаем на панели инструментов «Вставить/Редактировать ссылку» или нажимаем Ctrl+L.
Открывается новое окно, куда можно ввести параметры ссылки.
Вводим отображаемый текст и вставляем саму ссылку.
Ссылка добавлена.
Если хотим изменить какие-то стили, например, цвет текста, кликаем дважды на ссылку, переходим на вкладку «Дополнительно», находим поле «Стиль» и добавляем там нужные стили. Например, меняем цвет ссылки на чёрный с помощью стиля color: #000000;
Аналогично прописываем остальные ссылки и меняем для них цвет текста.
Как отредактировать текст
Находим текст, который мы хотим отредактировать, выделяем его.
Вверху на панели инструментов можно менять форматирование текста, например, шрифт, размер, цвет текста.
Меняем шрифт на Tahoma, размер на 20, цвет на тёмно-синий.
Форматирование изменилось, но текст прописан курсивом.
Если хотим убрать курсив, нужно зайти в код письма. Для этого нажимаем на панели инструментов кнопку «Источник».
Для поиска нужной части кода нажимаем Ctrl+F и вводим текст, который мы ищем.
В найденной строке курсив задаётся стилем font-style: italic;
Выделяем эту часть кода и удаляем.
Чтобы вернуться к визуальному отображению письма, нажимаем ещё раз на «Источник».
Так выглядит изменённый текст:
Остальные картинки и текст меняем по такому же алгоритму.
Готовое письмо выглядит так:
Полезные ссылки
Как отредактировать письмо в HTML-редакторе
Как вставить свой HTML-код
