Библиотека блоков или что считать шаблоном
Чаще всего шаблоны писем продаются в трех видах:
- Письмо, сверстанное на примере инфоповода от клиента;
- Мастер-шаблон (или промо-шаблон) — очень длинное письмо, которое включает в себя всевозможные блоки и сочетания, кнопки, разделители, …;
- Мастер-шаблон с guideline рекомендациями — тут каждый блок сверстан отдельно, описаны все элементы оформления, шрифты, отступы, правила создания меню и последовательность контента. Вместе с шаблоном идет сопроводительный документ наполняющий смыслом все, что в нем есть.
Есть еще вариант, когда шаблон поставляется в виде мета языка и компилятора, в таком случае можно создавать письмо используя спец. разметку (типа вики стайл), а пропустив через компилятор будет создано письмо в соответствии с темой и шаблоном. Это отдельная тема, над которой мы работаем, но в ближайший месяц не выпустим.
Третий вариант — самый дорогой и самый редко встречающийся в природе.
Но, как пользоваться такими шаблонами. Длинный мастер-шаблон предполагает, что для того, чтобы создать письмо на его основе надо каждый раз удалять ненужные фрагменты письма и дублировать те, которые нужны в этом конкретном случае. Не очень-то это помогает сэкономить время.
Один из ключевых инструментов призванный сократить время на создание письма в Stripo.email — собственная библиотека блоков. Таким образом, эта библиотека и определяет третий вариант шаблона, когда вместе с версткой поставляется библиотека блоков на все случаи жизни и их можно комбинировать.
Каждый блок письма может быть сохранен для дальнейшего использования. Блоки в Stripo бывают 4 типов:
- Базовые блоки — текст, картинка, меню, соц.сети, произвольный html, …;
- Контейнеры — область, куда можно помещать блоки, и они будут сгруппированы вместе. Обычно такая комбинация используется для создания «контентной единицы» (описание статьи блога, карточка товара, анонс мероприятия). Особенно удобно когда надо сохранить представление одной секции и использовать потом. Плюс, возможность копирования и удаления области представляющей неделимую информацию тоже упрощается.
- Структуры — взаимное расположение контейнеров в письме. Например: две колонки.
- Полосы — с точки зрения html, это самая корневая область (за пределами тела письма), которая включает в себя структуры. Полосы позволяют установить фон за границами письма, по контенту, по границам объекта.
Тема структуры письма — это отдельный пост, так как эта тема достаточно сложная. Сейчас я бы хотел сконцентрировать на библиотеке блоков и их роли в шаблонах.
Таким образом Шаблон — это не просто письмо. Это набор блоков в комбинации со стилями, применимыми ко всему письму.
Интересно, что всегда при выборе системы интересуются количеством шаблонов, а, стартовав, используют только один шаблон еще и адаптированный под себя.
Библиотека шаблонов — это что-то визуально понятное, единоразово нужное, и тяжело используемое на практике в повседневной жизни.
На мой взгляд шаблон нужен для того, чтобы однажды переопределить его под свои нужды и использовать эти наработки в дальнейшем, забыв про библиотеку из 1000+ шаблонов.
Мы решили сконцентрироваться на создании шаблона, который оттачивается со временем набирая разные комбинации персональной библиотеки.
По-настоящему блоки обретают ценность тогда, когда могут быть взаимозаменяемыми. Например, накидали контента в письмо, и хотите изменить вид карточки товара. Всего лишь вид, а не сам контент. Для этого надо отделить уровень представления от уровня данных. Тогда заменив блок, данные загрузятся сами по себе. Это тоже тема для отдельного поста.
При работе с блоками мы столкнулись с большим количеством UX проблем:
- Пользователи не создают блоки, пока им не объяснишь зачем они нужны;
- Тяжело создавать блоки так, чтобы их легко можно было находить. Например, никто не хочет давать имя блоку, значит картинка должна создаваться такая, чтобы было ясно, что это за блок сходу;
- Как управлять блоками, если хочется взять его из другого шаблона?
- …
Над решением этих задач мы еще работаем и об особенностях их решения — тоже ожидайте отдельный пост.
0 comments