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

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

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

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

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

← Предыдущие статьи Следующие статьи →
Survey Invitation Email_Featured Image_Stripo
8 дней назад · 14 мин читать
10 лучших способов создать приглашение для проведения опроса

Итак, вы полны энергии и желания усовершенствовать свою бизнес-стратегию. Вы начинаете рассылать клиентам письма с опросами, чтобы определиться с направлениями улучшения бизнеса... Но почему-то почти не получаете ответов? Неудивительно, потому что для опросов средний показатель ответов составляет около 10%, и только всемирно известные крупные компании могут достичь 25%. В этой статье мы расскажем о проверенных на практике способах повышения конверсии писем-приглашений для онлайн-опросов и поделимся наилучшими, на наш взгляд, примерами. Как отправить приглашение и повысить процент ответов на опросы: 10...

Дизайн Маркетинг Шаблоны
Mothers-Day-Best-Practices-Featured-Image
16 апреля · 10 мин читать
Email-маркетинг ко Дню матери: полное руководство

Если у вас есть сомнения по поводу того, как создать эффективную рассылку на День матери, то просто придерживайтесь универсального правила — делайте ее от всей души. Потому что суть этого праздника — настоящая искренняя любовь. А чтобы сделать инструкцию более детальной, мы подготовили для вас десять email-маркетинговых идей и советов по email-дизайну, которые вы можете использовать при создании рассылки. И да, в этой статье вы найдете несколько отличных готовых шаблонов, похожих на пример ниже. Они сократят время разработки праздничного письма:...

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