Маркетинг Структура How-to
~ 4 мин читать
18212 просмотры
оценить
08 сентября 2017

Базовые блоки редактора Stripo.email

Stripo / Blog / Базовые блоки редактора Stripo.email

Обычно к базовым блокам относят:

  • картинку (про картинки я уже делал пост);
  • текст;
  • кнопку;
  • разделитель.

Но я хочу сконцентрироваться на «опционально» базовых блоках, которые очень упрощают жизнь разработчикам, но зачастую не позволяют сверстать «все что хочется», ограничиваясь предзаготовленными шаблонами.

Видео

Коротко: в емейл-сообщение можно просто вставить ссылку на видео, а картинка, кнопочка «Play» и альтернативный текст подтянутся сами по себе.

Stripo-Video-Basic-Block

Детальнее: есть несколько способов добавить видео прямо в письмо, чтобы оно проигрывалась прямо внутри письма, хотя это работает только при поддержке HTML5 и не всегда рекомендуется потому, что «письма любят тишину».

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

Хотелось бы добавить еще возможность поменять картинку, вставив свою, но это мы добавим чуть позже.

Сейчас мы поддерживаем Youtube и Vimeo.

Соц. сети

Коротко: выбираете стиль картинок, указывайте какие профили добавлять и блок сформируется автоматически.

Stripo-Basic-Block-Social-Network

Чаще всего у писем есть блок «следите за нами в соц. сетях» с перечислением иконок и ссылок в разном стиле. Большие или маленькие, но, непременно, последовательность иконок со ссылками.

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

Меню

Коротко: добавляйте, удаляйте пункты меню, выделяйте акции, управляйте разделителями и стилями меню. С картинками или без. Всё очень просто.

Stripo-Basic-Block-Social-Network

У каждого пункта меню можно менять шрифт, фон, и определять показывать ли его в мобильной верстке. Меню мы поддерживаем 3 типов: ссылки, ссылки и иконки, только иконки. Кроме того, можно настраивать еще какие будут разделители между пунктами меню. Чаще всего это вертикальная полоса серого цвета.

Хотелось бы еще добавить вертикальное меню, для тех типов меню, которые обычно добавляют в футере.

Еще не мешало бы добавить возможность быстро изменять порядок пунктов меню, это пока еще в процессе.

Счетчик обратного отсчета (ожидаем релиза в течение нескольких месяцев)

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

Ранее мы пользовались motionmail как отдельным сервисом, а теперь решили интегрировать разные сервисы для виджетов в письмах. Посмотрим какие компоненты будут наиболее популярные и запилим свои компоненты, если в этом будет смысл. Таких компонентов может быть много: персонализация картинки в письме, HTML5 видео в письме, разные фишки realtime email или как многие говорят agile mail.

Баннер

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

Stripo-Banner-Basic-Block

Я не представляю как мы жили без этого компонента. Есть особенное желание добавить его и на редактирование любой картинки. Как же мне хотелось бы, чтобы к карточке товара иногда можно было прикрепить лейбочку «распродажа» или «скидка 20%» просто по свойству товара. Но это уже будет отдельная функциональность.

Когда добавим этот компонент, наверняка, распишу его отдельно.

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

Я повторюсь, что я с радостью принимаю не только похвалы, но и конструктивную критику. Наша цель создать лучший редактор, который будет независим от платформы. А главная ценность редактора: скорость создания профессиональных писем.

Вас также может заинтересовать

← Предыдущие статьи Следующие статьи →
AMP Forms_Stripo_Featured Image_Blog
вчера · 12 мин читать
Сервис данных, или как создавать AMP-формы с помощью Stripo

Сегодня состоялся релиз Сервиса Stripo. И сейчас мы расскажем, для чего он нужен и как его использовать, чтобы вывести ваш email-маркетинг на совершенно новый уровень. Вступление: в чем преимущества AMP-писем Довольно часто мы просим пользователей оценить нас, оставить отзывы или комментарии, мы просим их поделиться информацией о возрасте, половой принадлежности и т. д. Поэтому формы опросов и анкеты — неотъемлемые элементы email-маркетинга. Причем здесь вообще AMP? Как показали проведенные нами тесты, конверсия AMP-писем в пять раз выше, чем у традиционных...

Дизайн Структура Шаблоны How-to
Survey Invitation Email_Featured Image_Stripo
вчера · 9 мин читать
Источник данных Stripo, или как использовать динамический контент в рассылках

Внедрение геймификации и обновление контента рассылок в режиме реального времени, а также возможность выбирать и подтверждать время встречи непосредственно в письмах — все это динамический контент. Реализовать его можно с помощью компонента amp-list. В мае этого года мы разослали серию писем-викторин. Результаты таких кампаний показали, что технология AMP, примененная вместе с геймификацией, оказывает позитивное влияние на CTOR (соотношение открытий и кликов). Наши подписчики взаимодействовали с контентом в AMP-рассылках в полтора раза активнее, чем в обычных HTML-письмах. Но что мешает email-маркетологам внедрять AMP в...

Дизайн Структура Шаблоны How-to
Будьте всегда в курсе последних новостей в области email-маркетинга!