Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Создать письмо на основе HTML-шаблона UniSender

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

На главной странице Личного кабинета нажимаем «Создать рассылку» или заходим через меню «Рассылки» — «Создать рассылку» — «Email».

создаем рассылку.

Открывается страница с шаблонами. Нас интересуют шаблоны с пометкой «HTML </>».

Выбираем понравившийся и нажимаем «Использовать».

выбираем шаблон.

Шаблон открывается в редакторе.

шаблон открыт в редакторе.

Как заменить картинки

Начнём с замены логотипа на свой.

Кликаем на картинку, на панели инструментов нажимаем «Изображение». Или кликаем правой кнопкой на картинку и в контекстном меню выбираем «Свойства изображения».

изменяем логотип.

Открывается окно «Свойства изображения».

Чтобы загрузить свою картинку, нажимаем «Выбор на сервере».

заружаем свой логотип.

Открывается менеджер файлов. Чтобы загрузить свои изображения, кликаем на иконку с дискетой.

иконка с дискетой.
Нажимаем «Выбрать файлы для загрузки» и выбираем картинку на компьютере.

выбираем файл.

Картинка загружена. Чтобы добавить её в письмо, кликаем на неё дважды.

выбираем.

Далее редактируем alt-текст и нажимаем «OK».

альт-текст.

В итоге наша картинка в письме выглядит так.

итоговый вид.

Как создать ссылки

Теперь перейдём к меню в верхней части письма.

Здесь нам нужно создать ссылку для каждого пункта меню. Выделяем текст и нажимаем на панели инструментов «Вставить/Редактировать ссылку» или нажимаем Ctrl+L.

создание ссылки.

Открывается новое окно, куда можно ввести параметры ссылки.

Вводим отображаемый текст и вставляем саму ссылку.

вставляем ссылку.

Ссылка добавлена.

готово.
Если хотим изменить какие-то стили, например, цвет текста, кликаем дважды на ссылку, переходим на вкладку «Дополнительно», находим поле «Стиль» и добавляем там нужные стили. Например, меняем цвет ссылки на чёрный с помощью стиля color: #000000;

изменение стилей.

Аналогично прописываем остальные ссылки и меняем для них цвет текста.

другие ссылки.

Как отредактировать текст

Находим текст, который мы хотим отредактировать, выделяем его.

редактируем текст.

Вверху на панели инструментов можно менять форматирование текста, например, шрифт, размер, цвет текста.

форматируем текст.

Меняем шрифт на Tahoma, размер на 20, цвет на тёмно-синий.

Форматирование изменилось, но текст прописан курсивом.

результат форматирования.

Если хотим убрать курсив, нужно зайти в код письма. Для этого нажимаем на панели инструментов кнопку «Источник».

курсив.

Для поиска нужной части кода нажимаем Ctrl+F и вводим текст, который мы ищем.

нужная часть текста.

В найденной строке курсив задаётся стилем font-style: italic;

задаем курсив.

Выделяем эту часть кода и удаляем.

код.

Чтобы вернуться к визуальному отображению письма, нажимаем ещё раз на «Источник».

Так выглядит изменённый текст:

результат.

Остальные картинки и текст меняем по такому же алгоритму.

Готовое письмо выглядит так:

готовое письмо.

Полезные ссылки

Как отредактировать письмо в HTML-редакторе
Как вставить свой HTML-код

Оцените, на сколько вам показалась полезной статья «Создать письмо на основе HTML-шаблона UniSender»
(0)

Вы нашли ответ?

0
0