Упростите процесс дизайна писем для Pardot с помощью Stripo

Хотя Pardot тесно интегрирован с Salesforce CRM, обладает мощными аналитическими инструментами и предлагает широкие возможности по автоматизации маркетинга, он имеет некоторые недостатки, которые становятся головной болью для маркетологов, в частности связанные с email-дизайном. Многие маркетологи, с которыми мы беседовали, сталкивались с трудностями, связанными с сложным, трудоемким и ручным характером email-дизайна в Pardot, и они очень хотят упростить этот процесс. В этой статье мы обсудим сложности email-дизайна в Pardot, объясним, как Stripo может облегчить вам жизнь, и расскажем, как выглядит интеграция Stripo в рабочие процессы Pardot.

Стоит также отметить, что официальное название Pardot — Marketing Cloud Account Engagement; однако для удобства в этой статье мы будем по-прежнему использовать привычное название «Pardot».

Проблемы создания писем в Pardot

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

(Источник: Reddit)

Например, представители компании Fingercheck, с которыми мы недавно беседовали об их опыте работы с Pardot, рассказали нам, что создание писем в Pardot отнимало много времени, поскольку требовало ручного написания HTML- и CSS-кода, учитывая, что их аудитория использует самые разные почтовики, включая Gmail, Apple Mail и Outlook.

Кроме того, один из кейсов наших клиентов показал, что созданные в Pardot шаблоны писем довольно ограниченные, что не позволяет в полной мере контролировать дизайн и кастомизацию. Это не только затрудняет создание сложных и уникальных писем, но и создает препятствия в обеспечении адаптивности для мобильных устройств без переработки самого контента письма. Также стоит отметить, что дополнительные сложности с дизайном увеличивают время подготовки: по данным маркетологов, на каждое письмо уходит 2-3 дня.

Еще один аспект работы с Pardot связан с некоторыми более конкретными вопросами. Одна из опрошенных нами компаний указала на проблемы, мешающие их работе на этапе email-дизайна в Pardot:

• проблема со ссылкой на шрифт. Проще говоря, Pardot учитывает каждую ссылку на шрифт, содержащую директиву «@import», как клик, что приводит к искажению аналитических данных, если эти ссылки не исправлены. Следовательно, для сбора точных данных маркетологам необходимо вручную удалить все ссылки на шрифты из HTML-кода каждого письма и его вариаций;
• проблема с тегом title. Эта проблема касается тега title в HTML-коде. Если оставить его на месте, содержимое тега будет отображаться в окне превью входящих вместо текста прехедера. Ситуацию осложняет то, что даже если оставить поле «Title» пустым или вставить в него пробел, проблема не решается; маркетологам приходится вручную удалять этот тег из HTML-кода каждого письма и всех его версий.

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

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

Как Stripo может упростить работу в Pardot

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

Адаптированный для Pardot код шаблона и функции экспорта

Одно из ключевых преимуществ использования Stripo с Pardot заключается в том, что все шаблоны писем содержат чистый код, не содержащий скрытых символов, которые могут вызывать конфликты с редактором писем Pardot. В них нет неправильно выровненных элементов, и нет необходимости вручную корректировать код. Вы можете без проблем использовать их как в редакторе Pardot, так и в других сервисах почтовых рассылок (ESP).

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

Устранена проблема с отслеживанием ссылок на шрифты

С октября 2023 года при экспорте в Pardot через интеграцию Stripo система автоматически заменяет ссылки на шрифты, использующие теги `<link>`, на правила `@import` внутри блока `<style>`. Это связано с тем, что Pardot учитывает теги `<link>` как клики, тогда как правила `@import` не отслеживаются. Одним словом, интеграция автоматически решает эту проблему для всех пользователей.

Однако есть одно «но»: если пользователь вручную копипастит HTML-код в Pardot, автоматическая замена не произойдет. Для решения этой проблемы теперь в настройках проекта можно выбрать способ подключения шрифта (link / @import / @font-face). Подробнее об этой функции читайте в статье нашей службы поддержки.

Исправлена проблема с тегом title

Мы усовершенствовали процесс экспорта, и теперь в окне экспорта Pardot появился флажок «Leave Title empty», который включен по умолчанию. При экспорте тег `<title>` остается пустым, что гарантирует отображение прехедера во входящих. Мы выпустили это обновление через месяц после обнаружения проблемы у компании Optimal Business Consulting, которая сталкивалась именно с этим вопросом.

Гибкость email-дизайна

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

По словам Джеффа Кемпа, сертифицированного консультанта и владельца компании Optimal Business Consulting, Stripo прекрасно работает с конструктором писем Pardot Classic, поскольку Stripo отвечает за аспекты дизайна интерфейса, а конструктор Pardot Classic используется для управления списками подписчиков и отправки писем.

Ускорение создания писем

Хоть это преимущество и одно из последних в списке, оно по-прежнему чрезвычайно важно. Благодаря интеграции Pardot и Stripo можно ускорить процесс создания писем на 60%.

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

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

Инструкция по адаптации email-дизайна Stripo в рабочие процессы Pardot

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

Шаг 1: создайте письмо в Stripo

Все начинается с письма. Раньше для воплощения дизайнерской идеи приходилось возиться в неудобном редакторе Pardot и вручную писать код письма с нуля. Stripo кардинально меняет ситуацию.

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

У нас есть видеоурок о создании полноценного письма в Stripo за менее чем 7 минут.

 

Шаг 2: протестируйте свой шаблон

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

• Опция превью 

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

• Интеграция Email on Acid

Однако простого превью зачастую недостаточно, чтобы убедиться в исправности шаблона. Именно здесь пригодится интеграция с Email on Acid, поскольку она позволяет увидеть, как шаблон выглядит на сотнях различных мобильных устройств, в почтовиках, приложениях и т. д. Это дает максимально полное представление о возможных вариантах рендеринга в различных средах.

• Тестовая рассылка

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

• Инструмент проверки доступности

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

Шаг 3: экспортируйте в Pardot

Итак, шаблон Stripo готов, и пришло время экспортировать его в Pardot. У вас есть несколько вариантов экспорта. Первый и самый простой способ — воспользоваться нашей прямой интеграцией с Pardot: просто введите данные своего аккаунта Pardot, кликните на кнопку «Экспорт», и шаблон появится в меню «Folders» в Pardot.

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

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

Шаг 4: сгенерируйте и добавьте необходимые ссылки

Ссылки в Pardot требуют особого внимания, поскольку merge-теги и системные ссылки (отписка, центр предпочтений, вебверсия) требуют определенной подготовки. Экспортированный шаблон должен содержать все ссылки в виде простого текста. 

После экспорта шаблона все ссылки в виде простого текста (как стандартные ссылки, так и merge-теги) необходимо заменить на рабочие, используя один из двух форматов (важно придерживаться целостности формата во всем тексте):

• PML (тег заключен в знаки процента, например %%tag%%);
• HML (тег заключен в фигурные скобки, например: {{tag}}).

Шаг 5: протестируйте шаблон в Pardot 

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

В завершение

Pardot и Stripo — отличная комбинация, если вам нужен удобный процесс дизайна писем и широкие возможности автоматизации и аналитики. 

Все команды, с которыми мы беседовали, пришли к общему мнению: Stripo создает письмо, а Pardot ведет списки подписчиков и отправляет его. Каждый инструмент остается в той части процесса, для которой он был разработан, а передача задачи занимает всего пару минут. Компания Syngenta Canada сократила время подготовки одного письма с 2-3 дней до 1 дня или менее. Компания Optimal Business Consulting сообщает об ускорении подготовки писем для своих клиентов на 60%. В обоих случаях изменение произошло благодаря одному и тому же шагу: email-дизайн перешел с HTML-кода на drag-n-drop редактор, что значительно упростило весь процесс.