24 августа 2017

Библиотека блоков или что считать шаблоном

Создать профессиональные письма
Оглавление
  1. Заключение
1.
Заключение

Чаще всего шаблоны писем продаются в трех видах:

  1. Письмо, сверстанное на примере инфоповода от клиента;
  2. Мастер-шаблон (или промо-шаблон) — очень длинное письмо, которое включает в себя всевозможные блоки и сочетания, кнопки, разделители, …;
  3. Мастер-шаблон с guideline рекомендациями — тут каждый блок сверстан отдельно, описаны все элементы оформления, шрифты, отступы, правила создания меню и последовательность контента. Вместе с шаблоном идет сопроводительный документ наполняющий смыслом все, что в нем есть.

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

Третий вариант — самый дорогой и самый редко встречающийся в природе.

Но, как пользоваться такими шаблонами. Длинный мастер-шаблон предполагает, что для того, чтобы создать письмо на его основе надо каждый раз удалять ненужные фрагменты письма и дублировать те, которые нужны в этом конкретном случае. Не очень-то это помогает сэкономить время.

Один из ключевых инструментов призванный сократить время на создание письма в Stripo.email — собственная библиотека блоков. Таким образом, эта библиотека и определяет третий вариант шаблона, когда вместе с версткой поставляется библиотека блоков на все случаи жизни и их можно комбинировать.

Каждый блок письма может быть сохранен для дальнейшего использования. Блоки в Stripo бывают 4 типов:

  1. Базовые блоки — текст, картинка, меню, соц.сети, произвольный html, …;
  2. Контейнеры — область, куда можно помещать блоки, и они будут сгруппированы вместе. Обычно такая комбинация используется для создания «контентной единицы» (описание статьи блога, карточка товара, анонс мероприятия). Особенно удобно когда надо сохранить представление одной секции и использовать потом. Плюс, возможность копирования и удаления области представляющей неделимую информацию тоже упрощается.
  3. Структуры — взаимное расположение контейнеров в письме. Например: две колонки.
  4. Полосы — с точки зрения html, это самая корневая область (за пределами тела письма), которая включает в себя структуры. Полосы позволяют установить фон за границами письма, по контенту, по границам объекта.

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

Таким образом Шаблон — это не просто письмо. Это набор блоков в комбинации со стилями, применимыми ко всему письму.

Интересно, что всегда при выборе системы интересуются количеством шаблонов, а, стартовав, используют только один шаблон еще и адаптированный под себя.

Библиотека шаблонов — это что-то визуально понятное, единоразово нужное, и тяжело используемое на практике в повседневной жизни.

Заключение

На мой взгляд шаблон нужен для того, чтобы однажды переопределить его под свои нужды и использовать эти наработки в дальнейшем, забыв про библиотеку из 1000+ шаблонов.

Мы решили сконцентрироваться на создании шаблона, который оттачивается со временем набирая разные комбинации персональной библиотеки.

По-настоящему блоки обретают ценность тогда, когда могут быть взаимозаменяемыми. Например, накидали контента в письмо, и хотите изменить вид карточки товара. Всего лишь вид, а не сам контент. Для этого надо отделить уровень представления от уровня данных. Тогда заменив блок, данные загрузятся сами по себе. Это тоже тема для отдельного поста.

При работе с блоками мы столкнулись с большим количеством UX проблем:

  • Пользователи не создают блоки, пока им не объяснишь зачем они нужны;
  • Тяжело создавать блоки так, чтобы их легко можно было находить. Например, никто не хочет давать имя блоку, значит картинка должна создаваться такая, чтобы было ясно, что это за блок сходу;
  • Как управлять блоками, если хочется взять его из другого шаблона?

Над решением этих задач мы еще работаем и об особенностях их решения — тоже ожидайте отдельный пост.

Была ли статья полезна?
Tell us your thoughts
Спасибо за ваш отзыв!
0 комментариев
Тип
Индустрия
Сезоны
Интеграции
Редактор Stripo
Упростите процесс создания писем.
Плагин Stripo
Интегрируйте Drag-n-Drop редактор Stripo в свое веб-приложение.
Заказать шаблон
Наша команда может разработать и сверстать его для вас. Просто заполните бриф, и мы свяжемся с вами в ближайшее время.