Как работать с упрощенным редактором

Для пользователей с ролью Дизайнер, Редактор, Менеджер, Супермен

В SendPulse вы можете создать шаблон вашего письма в блочном конструкторе или загрузить свой шаблон в HTML редакторе.

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

Рекомендуем использовать упрощенный редактор только тем пользователям, которые разбираются в HTML-коде. Если вам сложно разобраться с тегами, вы можете создать шаблон в нашем блочном конструкторе, просто перетаскивая нужные элементы.

Если вам нужно создать шаблон с динамическим контентом, читайте статью Как создавать динамические письма по событиям на основе готовых шаблонов SendPulse.

Также вы можете выбрать готовый шаблон и заменить в нем текст и картинки — подробнее об этом читайте в статье Как использовать бесплатные готовые шаблоны для рассылок.

Как загрузить свой шаблон

Перейдите в раздел Рассылки > Шаблоны, нажмите Добавить шаблон и выберите Упрощенный редактор.

Введите название шаблона.

Добавьте код шаблона

Нажмите на значок Исходный код.

Введите код вашего шаблона. В тег <head> поместите все медиазапросы, а в <body> — все содержимое шаблона.

Шаблон письма должен быть написан по правилам адаптивной верстки HTML для email писем. К примеру, не рекомендуется выставлять фиксированную высоту и ширину блока, а стили нужно прописывать инлайново с использованием атрибута style.

Также не используйте скрипты JS и не подключайте сторонние файлы с помощью тега <iframe> — почтовые клиенты их не видят. Если хотите отправить интерактивное письмо, воспользуйтесь технологией AMP.

Не забывайте ставить символ / в закрывающем теге — если его не поставить, то следующий тег будет восприниматься вложенным в предыдущий.

Проверить шаблон на правильность вы можете с помощью сервиса HTML Email Check and Validation Tool и W3C Unicorn HTML Checker.

Читайте также: Список поддерживаемых CSS и HTML атрибутов в шаблоне письма.

Внесите изменения в шаблон

С помощью панели инструментов вы можете работать с текстом: выбрать шрифт, размер и выравнивание, выделить курсивом, полужирным, подчеркнутым или зачеркнутым, а также увеличить или уменьшить отступы.

Также можно выбрать цвет текста и фона.

Чтобы вставить или удалить ссылку, используйте значок Вставить/редактировать ссылку и Удалить ссылку.

Чтобы добавить медиафайлы в ваш шаблон, нажмите на Вставить видео или Вставить/редактировать изображение.

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

Также в шаблон можно добавить таблицу.

Чтобы отправлять персонализированные письма пользователям, вставьте переменные.

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

Также на панели редактирования доступны такие функции: Вернуть, Отменить, Поиск и замена, Горизонтальная линия, Очистить формат, Нижний индекс, Верхний индекс, Направление справа налево, Показывать блоки и Полноэкранный режим.

Загрузите изображения на сервер SendPulse

Прокрутите вниз. Отметьте, если хотите загружать изображения на сервер SendPulse, чтобы использовать картинки в других шаблонах.

Отправьте тестовое сообщение

У каждого почтового клиента могут быть свои правила распознавания кода и отображения шаблона. Рекомендуем делать тестовую отправку на свой адрес перед отправкой вашим клиентам.

В тестовых письмах не работают переменные. Если вам нужно проверить подстановку переменных, делайте рассылку на адресную книгу, в которой есть ваш адрес.

Сохраните шаблон

Сохраните шаблон и используйте его в ваших рассылках.

Читайте также: Как отправить email рассылку.

Как редактировать шаблон

Чтобы редактировать существующий шаблон, перейдите в раздел Рассылки > Шаблоны. Выберите необходимый шаблон и нажмите Редактировать шаблон.

Обратите внимание, что не все шаблоны можно редактировать с помощью упрощенного редактора — например, если вы создали шаблон в конструкторе, то он в нем и откроется. С помощью упрощенного редактора вы также можете менять некоторые системные шаблоны.

Когда шаблон готов, вы можете сохранить его как новый или пересохранить текущий со всеми изменениями.

    Оцените, насколько полезна статья "Как работать с упрощенным редактором"

    Оценка: 5 / 5

    Назад

    Как добавить ссылку на событие в календаре в письмо

    Далее

    Список поддерживаемых CSS и HTML атрибутов в шаблоне письма

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня