Как сделать письмо на основе шаблона для старого конструктора
Быстрый и простой способ создать письмо — отредактировать один из 150 бесплатных шаблонов писем, представленных в UniSender.
Чтобы их найти, нажимаем на «Создать рассылку» на главной странице личного кабинета UniSender.
На этапе «Создание письма» выбираем вкладку «Шаблоны».
Шаблоны распределены по тематике бизнеса, одни подойдут для акции в интернет-магазине, другие — для блога
HTML-шаблоны помечены тегом. О том, как работать с ними — в отдельной статье.
Как создать письмо на основе HTML-шаблона
Чтобы просмотреть шаблон, нажимаем на иконку в правом верхнем углу. Чтобы начать адаптировать шаблон под себя, жмем на кнопку «Использовать».
Мы сделаем на основе шаблона рассылку с акцией в магазине книг. Выбираем шаблон, нажимаем «Использовать». Шаблон откроется в старом конструкторе писем.
Как удалить или переместить блок в письме
Если нам не нужны какие-то блоки в шаблоне, мы можем их удалить. Для удаления нажимаем на крестик в правом верхнем углу блока.
Чтобы изменить положение блока, берем его и перетаскиваем мышкой в нужное место. Блок можно скопировать и удалить.
Как добавить новый блок на примере кнопки
Чтобы добавить недостающие блоки, нужно перетащить из меню «Блоки» слева структуру с количеством колонок: одна, две, три или четыре.
В колонки перетаскиваем контент: кнопку, текст или разделитель.
Адаптируем кнопку под наш макет. Указываем цвет, отступы, радиус скругления кнопки и настраиваем ее внешний вид в окне «Настроек». Шагами помечены возможные изменения кнопки, которые можно настроить в старом конструкторе.
Затем перейдем в «Параметры» и настроим текст на кнопке, ссылку и высоту блока.
По аналогии добавим кнопки в другие разделы письма.
Как отредактировать картинку в письме
Заменим логотип и главный баннер в шаблоне.
В новом окне откроется ссылка с менеджером файлов, в который нужно добавить картинку, чтобы она подтянулась в письмо.
В менеджере файлов кликаем на белую область правой кнопкой мышки. В появившемся меню выбираем «Загрузить файл».
Нажимаем «Выбрать файлы для загрузки».
Добавляем файлы с компьютера.
Затем кликаем два раза правой кнопкой мыши по загруженному файлу. Он вставится в нужный блок в письме.
Если вам нужно отредактировать расположение картинки или сам блок с картинкой, в левом меню редактора выбираем «Стили» → «Картинки» → «Изображение 1» или кликаем по шестеренке в блоке с картинкой.
По аналогии нужно заменить все картинки в письме.
Чтобы вставить ссылку на картинку, кликаем на блок и нажимаем «Настройки» (шестеренка). В окне настроек слева выбираем вкладку «Параметры», указываем альтернативный текст картинке и ссылку.
Как отредактировать текст письма
Чтобы отредактировать текст, мы редактируем само текстовое поле и внешний вид блока. Это можно сделать в левом меню или в самом редакторе.
Текст 1 — название блока в правом меню редактирование. Карандаш — редактирование текста. Шестеренка — настройки блока: отступы, альт-текст и другие
Редактирование текста помимо изменения текста позволяет отрегулировать размер шрифта, тип шрифта, междустрочный интервал.
Кнопка «Настройки» вызывает настройки блока: цвет шрифта, ширина, размещение картинки на фоне.
Как добавить ссылку
Чтобы добавить ссылку в текст, выделяем нужную фразу и нажимаем значок ссылки.
В открывшемся окне указываем ссылку и нажимаем «Ок».
Отредактируем все тексты по аналогии, добавим недостающие и разместим их в правильных местах.
Посмотрим на результат. Шаблон, который мы взяли за основу:
Шаблон, который у нас получился:
Полезные ссылки
Как попасть в старый конструктор
Как работать со стилями
Как создать правильную структуру: работа с колонками и блоками
Как отредактировать текст
Как вставить ссылку
Как вставить картинку
Как вставить кнопку
Как вставить блок соцсетей
Как вставить видео
Как вставить GIF
Как сделать прехедер