Новые возможности Pixcraft: как мы улучшили редактор писем

Мы обновили блочный редактор писем Pixcraft, чтобы создание email-рассылок было быстрее и удобнее — вне зависимости от сложности задачи.

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

Удобный подход к работе над шаблонами

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

Создание писем с нуля

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

Использование готовых блоков

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

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

Готовые шаблоны под различные кампании

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

• промо-акции;

• welcome-письма;

• бродкасты;

• регулярные кампании.

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

Прямой импорт из Figma

Для всех, кто работает над письмами в Figma, мы добавили полноценную поддержку импорта через плагин Pixcraft. Теперь вы можете подготовить дизайн-макет, а затем перенести его в обновленный редактор (или же, как и раньше, просто выгрузить его как HTML-шаблон). Таким образом, вы сохраняете гибкость Figma, но работаете с удобством блочного редактора.

Полноценное рабочее пространство

Pixcraft — это не просто конструктор писем, а многофункциональная среда для работы с email-шаблонами, которая дарит вам огромный простор для творчества:

• Изменяйте структуру письма прямо на «холсте», наблюдая результат в реальном времени.

• Настраивайте каждую деталь вашего шаблона — от крупных секций до самых мелких элементов.

• Легко перетаскивайте блоки с помощью drag-and-drop и меняйте их порядок в письме.

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

• Выберите нужный элемент. Это может быть как одна кнопка с определённым стилем, так и целый товарный блок.

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

• Выбранный элемент сохранится в вашей библиотеке и будет доступен для последующего использования.

Настройка и оформление в единой панели

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

• Плюс — здесь можно добавить в письмо новые примитивы, готовые блоки или ранее сохранённые элементы.

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

• Палитра (Стили) — используйте, когда нужно быстро отредактировать несколько одинаковых элементов: кнопок или текстовых блоков. Панель находит и группирует схожие элементы автоматически.
  Чтобы облегчить навигацию, при наведении курсора справа от параметра появляется иконка мишени. Клик по ней подсветит все элементы, которые соответствуют выбранному параметру. Это особенно полезно, если письмо содержит большое число повторяющихся элементов, которые нужно обновить.

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

• Комментарии — инструмент совместной работы в рамках одной компании: оставляйте заметки на «холсте», обсуждайте письмо с коллегами и, когда потребуется, отмечайте комментарии как решённые. Рядом с комментарием будет отображаться аватар и имя автора. Комментарии, размещённые на элементе, «закрепляются» на нём и сохраняют своё положение при перемещении. Это помогает сохранить контекст обсуждения в рамках отдельных компонентов письма.

• Настройки — здесь вы задаёте прехедер (короткий текст, который появляется рядом с темой) и название письма.

Элементы, продуманные до деталей

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

Иконки социальных сетей

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

• Настройка цвета фона и логотипа.

• Изменение формы значков (квадратные, круглые с разной степенью скругления).

• Регулирование размеров, отступов и рамки.

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

Списки

Вместо стандартного HTML-списка (<ul>/<li>) мы реализовали собственный, специально разработанный компонент. Внешне и по механике он схож с <ul>/<li> и позволяет настраивать шрифты, цвета маркеров и отступы между пунктами. Но при этом он стабильно работает в почтовых клиентах, в том числе в Outlook, где стандартные списки зачастую отображаются некорректно. Такое решение избавляет от необходимости жертвовать визуальным качеством ради совместимости.

Таблицы

Нужно включить в письмо прайс-лист или расписание? Просто добавьте и настройте таблицу:

• отобразите или скройте границы (все границы, только внешняя рамка, только горизонтальные разграничители или вообще без рамок);

• задайте выравнивание, ширину колонок и отступы;

• выберите фон ячеек и шрифт текста.

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

AMP-компоненты

Если вы хотите усилить вовлечение получателей email-кампании, один из эффективных вариантов — добавить интерактивности в письмо с помощью AMP. Сейчас в редакторе доступны два таких элемента:

• Карусель изображений — для презентаций, подборок или промо-блоков.

• Форма сбора данных — для регистрации, обратной связи и быстрых опросов.

Но это — только начало. Мы активно развиваем направление AMP и готовим к релизу новые компоненты, в том числе игровые.

Адаптация под любые устройства

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

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

• одновременно в обеих версиях;

• только на десктопе — если, к примеру, элемент слишком сложен для узкого экрана;

• только в мобильных клиентах — например, подходит для коротких адаптированных CTA.

Такой подход позволяет создавать не просто адаптивные письма, а контент с учётом контекста потребления. На мобильных — лаконично, просто и быстро. На десктопе — информативно, визуально насыщенно и масштабно.

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

В режиме предпросмотра можно:

• переключаться между десктопной и мобильной версией письма;

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

• сравнивать отображение письма в тёмной и светлой теме;

• включать или отключать AMP-элементы.

Наши планы на будущее

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

Вот что уже находится в разработке:

• Генерация шаблонов писем. Достаточно описать, какое письмо вам нужно — и за несколько секунд ИИ соберёт для вас полноценно оформленный шаблон, адаптированный под различные устройства.

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

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

• Редактирование письма по запросу. Сформулируйте, что бы вы хотели поменять в письме: например, обновить структуру, заменить текст или поправить цвета. ИИ поймёт ваш запрос и внесёт изменения в шаблон.

Заключение

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

• ручная настройка для тех, кому важен полный контроль над процессом;

• готовые блоки и шаблоны для быстрого старта;

• адаптация под мобильные устройства с возможностью кастомизации;

• продуманный интерфейс, в котором каждая функция находится на своём месте.

С появлением ИИ-инструментов — от генерации шаблонов и изображений до интеллектуального редактирования и перевода — работа с письмами станет ещё проще, а автоматизация — ещё доступнее.

Попробуйте обновлённый редактор Pixcraft уже сегодня и следите за обновлениями, чтобы не упустить много нового и полезного. А если хотите прокачать навыки в email-маркетинге — подписывайтесь на наш Telegram-канал. Там мы делимся полезными материалами, лайфхаками и идеями для работы.