Создание простого макета с помощью онлайн-редактора

Приступить к созданию рассылки Вы можете с помощью функции "создать рассылку" с главной страницы личного кабинета (Рабочий стол) или с раздела "Рассылки".

При наведении на кнопку "создать рассылку" появляется выпадающий список с вариантами (обычная рассылка и А/В рассылка):

выбор создания рассылки

Нажмите на строку "обычная рассылка" и попадете на страницу с выбором функционала для создания html письма "Создатель рассылки".

Выбор редактора

Есть три варианта создания рассылок:

красочный онлайн-редактор;

собственный html-макет;

простое текстовое письмо.


Варианты создания email-рассылки.

Сейчас будем создавать письмо с помощью Красочного онлайн редактора. Для этого нажимаем на кнопку "с помощью онлайн-редактора" и попадаем в сам редактор (меню "Дизайн письма"):

Элементы редактора


Панель навигации.

Меню "Сохранить и выйти" (позволяет вам закончить и сохранить создание рассылки в любой момент).

Меню редактора с инфоблоками, шаблонами и настройками дизайна.

Область создания макета письма.

Кнопка перехода к предпросмотру созданного макета.

Рассмотрим меню редактора:

ИНФОБЛОКИ;

ДИЗАЙН;

ШАБЛОНЫ;

Перемещение блоков

Инфоблоки. Сейчас "развернут" раздел "ИНФОБЛОКИ". Он содержит в себе 10 блоков, каждый из которых можно "захватить" мышкой и перетащить в тело письма.

Функциональные кнопки

Инфоблок "Заголовок". Перетащим в контентную область блок "Заголовок", и он появится у нас в макете письма.

Заголовок письма

Чтобы написать свой заголовок, надо нажать на надпись "Заголовок" и внести текст в поле, появившееся сверху. Если хотите сделать заголовок ссылкой, то введите адрес страницы, куда в результате перехода попадет ваш клиент.

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

Не забывайте сохранять результаты, иначе придется вносить данные заново.

Прописывание текста

Продолжим составление письма. Для этого перенесем блок "Текст" из Инфоблока в тело письма под заголовок.

Перетаскивание блока Текст

Манипуляции с инфоблоками. Блоки, расположенные в макете, можно 1. менять местами (перетаскивать), 2. копировать, 3. заливать цветом и 4. удалять

Редактирование элементов

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

Пример заливки отдельного блока цветом:

Заливка блока

Инфоблок "Текст". Для введения текста на место блока "Текст" нажмите на него левой кнопкой мыши – вверху появится редактор для оформления сообщения.

Написание текста

Верхняя шапка html письма. Мы заполнили тело письма, давайте вернемся к верхней шапке.

Шапка письма

Строка ввода "превью письма" - тот текс, который получатель видит сразу после темы. Может оказать влияние на процент открытия писем. Если текст привлекательный, эмоциональный, интригующий, то у адресата может возникнуть желание прочитать письмо.

Ссылка, пройдя по которой получатель сможет просмотреть письмо в браузере. Довольно полезна, так как зачастую в браузере письма отображаются более корректно. Также, она спасает в ситуациях, когда в почтовых программах отключена загрузка изображений в целях безопасности.

Плашка выбора типа верхней шапки (header письма): текст, картинка или вообще без нее.

При выборе "текстовый" вы можете написать сообщение, для этого надо кликнуть на "Header письма". Сверху появится поле для ввода текста. Вкладка "изображение" дает возможность загрузить картинку. Для этого, нажмите на "Добавьте изображение в заголовок".

Нижняя шапка письма. Перейдем к нижней шапке письма (footer).

Нижняя часть письма

Вместо тега %EMAIL% автоматически при отправке рассылки подставится электронный адрес получателя.

Непременно заполните поле с обоснованием рассылки! Ссылка "отписаться" должна обязательно присутствовать во всех рассылках, поэтому мы добавили ее по умолчанию.

Предпросмотр. Чтобы перейти к предпросмотру письма, нажмите на рыжую кнопку справа вверху.

Предпросмотр

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

Проверка письма

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

Так же читайте статьи: