Експорт шаблонів листів: формати, інтеграція з ESP та робочі процеси після експорту

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

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

Ключові висновки

1. Існує кілька способів експорту шаблону. Його можна експортувати у вигляді HTML-файлу до вибраного ESP, використовувати сторонні інструменти, як-от Webhook чи Zapier, скачати у форматі PDF або у вигляді зображення та багато іншого. Кожен спосіб має свої переваги, тому вибирайте виходячи з цілей використання шаблону.
2. Прямий експорт в ESP — це найпростіший і найшвидший спосіб експорту створених шаблонів листів, але він працює лише в тому випадку, якщо ваш інструмент для email-дизайну безпосередньо інтегрований з потрібним ESP.
3. Проблеми після експорту, як-от некоректний рендеринг, відсутні зображення або зсув розмітки, зазвичай спричинені тим, яким чином приймаючий ESP обробляє імпортований HTML-код, а не самим процесом експорту.

Порівняння форматів експорту: який тип файлу вибрати

Давайте почнемо з базових речей і поговоримо про різні формати, у які можна експортувати шаблон листа. У них є свої особливості, тому ми розглянемо кожен окремо, щоб ви краще розібралися.

HTML-файл

Перший тип формату, який можна вибрати для експорту, — це файл HTML. Простіше кажучи, це повноцінний файл .html, який можна зберегти та відкрити в браузері, щоб перевірити зовнішній вигляд шаблону. 

Основний недолік цього типу експорту полягає в тому, що всі зображення, які використовуються при розробці шаблону, зберігаються на сервері CDN (серверах Stripo), і кожне зображення в коді вказується за допомогою посилання, яке веде на цей сервер. Якщо видалити зображення з сервера, вони не будуть відображатися у вашому HTML-файлі належним чином.

HTML-архів

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

HTML-код

Маркетологи з технічними знаннями, найімовірніше, захочуть розібратися в структурі своїх шаблонів, тому експорт HTML-коду — чудова опція. Достатньо просто скопіювати та вставити весь код шаблону у ваш редактор коду та внести там необхідні зміни.

Файл AMP HTML

Це той самий HTML-файл, але він містить інтерактивні AMP-елементи, які забезпечують гейміфікацію, інтерактивні компоненти та багато іншого. Тому, якщо ви вирішили зробити свій email-маркетинг більш інтерактивним, експорт у формат AMP HTML — ваш найкращий союзник.

Експорт у формат PDF і картинки

Ми вирішили окремо підкреслити функцію експорту шаблонів листів у різні формати файлів, яка на перший погляд може здатися користувачеві непотрібною. Адже кому потрібен експорт HTML-листа у вигляді зображення?

Однак у зв’язку з численними проханнями користувачів додати цю функцію, ми додали цю опцію. Так, 9% наших користувачів експортують свої листи у формат PDF.

Провівши опитування та поспілкувавшись із нашими клієнтами, ми з’ясували, що такий формат експорту необхідний для перевірки email-дизайну. Їм зручніше переглядати лист повністю. Крім того, вони часто додають стрілки, залишають коментарі та роблять позначки на різних елементах у файлі, що дозволяє краще зрозуміти, які частини листа потребують доопрацювання.

Експорт до ESP: пряме надсилання або ручний імпорт HTML-файлу

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

Як працює пряме надсилання до ESP

Прямий експорт до ESP працює настільки ж просто, як це й звучить. Якщо ваш ESP безпосередньо інтегрований зі Stripo, достатньо під'єднати свій акаунт ESP до Stripo — це все, що потрібно для експорту шаблонів. Після налаштування з'єднання експорт займе всього два кліки, що робить його швидким і зручним.

Stripo підтримує 81+ сервіс поштових розсилок, і цей список постійно поповнюється, оскільки ми уважно аналізуємо запити клієнтів і розширюємо спектр наших послуг.

Покрокова інструкція: під'єднання Stripo до ESP

Налаштувати з'єднання між Stripo та вашим ESP дуже просто. Спочатку знайдіть потрібний ESP у нашому великому списку власноруч або ввівши його назву. Потім виберіть ESP і клікніть на «Підключити новий акаунт».

Після цього введіть назву свого аккаунта, до якого будуть експортуватися всі ваші майбутні шаблони.

Після цього відкриється вікно входу в систему, де потрібно авторизуватися в обліковому записі ESP. Після входу в систему з'єднання буде встановлено, і ви зможете експортувати свої шаблони до цього ESP.

Ручний імпорт HTML-файлу: коли пряма інтеграція неможлива

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

У більшості випадків після експорту коду листа необхідно налаштувати його в ESP, внести додаткові зміни та відновити ті функції, які після експорту працюють інакше (або не працюють взагалі). 

Чому всі шаблони Stripo можна повноцінно експортувати?

Оскільки ми прагнемо спростити експорт шаблонів листів, потрібно внести деякі зміни до коду, щоб забезпечити його сумісність із різними ESP. У результаті всі шаблони, створені в Stripo, мають чистий код, позбавлений службових символів, які можуть конфліктувати з ESP. Це означає, що вам не потрібно буде коригувати код шаблону листа після експорту. Подальші дії залежать від того, як ваш ESP обробляє імпортований код; про це ми докладно розповімо далі в цій статті. 

Редагування шаблону після експорту

Як то кажуть, досконалість не має меж. Якщо потрібно відредагувати експортований шаблон листа у вибраному ESP, ви можете це зробити. Усі шаблони листів можна редагувати після експорту кількома способами:

• за допомогою вбудованих у ESP редакторів WYSIWYG;
• використовуючи редактори коду, які дають змогу користувачам налаштовувати текст, кольори, посилання на зображення тощо.

Наприклад, якщо ви експортуєте шаблон до Mailchimp, його можна налаштувати за допомогою вбудованого в платформу редактора коду.

Масовий експорт: перенесення або оновлення бібліотеки шаблонів

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

Для цього знадобиться лише кілька кліків. Достатньо вибрати кілька шаблонів, створених у Stripo, і надіслати їх до ESP. І все, тепер усі створені шаблони знаходяться там!

Наші експорти є платними та обмежені за обсягом залежно від вибраного тарифного плану. Наразі ми пропонуємо такі тарифи:

• тариф «Free» з 4 експортами на місяць;
• тариф «Basic» з 50 експортами на місяць;
• тариф «Medium» з 300 експортами на місяць;
• тариф «Pro» з 4000 експортами на місяць.

Важлива примітка: пам’ятайте, що ліміти поширюються на всі варіанти експорту, згадані в цій статті. Крім того, ви можете придбати додаткові експорти, якщо їхнього обсягу недостатньо для ваших потреб відповідно до тарифу. Однак у разі повторної купівлі додаткових експортів у тому самому місяці раніше придбані додаткові експорти будуть анульовані.

Що страждає від експорту, а що ні

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

Merge-теги і синтаксис персоналізації

Якщо говорити конкретніше, кожна платформа ESP, до якої можна експортувати шаблони, має власні merge-теги. Вони не лише відрізняються між собою, але й мають різний синтаксис. Наприклад, Mailchimp використовує *|FNAME|*, HubSpot — {{ contact.firstname }}, Klaviyo — {{ first_name }} і таке інше.

Як наслідок, якщо використовувати один набір merge-тегів і експортувати їх до іншої системи розсилки, вони перестануть працювати. Спочатку потрібно переконатися, що в текст вставлені теги, характерні для цієї системи розсилки. Вони будуть перенесені до експортованого HTML-коду саме так, як написані.

Інший варіант — використання плейсхолдерів. Напишіть у редакторі щось на кшталт [FIRST_NAME], а після експорту знайдіть і замініть його на синтаксис вашого ESP.

AMP-елементи і фолбек 

Інтерактивні AMP-елементи зазвичай зберігаються під час експорту шаблону листа, якщо ESP підтримує технологію AMP. Але це велике «якщо», оскільки AMP-контент підтримують лише кілька ESP та поштовиків. Тому, якщо ви експортуєте інтерактивний шаблон у середовища, що не підтримують AMP, цінна інтерактивність перестає працювати, і ви навіть не помітите цього.

У такому випадку надзвичайно важливо підготувати резервну версію інтерактивного контенту. Існує два типи фолбеків:

• кінетична версія: це інтерактивний контент, створений з використанням HTML5 та CSS3, оскільки він забезпечує простіші форми інтерактивності, як-от відображення / приховування розділів або підтримка вікторин та опитувань. Він працює в Apple Mail, Samsung Mail, Thunderbird та більшості сучасних поштовиків;
• статичний фолбек: це проста версія у форматі HTML, у якій відображаються лише текст, зображення та посилання. Це найнадійніша версія, яка працює скрізь, зокрема в Outlook.

Якщо ви все ж хочете експортувати інтерактивний лист до ESP без підтримки інтерактивних елементів, він буде експортований у вигляді класичного HTML-листа (тобто весь інтерактивний контент буде видалено). Пам’ятайте про цей нюанс, якщо ваші email-кампанії потребують інтерактивності.

Умовні блоки та динамічний контент

Незважаючи на те, що створені в Stripo шаблони мають чистий код і готові до експорту, все ж існує чимало факторів, що залежать від ESP. Складнощі виникають щодо умовних блоків та динамічного контенту. Це також залежить від вибраного ESP, типу динамічного контенту та багатьох інших факторів. Зазвичай проста персоналізація, умови відображення / приховування та динамічні блоки, вбудовані в ESP, залишаються незмінними після експорту. Однак вся ситуація перевертається з ніг на голову, коли в гру вступають контент у реальному часі або на основі API та кастомні скрипти. Існує занадто багато змінних, за яких після експорту може статися збій. Найкращий спосіб впоратися з цією невизначеністю — використовувати базові умови або додавати розширені умови після експорту шаблону до ESP (якщо його інструменти дозволяють редагувати код). Такий підхід дозволить налаштувати шаблон спеціально під використовуваний інструмент та його вимоги.

Поширені проблеми після експорту та способи їх усунення

Експорт шаблонів листів — це складний процес, якщо зазирнути «під капот». У результаті можуть виникнути невеликі проблеми, і потрібно бути готовим їх вирішувати. Ми зібрали деякі з найпоширеніших випадків, з якими можна зіткнутися.

Експорт без ESP: Gmail, Outlook, Zapier та Webhook

Якщо потрібно експортувати створений шаблон без використання будь-якого ESP, для цього є кілька способів, як-от експорт у Gmail чи Outlook або використання таких інструментів, як Zapier чи Webhook. 

Експорт до Gmail або Outlook

Під час розробки функції експорту ми подбали про те, щоб листи та шаблони можна було експортувати до популярних поштових сервісів Gmail та Outlook, які займають найбільшу частку ринку. Згідно з нещодавнім звітом Litmus, Частки цих поштовиків розподіляються наступним чином:

• Gmail: 23,54%;
• Outlook: 5,67%.

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

Наприклад, процес експорту до Gmail виглядає так:

• клікніть на кнопку «Експорт» над ділянкою шаблону листа;
• у попапі виберіть Gmail;
• введіть свої облікові дані Gmail (Stripo не матиме доступу до вашого акаунту, а лише до чернеток листів. Ми щорічно проходимо тест безпеки Bishop Fox, тому можете бути впевнені, що ваша конфіденційність надійно захищена);
• знайдіть свій лист у папці «Чернетки» у вибраному поштовику.

Листи з Outlook можна експортувати у Windows, macOS і навіть у вебверсію, що значно розширює можливості експорту та додає зручності.

Експорт через Webhook і Zapier

Ці сервіси дають змогу експортувати листи на будь-яку платформу автоматизації маркетингу за допомогою вебхуків. При цьому вебхуки (або реверсивні API) — це спеціальні інструменти, які дозволяють системі чи додатку отримувати повідомлення в режимі реального часу про різні події, що відбуваються в іншій системі чи застосунку.

Ці параметри експорту можна знайти на вкладці «Застосунок» у вікні експорту.

Stripo прямо інтегрована з популярними сервісами вебхуків Zapier та Webhook. У нас є зручні та детальні інструкції щодо інтеграції листів із цими сервісами:

• мануал для Zapier;
• мануал для Webhook.

Коли використовувати експорт без ESP, а коли — пряме надсилання через ESP

Можливо, вам важко зрозуміти, коли слід використовувати ту чи іншу опцію експорту, тому ми вирішили скласти невелику таблицю, яка допоможе прийняти правильне рішення.

Чекліст перед надсиланням

Навіть якщо ваш ESP підтримується і ви впевнені, що наступний експорт шаблонів листів пройде без проблем, все одно варто провести швидку перевірку, перш ніж клікати на кнопку «Експорт». Ось короткий чекліст, який можна використати просто зараз, щоб переконатися, що шаблони листів готові до експорту.

Перевірка дизайну та контенту

1. Перевірте розташування merge-тегів, оскільки неправильне їх розміщення може призвести до пошкодження розмітки або рендерингу.
2. Перевірте видимість динамічного контенту, щоб переконатися, що кожна аудиторія бачить відповідний контент.
3. Переконайтеся, що умовні блоки відображаються правильно, оскільки приховані чи дубльовані секції є поширеними проблемами під час експорту.
4. Перевірте зовнішній вигляд у темному режимі, оскільки деякі ESP переписують стилі під час експорту.
5. Перевірте приховані тексти прехедера, оскільки під час імпорту до ESP іноді відображається прихований контент.
6. Перевірте фолбеки шрифтів, оскільки при використанні кастомних шрифтів вони можуть не зберегтися під час експорту до ESP, якщо він не підтримує ваші шрифти.

Технічна перевірка

1. Перевірте вбудований CSS, оскільки багато ESP видаляють вбудовані стилі.
2. Переконайтеся у правильності синтаксису merge-тегів для цільового ESP, оскільки синтаксис відрізняється залежно від платформи.
3. Переконайтеся у сумісності синтаксису умов, оскільки парсери ESP по-різному обробляють логіку.
4. Переконайтеся в наявності фолбеку HTML-коду для AMP, оскільки це вкрай важливо для клієнтів, які не підтримують цю технологію.
5. Обережно мінімізуйте HTML, оскільки надмірна мінімізація може порушити умови або пошкодити AMP.
6. Перевірте плейсхолдери відстеження, оскільки ESP можуть переписувати або дублювати трекінгові посилання.
7. Перевірте, чи переписує ESP код HTML під час імпорту, оскільки це критично для складної розмітки та логіки. 

Перевірка масового експорту

1. Перевірте дотримання правил найменування, щоб уникнути плутанини в кампаніях та ESP.
2. Переконайтеся, що вибрано правильний робочий простір / проєкт, щоб не експортувати застарілі ресурси.
3. Перевірте варіанти локалізації, оскільки під час масових операцій часто поширюються версії неправильною мовою.
4. Перевірте дотримання стандартів відстеження у всіх шаблонах, щоб забезпечити цілісність аналітики.

Налаштування експорту: корисні додаткові параметри

У Stripo є кілька налаштувань експорту, які ви, можливо, захочете увімкнути (або вимкнути), і ми розповімо, де їх знайти та як вони працюють.

Мінімізація HTML

Функція «Мінімізувати HTML» доступна в усіх налаштуваннях експорту у формат HTML. Її можна увімкнути, щоб ще більше зменшити розмір експортованого HTML-файлу. Вона видаляє з HTML-коду всі розриви рядків, зайві пробіли та відступи, що дозволяє зменшити розмір файлу. У результаті код стає більш компактним, але його складніше читати.

Шлях до зображення та налаштування папок

Ця функція доступна лише під час експорту у формат HTML і дозволяє вказати конкретний шлях (або просто папку) для збереження зображень в архіві. За замовчуванням усі зображення зберігатимуться в каталозі /images, але його можна легко змінити.

Підтримка доступності

Ця функція доступна у всіх версіях експорту та відіграє важливу роль у забезпеченні доступності листів для людей з вадами зору та іншими обмеженими можливостями. Вона встановлює атрибут role=presentation, який допомагає скринрідерам, що використовуються деякими одержувачами з цієї категорії людей. У разі вимкнення атрибут role=presentation буде видалено з HTML-коду.

Фіксовані розміри зображення

Ця функція експорту доступна також для всіх варіантів експорту у формат HTML. Якщо її увімкнути, у HTML-коді для кожного зображення будуть вказані обидва розміри (висота і ширина). Це необхідно насамперед для деяких ESP, які можуть змінювати розміри зображень під час імпорту HTML-файлу.

На завершення

Експорт листів — це незамінна функція, яка дозволяє зекономити дорогоцінний час під час підготовки email-кампаній. У процесі роботи доведеться переносити листи з редактора до системи автоматизації email-маркетингу. Stripo гарантує, що цей процес буде простим і не вимагатиме технічних знань. Ми пропонуємо п’ять різних варіантів для будь-яких маркетингових задач, які задовольнять потреби email-маркетологів, незалежно від того, яким ESP, поштовиком чи системою email-дизайну ви користуєтеся. Ми готові допомогти в будь-якій ситуації. 

FAQ

Чи можна експортувати лист із функцією drag-n-drop у формат HTML?

Так, це найпростіший спосіб експортувати створений шаблон, і для цього можна скористатися кількома способами (HTML-файл, HTML-архів або HTML-код).

Скільки шаблонів я можу експортувати на місяць?

Все залежить від вашого тарифного плану; у нас є тарифи з 4, 50, 300 та 4000 щомісячними експортами (з можливістю придбання додаткових експортів окремо).

Чи працюватимуть мої merge-теги в новому ESP після експорту?

Якщо ви використовуєте merge-теги, які підтримує ваш ESP, вони працюватимуть після експорту.

Що відбувається з AMP-контентом під час експорту до ESP, який не підтримує технологію AMP?

Частина AMP зазвичай ігнорується або видаляється, і користувачі бачать лише резервну версію у форматі HTML.

Чи можна експортувати одразу кілька шаблонів листів?

Так, у нас є функція масового експорту, яка дозволяє експортувати велику кількість шаблонів.

Чи можна редагувати шаблон у моєму ESP після експорту?

Так, але лише за умови, що ваш ESP має таку функцію.