Копипаст между письмами: как это работает на самом деле

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

Можно делать это вручную, но на каждое письмо уйдет по десять минут: вставить изображение, скопировать текст, настроить интервалы, создать кнопку и добавить ссылку — и все это только для того, чтобы повторить то же самое, что уже есть на соседней вкладке. А если сохранить это как модуль, он окажется в библиотеке, в которую вы, скорее всего, не заглядывали уже несколько месяцев, среди блоков, о создании которых вы давно забыли.

Стоит также учесть, что даже если вы выберете первый вариант и воссоздадите уже существующий блок, результат не всегда будет соответствовать оригиналу. Некоторые элементы, благодаря которым исходный блок выглядел правильно, могут находиться на один уровень выше: в контейнере или структуре, а не внутри самого блока. А merge-тег, который отображал имя в одном письме, может превратиться в обычный текст в другом, если этот тег не определен в проекте, в который был вставлен текст.

Независимо от используемого редактора результат копирования будет определяться тем, что действительно принадлежало элементу, а что было лишь заимствовано из предыдущего местоположения. Цвет кнопки, который вы задали, принадлежит самой кнопке. Фон, унаследованный контейнером от полосы, принадлежит полосе. Все проблемы, возникающие при перемещении блоков между письмами и вкладками, зачастую являются следствием появления этой границы там, где ее не ожидали.

Проблема не только в редакторе

Эта проблема не связана с каким-либо конкретным инструментом создания email-рассылок. Предлагаемые на рынке варианты таких функций схожи и отличаются лишь незначительно по форме.

Метод фиксированного дерева. Объектом копирования является строка: даже если вы выделяете отдельное изображение внутри нее, всегда копируется сама строка, корень копируемой структуры. Перенос в другое письмо состоит из четырех действий: выделение, копирование, переключение и вставка, без промежуточного шага с использованием библиотеки.

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

Источник приоритетней библиотеки. Единицей копирования является то, что вы сохраняете, и обычно это целая строка или модуль. Процесс состоит из четырех действий: сохранение, присвоение объекту названия, поиск его в библиотеке и вставка объекта в новое письмо.

Объект сохраняет свои исходные цвета и шрифты независимо от места вставки, а стили целевого шаблона письма применяются только там, где для объекта ничего не задано. Он всегда выглядит одинаково вне зависимости от того, в какое письмо вы его вставляете, даже если это не соответствует требованием окружения.

Библиотека с таксономической стоимостью. Здесь действует то же правило приоритета источника, о котором говорилось выше, но для сохранения требуется нечто большее, чем просто название. Чтобы процесс сохранения был завершен, нужно указать как категорию, так и несколько тегов, поэтому для однократной пересылки письма с одной почты на другую сначала требуется создать систему классификации.

Неподконтрольный слой

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

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

И возникает ситуация, когда вы кликаете, но ничего не происходит: не появляется ни сообщение об ошибке, ни какое-либо другое указание на сбой.

Что сделали в Stripo для решения этой проблемы

Модульная система Stripo всегда решала задачу однократного создания объекта и его многократного повторного использования. Однако теперь она также решает промежуточную задачу: перемещение объекта ровно один раз без его сохранения.

Теперь можно скопировать любой блок, контейнер, структуру или целую полосу из одного шаблона и вставить ее напрямую в другую без добавления в библиотеку.

Одно сочетание клавиш для любой вкладки

Выберите элемент, скопируйте его, перейдите на другую вкладку и вставьте. Это сочетание клавиш работает одинаково как при перемещении одной кнопки, так и целой секции, поскольку Stripo распознает тип скопированного элемента и корректно воспроизводит его в другом месте.

Эта функция работает через системный буфер обмена, который используется для всех остальных операций копипаста на компьютере, поэтому ее можно применять не только между открытыми вкладками в одном браузере, но и между окнами и браузерами. Если браузер блокирует этот доступ, Stripo плавно переключается на локальную копию — фолбэк, связанный с упомянутым доменом.

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

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

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

Что перемещается вместе с элементом

Здесь действует та же логика «приобретенное против унаследованного», что и на рынке, только сформулированная более точно. 

Синяя кнопка всегда будет именно синей, поскольку синий цвет был задан исключительно для этой кнопки. Цвет фона контейнера же не наследуется таким же образом, если он не был явно задан, а унаследован от соответствующей полосы.

Merge-теги, условия и языковые версии

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

Merge-тег — это ссылка на то, что определено на уровне проекта, а не в самом элементе. Скопируйте элемент в проект, где уже существует этот же тег, и он сразу же заработает. Скопируйте его в новое место, и у Stripo пока не будет, на что ссылаться, поэтому тег будет отображаться как обычный текст, пока вы не добавите его в этот проект.

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

Языковые версии следуют логике отображения на экране: копируется та версия, которую вы просматриваете в данный момент. Добавляйте другие языки в новое письмо так же, как если бы вы создавали их там с нуля.

Когда лучше не копипастить 

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

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

В завершение

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

Единственная привычка, которую стоит выработать в дополнение к этому, заключается в следующем: после вставки элемента, в котором используется merge-тег, условие отображения или языковая версия, уделите несколько дополнительных секунд проверке расположения этих элементов. 

Дизайн, разметка и интервалы являются неотъемлемой частью самого элемента и перемещаются вместе с ним. Merge-теги, условия и различные языковые версии — все это ссылки, которые остаются привязанными к проекту, из которого они происходят.