Вы можете добавить шаблон в Rusender тремя способами: 

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

У блочного редактора Rusender есть ряд преимуществ:

  • для создания эффективного письма можно добавить любой блок и элемент макета, просто перетащив его мышкой из готовых элементов конструктора
  • можно легко редактировать все элементы, изменяя цвета, стиль, размеры и другие параметры
  • не требуются специальные знания и умения в работе с HTML кодом

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

Перейдите в раздел «Шаблоны» и нажмите «Создать шаблон».

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

Дизайн всего письма настраивается в разделе «Текст» — тут вы можете задать ширину контента, фон письма, фоновую картинку, фон контейнера, цвет текста и ссылок, шрифт и размер шрифта и высоту строки.

Рекомендуем для каждого элемента шаблона (картинка, текст и так далее) создавать отдельный блок структуры.

Блок с элементом «Текст»

Выберите элемент «Текст» и перетащите его в шаблон.

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

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

Отдельные параметры есть и для редактирования блока: цвет фона и отступ от краев.

Переменные

Добавление переменных происходит внутри текстового блока – меню «Объединить теги» с выпадающим списком предустановленных переменных.

Блок с элементом «Страница отписки»

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

Элемент «Страница отписки» находится в выпадающем меню «Объединить теги».

Если при отправке рассылки в макете письма хотите указать дополнительную ссылку на отписку, необходимо в выпадающем меню «Объединить теги» выбрать элемент «Страница отписки».

Переход по ссылке включит получателя в список отписавшихся.

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

Вставить ссылку отписки вы можете в любой блок письма, но чаще всего ее добавляют в футер.

Блок с элементом «Изображение»

В меню выберите блок «Изображение» и перетащите его с помощью мыши в шаблон письма.

Нажмите на блок с изображением и загрузите изображение с компьютера.

Для поиска бесплатных изображений, вы можете воспользоваться встроенным сервисом https://unsplash.com/ 

Редактирование картинки

Вы можете изменить параметры каждого изображения в панели редактирования блока.

Альтернативный текст

Бывают случаи, когда почтовый клиент не отображает картинки в вашем письме. Тогда на месте изображения и будет показана указанная вами подпись картинки (альтернативный текст).

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

Ширина картинки

Каждое изображение, добавленное в шаблон письма, изначально имеет размер 100%. Вы можете уменьшать его, изменять размер.

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

Выравнивание

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

Картинку вы можете выровнять по левому краю, правому краю и центру.

Внутренний отступ

Значение этого параметра – равномерный отступ изображения от краев блока: сверху, снизу, справа и слева.

Цвет фона

Этот параметр задает фоновый цвет для блока, в котором находится изображение.

Ссылка

Используйте эту опцию, чтобы добавить в картинку гиперссылку.

Блок с элементом «Кнопка»

Выберите элемент «Кнопка» в панели конструктора и перетащите его в шаблон.

Укажите ссылку на страницу, куда должна вести кнопка, и текст, который получатель будет видеть на кнопке.

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

Яркий призыв к действию, оформленный в красивом стиле — дополнительный шанс, что получатель заметит кнопку и захочет её нажать и перейти на ваш сайт.

Блок с элементом «Разделитель»

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

Вы можете использовать разделитель-линию, стиль которой вы можете выбрать из выпадающего списка.

Блок с элементом «Меню»

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

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

Для этого выберите нужный блок и справа в настройках блока активируйте «Скрыть для мобильных устройств».