Обычно к базовым блокам относят:
- картинку (про картинки я уже делал пост);
- текст;
- кнопку;
- разделитель.
Но я хочу сконцентрироваться на «опционально» базовых блоках, которые очень упрощают жизнь разработчикам, но зачастую не позволяют сверстать «все что хочется», ограничиваясь предзаготовленными шаблонами.
Видео
Коротко: в емейл-сообщение можно просто вставить ссылку на видео, а картинка, кнопочка «Play» и альтернативный текст подтянутся сами по себе.
Детальнее: есть несколько способов добавить видео прямо в письмо, чтобы оно проигрывалась прямо внутри письма, хотя это работает только при поддержке HTML5 и не всегда рекомендуется потому, что «письма любят тишину».
Идеальным вариантом является вставлять картинку из видео с кнопкой «Play» с альтернативным текстом. Добавив компонент, можно вставить ссылку на видео, а мы сами сбегаем в Youtube, получим картинку, применим к ней одну из кнопок, которую можно выбрать, получим название видео и подготовленную картинку с видео вставим в письмо. Получается очень быстро и здорово.
Хотелось бы добавить еще возможность поменять картинку, вставив свою, но это мы добавим чуть позже.
Сейчас мы поддерживаем Youtube и Vimeo.
Соц. сети
Коротко: выбираете стиль картинок, указывайте какие профили добавлять и блок сформируется автоматически.
Чаще всего у писем есть блок «следите за нами в соц. сетях» с перечислением иконок и ссылок в разном стиле. Большие или маленькие, но, непременно, последовательность иконок со ссылками.
Если в профиле указаны ссылки на профили компании, то они будут сформированы автоматически, а если нет или нужно указать другие, то это всегда можно сделать вручную.
Меню
Коротко: добавляйте, удаляйте пункты меню, выделяйте акции, управляйте разделителями и стилями меню. С картинками или без. Всё очень просто.
У каждого пункта меню можно менять шрифт, фон, и определять показывать ли его в мобильной верстке. Меню мы поддерживаем 3 типов: ссылки, ссылки и иконки, только иконки. Кроме того, можно настраивать еще какие будут разделители между пунктами меню. Чаще всего это вертикальная полоса серого цвета.
Хотелось бы еще добавить вертикальное меню, для тех типов меню, которые обычно добавляют в футере.
Еще не мешало бы добавить возможность быстро изменять порядок пунктов меню, это пока еще в процессе.
Счетчик обратного отсчета (ожидаем релиза в течение нескольких месяцев)
Коротко: Указывайте время окончания акции, шрифт и стиль отображения счетчика обратного отсчета и каждому клиенту будет показано свое время, когда бы он не открыл письмо.
Ранее мы пользовались motionmail как отдельным сервисом, а теперь решили интегрировать разные сервисы для виджетов в письмах. Посмотрим какие компоненты будут наиболее популярные и запилим свои компоненты, если в этом будет смысл. Таких компонентов может быть много: персонализация картинки в письме, HTML5 видео в письме, разные фишки realtime email или как многие говорят agile mail.
Баннер
Коротко: это минифотошоп для создания баннеров в рассылках, когда результат — картинка, а при редактировании картинка распадается на слои и эффекты. Функциональность призвана избавиться в большинстве случаев от необходимости пользоваться фотошопом для микроизменений, которые приходится делать на ежебаннерной основе ?
Я не представляю как мы жили без этого компонента. Есть особенное желание добавить его и на редактирование любой картинки. Как же мне хотелось бы, чтобы к карточке товара иногда можно было прикрепить лейбочку «распродажа» или «скидка 20%» просто по свойству товара. Но это уже будет отдельная функциональность.
Когда добавим этот компонент, наверняка, распишу его отдельно.
Список стандартных блоков мы продолжаем добавлять, оставайтесь на связи, тестируйте, лайкайте, комментируйте в социальных сетях.
Я повторюсь, что я с радостью принимаю не только похвалы, но и конструктивную критику. Наша цель создать лучший редактор, который будет независим от платформы. А главная ценность редактора: скорость создания профессиональных писем.
0 комментариев