Маркетинг Структура How-to
~ 4 мин читать
14987 просмотры
оценить
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%» просто по свойству товара. Но это уже будет отдельная функциональность.

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

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

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

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

← Предыдущие статьи Следующие статьи →
вчера · 9 мин читать
Идеи дизайна писем для рассылок ко Дню Благодарения

День Благодарения — теплый и уютный день, когда мы все делимся благодарностью, которая нас переполняет. Это день, когда вы воздаете должное людям, с которыми вам посчастливилось быть рядом. И, конечно же, День Благодарения — день семейного застолья и празднования, заботы и подарков. Для бизнеса День благодарения — шанс выразить признательность клиентам за их лояльность к вашему бренду на протяжении года. Несомненно, ваша благодарность может иметь любую форму. Тем не менее, будет здорово, если вы не упустите такой простой и при...

Дизайн Маркетинг Шаблоны
9 дней назад · 19 мин читать
Как создавать и отправлять HTML-письма в Gmail с помощью Stripo?

Согласно данным сайта Statista, в 2019, количество пользователей электронной почты достигло 3,9 миллиарда. В то время как Gmail использует 1,4 миллиарда людей. Если посчитать, то получается, что 35,8% всех пользователей предпочитают данный почтовый клиент. Многие из нас пробовали создать HTML письмо в Gmail, но все попытки провалились. Почему? Потому что данный почтовый клиент не имеет необходимых для этого встроенных инструментов. Да и откровенно говоря, в них нет необходимости. На просторах интернета существует множество HTML конструкторов сообщений. Многие из них позволяют создавать...

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