Урок 9. Templates. Создание Basic шаблона письма
Создание шаблона письма с помощью конструктора в MailChimp Basic
Оцените материал:
Цель урока
Работа в разделе Templates.
Создать шаблон письма с помощью конструктора в MailChimp Basic.
Выбор макета
Чтобы начать работу, перейдите в раздел Templates из главного меню:
Нажмите кнопку "Creaate Template" и вы попадете на страницу со списком шаблонов:
Мне понравился вот этот макет:
Я выбираю его нажав кнопку "Select" рядом.
Обзор конструктора шаблонов писем
Конструктор разделен на две части: зона предпросмотра и управления (левая сторона) и зона настройки содержимого (правая сторона). Есть возможность предпросмотра на мобильном устройстве и отправки тестового сообщения:
Кроме того, если навести мышью на блоки в левой части конструктора, то можно увидеть инструменты для управления ими:
- Перетащить блок
- Редактировать блок. При этом в правой части появятся возможные настройки для этого блока
- Скопировать блок
- Удалить блок
Контент шаблона
Нам доступны для добавления в шаблон следующие типы контента:
- Обычный текст
- Текст с рамкой (выделенный)
- Разделитель
- Изображение
- Группа изображений
- Карточка изображения (с подписью)
- Изображение с текстом (обтекаемое)
- Социальные кнопки "Поделиться"
- Социальные кнопки на аккаунты в соц. сетях
- Кнопка
- Подвал
- Код
- Видео
Чтобы добавить контент, просто перетащите его в область предпросмотра. После перетаскивания нажмите на кнопку редактирования блока и посмотрите доступные настройки:
Если что-то непонятно, не переживайте, значит это нам еще не нужно (или задайте вопрос в комментариях).
Вот, что получилось у меня:
Теперь пришло время приукрасить его.
Дизайн шаблона
Перейдите во вкладку Design и обратите внимание на правую часть конструктора:
Теперь мы можем настроить внешний вид используя разделы:
- Page - Страница
- Preheader - предзаголовок. Речь идет о небольшой части письма в которой дается ссылка для прочтения письма в браузере. Рекомендую использовать эту часть для размещения краткого анонса письма или интригующих предложений
- Header - Заголовок
- Body - тело письма
- Clumns - настройка колонок в письме (если используются)
- Footer - нижняя часть письма
- Mobile Styles - отдельные стили для мобильных устройств: размер заголовков и отображение некоторых блоков
- MonkeyRewards - копирайт MailChimp
Посмотрите видео, чтобы оценить возможности конструктора:
Упражнения
- Разработайте макет для будущих email писем
- Наполните макет контентом
- Приведите дизайн письма в общие стили со своим сайтом
Оцените материал:
Расскажите друзьям и коллегам о полезной статье:
Обсуждение
Всего комментариев: 7
0
