Как создать письмо с помощью нового конструктора New Builder

В этой статье вы узнаете, как создать письмо с помощью нового конструктора.

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

Обратите внимание:

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

Выбор нового конструктора

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

Чтобы выбрать новый конструктор, выполните следующие действия:

В разделе “Содержимое” (Content) конструктора письма нажмите “Дизайн письма” (Design Email).
Во всплывающем модальном окне выберите “Новый конструктор” (New Builder).

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

Выбор шаблона

Для начала Mailchimp предоставляет минимальный шаблон. Можно начать работу в нем или выбрать шаблон другого типа.

Для предварительного просмотра и переключения шаблонов выполните следующие действия:

В новом конструкторе нажмите “Шаблоны” (Templates).
Наведите курсор на шаблон, с которым хотите работать, и нажмите “Предварительный просмотр” (Preview), чтобы увидеть макет.
Когда выберете подходящий, нажмите “Применить” (Apply).
Во всплывающем модальном окне “Изменить шаблон” (Change Template) можно выбрать “Продолжить с существующим содержимым” (Continue with your existing content) или “Начать с чистого шаблона” (Start with a clean template).

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

Изменение цвета фона

Чтобы изменить цвет фона всего письма, выполните следующие действия:

Нажмите на область фона рядом с любым блоком контента.
В меню “Фон” (Background) нажмите “Холст” (Canvas), чтобы выбрать или добавить цвет, который будет находиться позади вашего контента.
Нажмите “Фон” (Background), чтобы выбрать или добавить второй цвет фона для полей письма.

Добавление содержимого

Для оформления внешнего вида вашего письма, необходимо использовать контент-блоки. Доступные блоки: заголовок, абзац, изображение, логотип, кнопка, разделитель, отступ, видео, социальные сети и макет. Каждый шаблон Mailchimp также включает в себя обязательный блок контента “Футер” внизу письма.

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

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

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

Заголовок

Контент блок “Заголовок” (Heading) используется, чтобы добавить текст заголовка в свое письмо.

Чтобы использовать блок контента для заголовка, выполните следующие действия:

Нажмите на контент блок “Заголовок” (Heading) или добавьте его в свое письмо.
Добавьте или отредактируйте текст, используя панель инструментов. На панели можно выбрать размер заголовка, атрибуты шрифта и выравнивание. Также можно создать маркированный или нумерованный список, вставить ссылку или добавить мерж теги.
Чтобы изменить тип шрифта, используйте выпадающее меню “Шрифт” (Font) в меню “Заголовок” (Heading). Затем выберите “Размер шрифта” (Type Size) и “Цвета” (Colors) для текста, ссылок и фона блока.
Если необходимо применить эти стили ко всем блокам заголовков в письме, нажмите “Применить стиль ко всем заголовкам” (Apply style to all headings).

Абзац

Чтобы добавить текст в письмо, используйте контент блок “Абзац” (Paragraph).

Чтобы использовать блок контента “Абзац”, выполните следующие действия:

Нажмите на соответствующий контент блок или добавьте его в свое письмо.
Добавьте или отредактируйте текст, используя панель инструментов. На панели можно выбрать размер заголовка, атрибуты шрифта и выравнивание. Также можно создать маркированный или нумерованный список, вставить ссылку или добавить мерж теги.
Чтобы изменить тип шрифта, используйте выпадающее меню “Шрифт” (Font) в меню “Абзац” (Paragraph). Затем выберите “Размер шрифта” (Type Size) и “Цвета” (Colors) для текста, ссылок и фона блока.
Если необходимо применить эти стили ко всем блокам абзацев в письме, нажмите “Применить стиль ко всем абзацам” (Apply style to all paragraphs).

Изображение

Для добавления картинок в письмо используется блок контента “Изображение” (Image).

Чтобы им воспользоваться, выполните следующие действия.

Нажмите на контент блок “Изображение” (Image) или добавьте его в свой макет.
Выберите картинку из базы контента Mailchimp. Если вы работаете с блоком-заполнителем, вам сначала нужно нажать “Заменить” (Replace) в меню “Изображение” (Image).
По мере необходимости можно обрезать или изменить размер изображения.
В меню “Изображение” (Image) установите выравнивание по левому, правому краю или по центру с помощью опции “Выравнивание изображения” (Alignment).
Если необходимо, чтобы изображение ссылалось на страницу или профиль в Интернете, добавьте URL-адрес в поле “Ссылка на” (Link to).
В поле “Альтернативный текст” (Alt Text) добавьте описание картинке в виде текста, чтобы сделать ваше письмо более доступным.

Логотип

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

Чтобы использовать контент блок “Логотип” (Logo), выполните следующие действия:

Нажмите на нужный контент блок или добавьте его в свое письмо.
В меню “Логотип” (Logo) выберите “Установить логотип” (Set Logo). Если вы обновляете его, то сначала нужно нажать “Заменить логотип” (Replace Logo).
В студии контента нажмите на изображение, которое хотите использовать в качестве логотипа.
Чтобы выбрать логотип только для этого письма, нажмите “Вставить” (Insert). Чтобы установить новый по умолчанию, сначала нужно нажать на выпадающее меню рядом с “Просмотреть подробности” (View Details) и выбрать “Установить мой логотип” (Set My Logo).
По мере необходимости можно обрезать или изменить размер изображения.
В меню “Логотип” (Logo) установите выравнивание по левому, правому краю или по центру.
Если необходимо, чтобы логотип ссылался на страницу или профиль в Интернете, добавьте URL-адрес в поле “Ссылка на” (Link to).
В поле “Альтернативный текст” (Alt Text) добавьте описание для логотипа в виде текста, чтобы сделать ваше письмо более доступным.

Кнопка

Чтобы добавить кнопку в макет используется контент блок “Кнопка” (Button). Кнопки — отличный способ использовать заметный призыв к действию, например, ссылку “Купите сейчас” на товар в вашем магазине.

Чтобы использовать блок контента “Кнопка”, выполните следующие действия.

Нажмите на контент блок “Кнопка” (Button) или добавьте его в свое письмо.
Добавьте или отредактируйте текст, используя панель инструментов.
В меню “Кнопка” (Button) вставьте ссылку и выберите для кнопки “Ссылка на URL” (Link to URL), “Выравнивание” (Alignment), “Форма” (Shape), “Стиль” (Style) и “Цвета” (Colors).
Если необходимо применить эти стили ко всем кнопкам в письме, нажмите “Применить стиль ко всем кнопкам” (Apply style to all buttons).

Разделитель

Используйте блок контента “Разделитель” (Divider), чтобы добавить разделительную линию в своем макете. Разделители помогают создавать отдельные разделы в электронном письме.

Чтобы использовать этот блок контента, выполните следующие действия.

Нажмите на блок “Разделитель” (Divider) или добавьте его в свое электронное письмо.
На боковой панели разделителя выберите толщину, стиль, заполнение и цвета разделителя.
Если необходимо применить эти стили ко всем разделителям в письме, нажмите “Применить стиль ко всем разделителям” (Apply style to all dividers).

Отступ

Если необходимо добавить отступ между другими контент блоками в макете, используется “Отступ” (Spacer).

Чтобы использовать блок контента “Отступ”, выполните следующие действия:

Нажмите на блок “Отступ” (Spacer) или добавьте его в свое электронное письмо.
В меню “Отступ” (Spacer) выберите высоту в пикселях и цвет фона.

Видео

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

Чтобы использовать блок “Видео” (Video), выполните следующие действия:

Нажмите на блок видеоконтента или добавьте его в свою электронную почту.
На боковой панели “Видео” (Video) добавьте URL-адрес в поле “Источник” (Source).
В поле “Альтернативный текст” (Alt Text) добавьте описание для видео в виде текста, чтобы сделать ваше письмо более доступным.

Социальные сети

Чтобы использовать значки социальных сетей и связать их со своими учетными записями, используется контент блок “Социальные сети” (Social). Так, получатели смогут быстро найти вас в удобной социальной сети и подписаться.

Чтобы использовать блок Social, выполните следующие действия:

Нажмите на контент блок “Социальные сети” (Social) или добавьте его в свое электронное письмо.
На боковой панели “Социальные сети” (Social) переместите ползунок для каждой социальной сети, которую хотите включить.
Измените URL-адреса, чтобы убедиться, что каждый значок указывает на ваш конкретный профиль.
Отредактируйте выравнивание и цвет значков.

Макет

Чтобы добавить раздел, включающий несколько блоков текста или изображений, используется блок контента “Макет” (Layout). Например, можно добавить изображение с подписью и кнопкой, или ряд изображений.

Чтобы использовать контент блок макета, выполните следующие действия:

Наведите курсор мыши на дизайн письма и нажмите значок плюса (+) в том месте, где вы хотите добавить раздел “Макет”.
В меню блока контента нажмите на “Макет” (Layout).
В меню “Добавить макет” (Add Layout) нажмите на выпадающее меню “Макет” (Layout) и выберите “Текст” (Text), “Текст и изображение” (Text & Image) или “Галерея изображений” (Image Gallery).
Нажмите на один из вариантов, чтобы добавить его в свое письмо.
Нажимайте на отдельные блоки текста или изображений в макете, чтобы получить доступ к параметрам редактирования.

Футер

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

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

Доступные компоненты:

Авторские права. Вставляет текущий год и название вашей компании или организации, которые обязательно указаны в футере для аудитории.
Описание списка. Вставляет напоминание получателю о том, что он предоставил свое разрешение на отправку писем.
Обновить настройки. Вставляет ссылку на форму обновления профиля контакта.
Реферальный значок. Вставляет реферальный значок. Это обязательный элемент футера для бесплатных аккаунтов.

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

Перемещение, удаление или дублирование блоков

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

Эти действия не применяются к футеру или макету.

Переместить контент блок

Чтобы переместить блок контента, выполните следующие действия:

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

Удалить контент блок

Чтобы удалить блок контента, нажмите на него, затем щелкните значок корзины.

Дублировать контент блок

Чтобы дублировать блок контента, выполните следующие действия:

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

Отменить и повторить изменения

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

Чтобы отменить изменение, нажмите на значок стрелки отмены.

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

Предварительный просмотр письма

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

Чтобы просмотреть письмо, выполните следующие действия:

Нажмите на “Предварительный просмотр” (Preview).
Нажмите значок рабочего стола или мобильного устройства, чтобы увидеть, как готовое письмо будет выглядеть на этих устройствах.
По завершению нажмите “Выйти из предварительного просмотра” (Exit Preview).

Сохранение дизайна электронного письма

Когда вы закончите создавать письмо, нажмите “Продолжить” (Continue).

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

Если у вас есть вопросы по Mailchimp, email маркетингу и написанию текстов для рассылок, запишитесь на консультацию.