Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


Как только вы создадите сайт по одной из указанных ссылок, я увижу это в отчете партнерской программы:

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Урок 9. Templates. Создание Basic шаблона письма

Создание шаблона письма с помощью конструктора в MailChimp Basic

Сергей    10.03.2015    2132    5.0 из 5.0 (1)

Оцените материал:

Цель урока

Работа в разделе Templates.

Создать шаблон письма с помощью конструктора в MailChimp Basic.

Выбор макета

Чтобы начать работу, перейдите в раздел Templates из главного меню:

Урок 9. Templates. Создание Basic шаблона письма

Нажмите кнопку "Creaate Template" и вы попадете на страницу со списком шаблонов:

Урок 9. Templates. Создание Basic шаблона письма - Изображение 1

Мне понравился вот этот макет:

Я выбираю его нажав кнопку "Select" рядом.

Обзор конструктора шаблонов писем

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

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

  1. Перетащить блок
  2. Редактировать блок. При этом в правой части появятся возможные настройки для этого блока
  3. Скопировать блок
  4. Удалить блок

Контент шаблона

Нам доступны для добавления в шаблон следующие типы контента:

  • Обычный текст
  • Текст с рамкой (выделенный)
  • Разделитель
  • Изображение
  • Группа изображений
  • Карточка изображения (с подписью)
  • Изображение с текстом (обтекаемое)
  • Социальные кнопки "Поделиться"
  • Социальные кнопки на аккаунты в соц. сетях
  • Кнопка
  • Подвал
  • Код
  • Видео

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

Если что-то непонятно, не переживайте, значит это нам еще не нужно (или задайте вопрос в комментариях).

Вот, что получилось у меня:

Теперь пришло время приукрасить его.

Дизайн шаблона

Перейдите во вкладку Design и обратите внимание на правую часть конструктора:

Теперь мы можем настроить внешний вид используя разделы:

  • Page - Страница
  • Preheader - предзаголовок. Речь идет о небольшой части письма в которой дается ссылка для прочтения письма в браузере. Рекомендую использовать эту часть для размещения краткого анонса письма или интригующих предложений
  • Header - Заголовок
  • Body - тело письма
  • Clumns - настройка колонок в письме (если используются)
  • Footer - нижняя часть письма
  • Mobile Styles - отдельные стили для мобильных устройств: размер заголовков и отображение некоторых блоков
  • MonkeyRewards - копирайт MailChimp

Посмотрите видео, чтобы оценить возможности конструктора:

Упражнения

  1. Разработайте макет для будущих email писем
  2. Наполните макет контентом
  3. Приведите дизайн письма в общие стили со своим сайтом


Оцените материал:


Расскажите друзьям и коллегам о полезной статье:

Обсуждение

Всего комментариев: 7

avatar
1
Добрый день! Такой вопрос: моя рассылка добавленных фотографий долгое время работала успешно. В поле шаблона за формирование изображения отвечал тег *|RSS:CONTENT|*. Однако, раньше в RSS от Ucoz передавалась полная ссылка с доменом. Сейчас они готовятся к крупному обновлению и приводят ссылки к общему формату (то есть ссылка оформляется без домена), и моя рассылка перестала работать (ссылка же без домена) фотографии в письмах не отображаются. Вопрос, как теперь прописать тег и добавить в нему домен? Я перебрал множество вариантов, но не один не сработал.

Спасибо заранее.
avatar
2
Точнее будет *|RSSITEM:CONTENT|*. Ошибся чуток
avatar
0
3
Здравствуйте.

Попробуйте так
Код
//example.com*|RSSITEM:CONTENT|*
avatar
4
Так не работает, потому что этот тег выводит всё - и изображение обёрнутое в ссылку, и описание к нему. Выглядит так: сверху изображение обернутое в ссылку на страницу с фотографией, под ним описание фотографии. Как извлечь картинку отдельно я вроде бы нашёл, а вот как извлечь описание к нему пока не вижу. В любом случае, даже так работать не стало: //example.com*|RSSITEM:IMAGE|*
avatar
5
Три часа различных экспериментов прошли впустую. Печаль..
avatar
0
6
Сожалею. Вероятно, пока остается думать в сторону генерации своего RSS-файла. Однако, думаю, это все же должны починить.
avatar
7
Самое интересно, что именно тех.поддержка мне сказала, что "укорачивание" ссылок сделано сознательно, дабы привести все ссылки к единому варианту. А потому я не думаю, что это будут исправлять.
Урок 9. Templates. Создание Basic шаблона письма
Урок 9. Templates. Создание Basic шаблона письма