Pixcraft vs TOPOL: чем различаются подходы в работе над email-шаблонами

Выбор email-конструктора не всегда бывает простым. Различия между ними могут проявляться как в очевидных возможностях, так и в менее заметных, но очень важных мелочах. Даже тонкие детали способны существенно повлиять на то, какой инструмент лучше всего закрывает необходимые задачи.

В предыдущих материалах мы уже рассмотрели наш email-конструктор в сравнении с Beefree и Letteros. В этой статье сравним Pixcraft с сервисом TOPOL и разберём основные отличия между двумя решениями.

Базовая структура email-шаблонов

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

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

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

И одиночные элементы, и целые полосы (горизонтальные блоки с колонками и элементами) можно перемещать в любое место на холсте. Колонки внутри одного блока также легко поменять местами с помощью drag-and-drop. Разбирать и собирать их заново не потребуется.

В TOPOL логика email-шаблонов основана на структурах (Structure), каждая из которых представляет собой отдельный ряд. Внутри структуры размещаются элементы (Content): их можно перемещать в нужные части письма и настраивать необходимые атрибуты.

Поменять местами колонки здесь также возможно, но не в самом интерфейсе, а в настройках выбранной структуры. Свойства колонок (Column's properties) позволяют менять их расположение в ряду, а также устанавливать выравнивание, скругление, цвет фона и другие параметры.

Мобильная адаптация и предпросмотр писем

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

• в один столбец с расширением на весь экран или без него;
  
  
• в одну строку с уменьшением по ширине;
  
  
• если колонок три — 1+2 (одна колонка отдельной строкой, две остальные — под ней) или 2+1 (две колонки в верхней строке, третья ниже и на всю ширину);
  
  
• если колонок четыре — 2+2 (по две колонки в каждой строке).

Для почтовых клиентов, не поддерживающих медиа-запросы (таких как Яндекс Почта), задействуется перестроение блоков без расширения либо сжатие без перестроения.

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

Ширину письма в мобильной версии можно менять с точностью до пикселя, отслеживая аккуратность вёрстки и читаемость на разных размерах экрана. По нажатию кнопки «Скриншот» изображение шаблона сохраняется в формате PNG и подходит для внутренней проверки или согласования.

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

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

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

Возможности AMP

AMP-компоненты встроены в email-конструктор Pixcraft наравне с привычными элементами письма. Уже сейчас в шаблонах можно использовать AMP-карусель. Она вмещает до 10 изображений, включает два формата (классическая карусель и слайдер), а также возможность зацикливания и автопрокрутки.

Помимо карусели Pixcraft предлагает AMP-формы с гибкой настройкой: от типа полей (ввод текста, одиночный или множественный выбор) до визуального оформления. Формы и Карусель доступны как Примитивы прямо в интерфейсе конструктора.

Пользователи также могут создавать дополнительные компоненты, расширяющие возможности email-кампаний. Среди них — AMP-forward-link для подтверждения действий не покидая рассылки и «Живая лента», благодаря которой получатели смогут оставлять комментарии прямо в письме.

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

Комментарии в шаблонах

Пользователи Pixcraft могут добавлять комментарии там, где это наиболее удобно с точки зрения письма. Например, их можно разместить прямо на фразе в тексте или на фрагменте изображения, если требуется указать на какую-либо определённую деталь.

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

TOPOL предлагает иной подход к работе с комментариями. Здесь они привязываются к определённому элементу без возможности точного выбора места. Чтобы оставить комментарий, необходимо выбрать элемент, нажать на иконку «Comment» и ввести текст в боковой панели справа.

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

Экспорт писем

Готовый шаблон в Pixcraft можно выгрузить в форматах HTML, EML или ZIP-архивом, а также скачать AMP-версию или экспортировать письмо напрямую в ESP. В TOPOL доступны HTML-версия письма, ZIP-архив, сохранение шаблона в формате JSON или копирование кода.

Что касаемо готовых интеграций с сервисами рассылок, по умолчанию Pixcraft поддерживает 11 платформ, а TOPOL — 27. Оба конструктора совместимы с популярными международными сервисами вроде MailChimp, Klaviyo и SendGrid. Но при этом Pixcraft интегрируется в том числе с платформами, востребованными на российском рынке и в странах СНГ, такими как Altcraft, Unisender и Sendsay.

Ссылки и соцсети

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

В TOPOL нет функции для отображения всех ссылок в письме. Чтобы проверить их корректность или внести правки, придётся искать ссылки прямо в шаблоне и редактировать каждую из них по отдельности.

Pixcraft, в свою очередь, предлагает инструмент «Карта ссылок», отображающий все ссылки единым списком и упрощающий проверку писем с большим числом URL-адресов в тексте, кнопках и баннерах. Ссылки можно редактировать прямо в интерфейсе, а при необходимости — быстро найти в шаблоне.

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

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

Отображение в Яндекс Почте и Outlook

В TOPOL мобильная адаптация строится на использовании медиа-запросов, из-за чего в некоторых почтовых клиентах могут возникать проблемы с отображением. Так, в мобильном приложении Яндекс Почты письмо не перестраивается, а сжимается. Аналогичное поведение возможно в мобильном веб-интерфейсе Gmail, где медиа-запросы также не работают.

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

Десктопная версия Outlook показала более стабильный результат: общая структура письма и расположение блоков сохранились без изменений. Единственным визуальным отклонением стало отсутствие скругления кнопок.

Email-конструктор Pixcraft максимально учитывает тонкости рендеринга разных почтовых клиентов. За счёт этого шаблоны писем сохраняют корректность отображения в средах, где не поддерживаются медиа-запросы или часть CSS-свойств. Ниже на слайдах — то, как письмо, созданное в Pixcraft, рендерится в мобильной Яндекс Почте и в десктопном Outlook.

За счёт ориентации на российский рынок Pixcraft принимает во внимание особенности как зарубежных, так и отечественных почтовых клиентов. В их числе — отображение в Яндекс Почте, корректная работа прехедеров в Mail.ru и другие важные аспекты.

Заключение

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

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

Facebook и Instagram принадлежат компании Meta Platforms Inc., признанной экстремистской организацией и запрещённой на территории Российской Федерации.

LinkedIn заблокирован на территории Российской Федерации.

Доступ к социальной сети X (ранее Twitter) ограничен на территории Российской Федерации.