Спростіть процес дизайну листів для 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, оскільки вона дозволяє побачити, як шаблон виглядає на сотнях різних мобільних пристроїв, у поштовиках, застосунках тощо. Це дає максимально повне уявлення про можливі варіанти відображення в різних середовищах.

• Тестова розсилка

Не забувайте, що завжди можна надіслати тестовий лист за створеним шаблоном на різні електронні адреси, щоб побачити результат своєї роботи в умовах, наближених до реальних.

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

І не менш важливе нововведення — наш нещодавно доданий інструмент перевірки доступності. Важливо не лише забезпечити правильне відображення шаблону на всіх пристроях, а й зробити його доступним для людей з вадами зору. Інструмент перевіряє шаблон на наявність недоліків у дизайні, які можуть ускладнити його використання для таких користувачів. Він також надає корисні рекомендації щодо усунення цих проблем, забезпечуючи максимальну доступність, завдяки чому вам не доведеться самостійно ламати голову над тим, як виправити ті чи інші елементи дизайну.

Крок 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 редактор, що значно спростило весь процес.