Вы можете добавить шаблон в Rusender тремя способами:
- выбрать готовый шаблон
- создать новый шаблон с помощью блочного конструктора
- добавить собственный шаблон в HTML редакторе.
У блочного редактора Rusender есть ряд преимуществ:
- для создания эффективного письма можно добавить любой блок и элемент макета, просто перетащив его мышкой из готовых элементов конструктора
- можно легко редактировать все элементы, изменяя цвета, стиль, размеры и другие параметры
- не требуются специальные знания и умения в работе с HTML кодом
Примечание: вы можете выбрать существующий шаблон из галереи и внести в него изменения. Заготовленные шаблоны разных тематик позволят собрать качественное и красивое письмо, просто заменив текст. Рассмотрим работу конструктора на примере создания шаблона с нуля.
Перейдите в раздел «Шаблоны» и нажмите «Создать шаблон».
На панели справа будут доступны элементы, которые вы можете добавлять в письмо.
Дизайн всего письма настраивается в разделе «Текст» — тут вы можете задать ширину контента, фон письма, фоновую картинку, фон контейнера, цвет текста и ссылок, шрифт и размер шрифта и высоту строки.
Рекомендуем для каждого элемента шаблона (картинка, текст и так далее) создавать отдельный блок структуры.
Блок с элементом «Текст»
Выберите элемент «Текст» и перетащите его в шаблон.
Все правки производятся в редакторе справа. Вы можете в реальном времени увидеть, как текст меняется после правок.
При работе с текстом вы можете выбрать стиль, шрифт, размер, полужирный текст, курсив, выделить другим цветом отдельное слово, добавить маркированный список, отступ.
Отдельные параметры есть и для редактирования блока: цвет фона и отступ от краев.
Переменные
Добавление переменных происходит внутри текстового блока – меню «Объединить теги» с выпадающим списком предустановленных переменных.
Блок с элементом «Страница отписки»
Это обязательный блок, для того, чтобы у писем была хорошая доставляемость, а база была качественной и согласной на рассылки.
Элемент «Страница отписки» находится в выпадающем меню «Объединить теги».
Если при отправке рассылки в макете письма хотите указать дополнительную ссылку на отписку, необходимо в выпадающем меню «Объединить теги» выбрать элемент «Страница отписки».
Переход по ссылке включит получателя в список отписавшихся.
Важно: подмена параметра на ссылку не произойдет при отправке тестового письма.
Вставить ссылку отписки вы можете в любой блок письма, но чаще всего ее добавляют в футер.
Блок с элементом «Изображение»
В меню выберите блок «Изображение» и перетащите его с помощью мыши в шаблон письма.
Нажмите на блок с изображением и загрузите изображение с компьютера.
Для поиска бесплатных изображений, вы можете воспользоваться встроенным сервисом https://unsplash.com/
Редактирование картинки
Вы можете изменить параметры каждого изображения в панели редактирования блока.
Альтернативный текст
Бывают случаи, когда почтовый клиент не отображает картинки в вашем письме. Тогда на месте изображения и будет показана указанная вами подпись картинки (альтернативный текст).
Если подписи к картинке нет, отобразится название файла — непонятное для получателя и подозрительное для спам-фильтров, поэтому рекомендуется для каждой картинки указывать понятную подпись.
Ширина картинки
Каждое изображение, добавленное в шаблон письма, изначально имеет размер 100%. Вы можете уменьшать его, изменять размер.
Изменение ширины картинки тянет за собой связанное изменение высоты, поэтому лучше менять размеры изображения ДО того, как вставлять его в редактор шаблона.
Выравнивание
Под выравниванием подразумевается расположение картинки относительно краев блока, в котором она находится.
Картинку вы можете выровнять по левому краю, правому краю и центру.
Внутренний отступ
Значение этого параметра – равномерный отступ изображения от краев блока: сверху, снизу, справа и слева.
Цвет фона
Этот параметр задает фоновый цвет для блока, в котором находится изображение.
Ссылка
Используйте эту опцию, чтобы добавить в картинку гиперссылку.
Блок с элементом «Кнопка»
Выберите элемент «Кнопка» в панели конструктора и перетащите его в шаблон.
Укажите ссылку на страницу, куда должна вести кнопка, и текст, который получатель будет видеть на кнопке.
Вы можете выбрать стиль кнопки, изменить ее ширину, высоту, цвет, выравнивание относительно краев блока.
Яркий призыв к действию, оформленный в красивом стиле — дополнительный шанс, что получатель заметит кнопку и захочет её нажать и перейти на ваш сайт.
Блок с элементом «Разделитель»
Этот элемент вы можете использовать в случае, когда нужно визуально отделить в шаблоне два блока друг от друга.
Вы можете использовать разделитель-линию, стиль которой вы можете выбрать из выпадающего списка.
Блок с элементом «Меню»
Вы можете выбрать стили, изменять ширину, высоту, цвет, выравнивание, а также добавлять новые пункты.
Вы также можете скрывать отдельные блоки для мобильных устройств.
Для этого выберите нужный блок и справа в настройках блока активируйте «Скрыть для мобильных устройств».