Октябрьские обновления Pixcraft: что изменилось за месяц

Мы продолжаем совершенствовать конструктор писем, чтобы работа над email-шаблонами становилась комфортнее для вас. За октябрь в Pixcraft накопилось немало обновлений, о которых расскажем подробнее в этой статье.

Возможности работы с буфером обмена

Добавление элементов из Figma

Одно из наиболее значимых нововведений — возможность переносить элементы из Figma напрямую в Pixcraft. Функция работает для фреймов, созданных с использованием Auto Layout.

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

• выделите нужный узел в Figma;
  
  
• скопируйте его с помощью Ctrl+C;
  
  
• перейдите в Pixcraft, нажмите Ctrl+V — и скопированный узел будет добавлен на холст.

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

Копирование элементов между шаблонами

Обновления коснулись в том числе работы с элементами внутри Pixcraft.

Раньше элемент нужно было сохранить как готовый блок в «Избранном», чтобы затем использовать его в других шаблонах. Однако теперь в Pixcraft появилась возможность копировать элементы из одного шаблона и добавлять их в другой с помощью всё тех же привычных сочетаний клавиш Ctrl+C и Ctrl+V.

Это особенно удобно, если элемент используется всего один-два раза и сохранять его в «Избранном» нет необходимости.

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

• откройте шаблон письма;
  
  
• выберите требуемый элемент и скопируйте его;
  
  
• перейдите во второй шаблон, выделите место для вставки и нажмите Ctrl+V.

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

Прямое добавление изображений

Буфер обмена также можно использовать для вставки изображений напрямую в email-шаблоны Pixcraft.

Так, если рассылку нужно дополнить фотографией или иллюстрацией с вашего сайта, сначала скопируйте нужное изображение в буфер. Затем откройте конструктор писем, добавьте на холст примитив «Изображение», выделите его и нажмите Ctrl+V.

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

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

Улучшения в работе с Полосами

Отдельные настройки для каждой Полосы

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

Один email-шаблон может содержать несколько Полос, каждая из которых отвечает за определённую часть письма. Например, одна Полоса служит «шапкой», в другой располагается основной контент, а в третьей — футер.

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

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

Перенос блоков между Полосами

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

Обновление инструментов для работы с фоном и цветом

Дополнительные параметры фоновых изображений

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

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

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

По сути, речь идёт об управлении CSS-свойством background-repeat, но с учётом специфики различных почтовых клиентов, включая Outlook.

Палитра цветов и Пипетка

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

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

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

Предпросмотр письма по ссылке

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

В разделе «Экспорт шаблона» появилась новая вкладка «Поделиться». Здесь вы найдёте ссылку на предпросмотр вашего письма: просто скопируйте её и отправьте нужному человеку. Получателю не потребуется авторизоваться в Pixcraft, чтобы увидеть готовящееся письмо.

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

Быстрый доступ к ИИ-генерации изображений

Встроенный генератор изображений в Pixcraft даёт возможность быстро создавать иллюстрации по описанию.

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

Вместе с тем вкладка «AI» всё так же присутствует в панели свойств изображения.

Другие исправления и улучшения

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

• Переменные в письмах. Улучшили взаимодействие с переменными разных сервисов и обновили их визуальное представление в редакторе.
  
  
• Работа с текстом. Исправили ошибки, которые могли возникать при работе с текстовыми элементами.

Заключение

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

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