Читать книгу - "E-mail маркетинг для интернет?магазина. Инструкция по внедрению - Алексей Ефимов"
• Баннер масштабируется.
• Текст масштабируется.
• Заголовок раздела масштабируется.
• Блок 4‑го товара перестраивается в 2 строчки по 2 товара.
• Блок 3‑го товара перестраивается в 3 строчки по 1 товару.
• Блок 2‑го товара перестраивается в 2 строчки по 1 товару.
• Блоки картинка слева и справа становятся ýже (ширина текста уменьшается).
• Маркированный список масштабируется.
• Верхняя часть футера перестраивается в 2 строчки по 2 столбца.
• Текст в нижней части футера масштабируется.
• Верстка нужна блочная: добавить в код комментарии, отмечающие начало и конец каждого блока:
3. В результате предоставить html-файл шаблона (картинки залить на сервер).
Материалы по теме
• Статья про верстку для e-mail: ссылка на статью.
• Статья про адаптивную верстку: ссылка на статью.
• Пример верстки шаблона (кросс-e-mail, адаптивный): ссылка на шаблон.
• Сервис для проверки верстки на разных устройствах: http://viewlike.us.
• Сервис для проверки верстки в разных почтовых клиентах/на разных устройствах:
1. Получить информацию о тематике рассылки и товарах (набор ссылок) от руководителя.
2. Определить компоновку письма.
3. Скопировать одно из предыдущих писем (наиболее подходящее) и подогнать компоновку под текущее письмо.
4. Написать тексты для письма (черновик).
5. «Нарезать» картинки в размер.
6. Вставить тексты в письмо.
7. Вставить картинки в письмо (баннер, фото товаров, кнопки) и прописать ALT-тексты.
8. Вставить ссылки и прописать TITLE.
9. Доработать тексты (вступление, заголовки, P.S.).
10. Прописать PREHEADER.
11. Просмотреть письмо в браузере:
• вычитать тексты;
• прощелкать ссылки;
• проверить TITLE.
12. Отправить на тестовые ящики:
• вычитать тему и PREHEADER;
• проверить ALT (отображение без картинок);
• проверить корректность верстки (особенно в OUTLOOK!).
13. При необходимости внести правки и повторить тесты.
14. Согласовать письмо с руководителем.
15. Сгенерировать TXT-версию.
16. Проверить список (сегмент) для отправки и UTM-метку.
17. Поставить рассылку в расписание на отправку.
18. Проконтролировать отправку и внести данные в таблицу статистики рассылок.
19. Через неделю замерить результат.
Примеры автоматических писем
А: Бонус за подписку
Б: Напоминание о бонусе
В: Welcome e-mail
Г: Запрос отзыва
Д: Стимулирование 2‑го заказа
Пример доработки нотификаций
А: Перечень нотификаций
Б: ТЗ на дизайн шаблона нотификаций
Задача
Разработать дизайн для автоматических писем shop-example.ru: новая учетная запись, напоминание пароля и т. п.
Материалы
• Сайт магазина: ссылка на интернет-магазин.
• Бренд-бук shop-example: ссылка на скачивание бренд-бука.
• Шаблон для массовой рассылки: ссылка на скачивание шаблона.
Общие требования
• Цвета, шрифты, изображения, ссылки, кнопки и другие графические элементы сделать в стиле сайта, бренд-бука и уже разработанного шаблона.
• Фон снаружи письма: светло-серый.
• Фон тела письма: белый.
• Рамка вокруг письма: тонкие серые линии, по углам скругление.
• Ширина письма: 600px.
• В результате предоставить исходники шаблонов в PSD.
Эскиз
1. «Шапка»
• Слева логотип магазина.
• Справа телефонная трубка и номер телефона + время работы:
Прочитали книгу? Предлагаем вам поделится своим впечатлением! Ваш отзыв будет полезен читателям, которые еще только собираются познакомиться с произведением.
Оставить комментарий
- Vera24 апрель 16:25Мемуары голодной попаданки - Наталья ВладимироваБольшое спасибо. Прочитала на одном дыхании. Очень положительная героиня. Желаю автору здоровья и новых увлекательный книг.
- Кира18 апрель 06:45Метро 2033. Рублевка - Сергей АнтоновВот насколько Садыков здесь серьезный и бошковитый, и какой он в третьей книге... Мда. Экранировать Пирамидку лучше было надо. Юрик... Блин, вот, окромя очишуенной
- Кира16 апрель 16:10Рублевка-3. Книга Мертвых - Сергей АнтоновБольше всех переживала за Степана, Бориса, и Кроликова, как ни странно. Черный Геймер, почти, как Черный Сталкер, вот есть что-то общее в так сказать ощущениях от
- Ольга18 февраль 13:35Измена. Не прощу - Анастасия ЛеманнИзмена .не прощу часть первая закончилась ,простите а где же вторая часть хотелось бы узнать