Структура Шаблон How-to
~ 12 хв читати
78997 перегляди
оцінити
07 грудня 2021

Як створити власний шаблон для Mailchimp за допомогою Stripo

Stripo / Blog / Як створити власний шаблон для Mailchimp за допомогою Stripo

Потрібні шляхи швидкого створення власних листів для подальшого відправлення через Mailchimp? Ми вирішили для вас це завдання. На початку 2022 року Stripo пропонує сотні безкоштовних шаблонів для Mailchimp.

Як це працює, як кастомізувати такі шаблони та експортувати листи до Mailchimp? Про все це ми розповімо в нашій статті.

Використовуйте готові шаблони Stripo для створення привабливих розсилок
Ознайомитися

Короткий вступ або Для чого використовувати альтернативний конструктор шаблонів?

Mailchimp — всесвітньо відомий ESP, якому віддають перевагу 21% email-маркетологів з усіх країн. Сервіс має велику інформаційну базу, надає одержувачам можливість ділитися/пересилати листи друзям, пропонує інноваційні аналітичні інструменти, помічник з написання тем листів, оптимізатор контенту і багато іншого.

А той факт, що частка Mailchimp на ринку становить понад 1/5, додатково доводить, що це чудовий інструмент.

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

Нижче ми покажемо, як експортувати листи з Mailchimp до Stripo. Також ми виділимо кілька унікальних функцій, що прискорюють створення розсилок.

Переваги конструктора шаблонів Stripo

Основне завдання Stripo — прискорити процес створення листів. Для цього ми пропонуємо такий функціонал:

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

  • опцію «Синхронізовані модулі» — дозволяє редагувати й оновлювати одразу кілька листів. Нижче ми розповімо, як використовувати опцію, щоб заощадити години і навіть дні, створюючи розсилки;

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

  • таймер зворотного відліку — дозволяє миттєво і без роботи з кодом додавати таймери до ваших маркетингових шаблонів Mailchimp;

  • більше ніж 70 іконок соцмереж — вибирайте стиль дизайну з понад 30 варіантів. Окрім того, ви можете завантажити власні іконки;

  • можливість додавати до шаблонів блок «Приєднуйтесь до нас у соцмережах» усього одним кліком. Ви заповнюєте всю необхідну інформацію лише одного разу в своєму персональному профілі Stripo — і наступного разу просто перетягуєте до свого шаблону блок «Соцмережі». Stripo автоматично вставить відповідні іконки та посилання;

Заповнення профілів для соціальних мереж

  • RTL — дозволяє писати тексти справа наліво без навичок кодування. Просто натисніть кнопку RTL у вкладці «Загальні налаштування»;

  • Stripo Email Translate, щоб зробити кампанії мультимовними — перекладайте текст листа Mailchimp одразу 10 мовами безпосередньо в редакторі;

  • опцію «Анкорні посилання» — використовуйте їх заради зручності навігації всередині листа і перенаправлення клієнтів безпосередньо до розділу, який їх цікавить, без потреби прокручувати лист;

(Джерело: лист від Mercedes-Benz)

  • генератор анотацій для вкладки промоакцій Gmail — використовуйте їх, щоб показати клієнту вигідну пропозицію, суму знижки і зображення попереднього перегляду безпосередньо в папці вхідних ще до того, як він відкриє листа;

  • налаштовувана ширина шаблона Mailchimp — від 320 до 900 пікселів;

  • опцію мобільних стилів — ви не тільки налаштовуєте ширину кнопки і розмір шрифту для мобільної версії, але також приховуєте/вимикаєте будь-який елемент листа при відображенні на екрані смартфона;

Спеціальний дизайн пошти Mailchimp_Мобільні стилі

  • 850+ бездоганних адаптивних шаблонів розсилок для Mailchimp. Кастомізувати в них можна геть усе;

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

Створюйте привабливі шаблони для Mailchimp — зі Stripo це дуже легко!
Почати

Як експортувати шаблон до Mailchimp 

У цьому розділі ми детально продемонструємо, як експортувати листи до Mailchimp і редагувати їх.

Етап 1. Створення листа для Mailchimp

Я тут зараз дещо скажу, і курінний отаман Очевидько зі мною погодиться... Отже, щоб кудись експортувати листа, його треба спочатку створити ;).

Вибір шаблона

Це можна зробити двома способами:

Спосіб 1. Використання готових шаблонів Stripo для Mailchimp

Щоб вибрати будь-який із запропонованих нами шаблонів, вам треба:

  • клікнути вкладку «Шаблони» у вашому акаунті;

  • перейти до вкладки «Підготовлені шаблони»;

  • вибрати будь-який шаблон на ваш смак.

Безкоштовні маркетингові листи для Mailchimp

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

Спосіб 2. Створення шаблона для Mailchimp з нуля

Для цього вам потрібно:

  • клікнути вкладку «Шаблони» у вашому акаунті;

  • перейти до вкладки «Базові шаблони»;

  • вибрати порожній шаблон.

Створення листів з нуля_Як експортувати листи в Mailchimp

Основні переваги редактора Stripo описані вище.

Персоналізація листів для Mailchimp

Якщо ви хочете звертатися до підписників на ім'я, не забудьте додати до листа теги персоналізації.

Це можна легко зробити в Stripo, перш ніж експортувати шаблон до ESP.

Як персоналізувати лист для Mailchimp:
  • клікніть лівою кнопкою миші в тому місці шаблона, куди ви бажаєте додати тег персоналізації;

  • на панелі інструментів натисніть «Теги персоналізації»;

  • виберіть Mailchimp;

  • виберіть потрібний тег персоналізації.

Додавання тегів об’єднання до листів Mailchimp за допомогою Stripo_Експорт

Перевірка мобільних стилів листів

Завершивши роботу над шаблоном, ви можете побажати переконатися в його повній адаптивності.

Як ми вже казали, Stripo дозволяє налаштовувати розмір шрифту для основного тексту, різних заголовків, кнопок та інших елементів мобільної версії листів. Вони можуть суттєво відрізнятися від десктопних.

Як адаптувати лист Mailchimp для відображення на мобільному екрані
  • відкрийте вкладку «Оформлення»;

  • перейдіть до розділу «Адаптивність».

Спеціальний дизайн пошти Mailchimp_Мобільні стилі

Тестування листів для Mailchimp

Як переконатися, що ви відправляєте 100% ідеальні листи?

Опція 1. Режим попереднього перегляду

В режимі попереднього перегляду ви побачите, як ваш лист буде виглядати на десктопних та мобільних пристроях.

Режим попереднього перегляду листів Mailchimp

Що стосується мобільної версії, то тут ви тільки можете побачити, чи є ваші листи адаптивними або вам ще треба попрацювати над мобільними стилями.

Якщо лист виглядає добре, рекомендуємо перейти до опції 2.

Опція 2. Тестування листів

Надішліть тестового листа собі та колегам, щоб перевірити, чи всі кнопки працюють та чи клікабельні посилання.

Щоб відправити тестового листа кільком одержувачам, введіть їхні електронні адреси через кому.

Надсилання тестових листів_Експорт до Mailchimp

Якщо лист нормально працює на персональних девайсах, переходьте до опції 3.

Опція 3. Подивіться, як ваша розсилка відображатиметься в 90 комбінаціях основних поштових клієнтів і девайсів

Ця опція дозволяє вам побачити свій лист саме таким, яким його побачать одержувачі.

Запуск тесту знімка екрана_Експорт листів до Mailchimp

Для проведення таких тестів Stripo інтегрований з Email on Acid.

Етап 2. Експорт листів до Mailchimp

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

Варіант 1. Експорт одного листа за один раз — новий лист

  • натисніть кнопку «Експорт» над шаблоном;

Кнопка експорту

  • у випадаючому меню в розділі «Експорт до ESP» перейдіть до вкладки «Популярні»;

  • клікніть значок Mailchimp;

Опція експорту Mailchimp

  • у новому випадаючому вікні натисніть кнопку «Експорт»;

Кнопка експорту_Експорт листів до Mailchimp_Stripo

  • введіть облікові дані свого акаунта Mailchimp і натисніть кнопку «Увійти»;

Введіть облікові дані для облікового запису Mailchimp

  • потім вам буде запропоновано натиснути кнопку «Дозволити», щоб надати дозвіл* на експорт;

Кнопка «Дозволити» у спливаючому вікні під час експорту листів до Mailchimp зі Stripo

  • у Mailchimp знайдіть свій шаблон у папці «Кампанії» —> «Шаблони».

Пошук шаблонів пошти в Mailchimp_Stripo

* Важлива примітка:

Зверніть увагу, що Stripo не бачить і не зберігає пароль вашого акаунту Mailchimp!

Щоб пересвідчитись у тому, що всі експорти з нашого інструменту до будь-якої ESP абсолютно безпечні для наших клієнтів і для нас, ми щороку проходимо тест безпеки Bishop Fox.

Варіант 2. Експорт одного листа за один раз — відредагована версія вашого листа

Якщо коротко, то у цьому випадку ви замінюєте існуючий лист на оновлений.

Іноді вам треба оновити транзакційний лист. Або ви створили нове промо і хочете, щоб воно знаходилося там само, де було попереднє.

Ось що вам треба зробити:
  • коли ваш лист буде готовий, натисніть кнопку «Експорт»;

  • серед опцій експорту виберіть Mailchimp — він знаходиться зверху сторінки в розділі «Нещодавно використані»;

Нещодавно використані параметри експорту_Експортувати листи до Mailchimp

  • у новому випадаючому вікні натисніть кнопку «Замінити існуючий».

Заміна існуючої версії пошти Mailchimp

Варіант 3. Масовий експорт

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

Отже, як масово експортувати листи до Mailchimp:
  • в області «Шаблони» або «Електронні листи» виберіть потрібні шаблони. Щоб вибрати перший лист, просто наведіть на нього курсор;

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

  • відкрийте меню налаштувань будь-якого з вибраних шаблонів;

  • натисніть «Експорт»;

Масовий експорт зі Stripo до Mailchimp

  • у новому випадаючому вікні виберіть Mailchimp серед інших варіантів експорту.

Важлива примітка:

Якщо якийсь шаблон раніше використовувався для «Автоматизації» —> «Подорожі клієнта» і ви заміните його новим, то не треба буде нічого робити після експорту — шаблон буде автоматично замінено у вашій «Подорожі клієнта». Не потрібно нічого редагувати, перевіряти або перезапускати. Шаблон залишиться активним, але ваші користувачі отримають нову версію листа.

І найкраща новина: якщо у вас багато активних циклів подорожі клієнта (наприклад, усі транзакційні повідомлення, привітальні листи та ін.), усі вони будуть одразу активовані.

Пам'ятаєте, ми говорили про опцію «Синхронізовані модулі»? Серед іншого ми згадували, що ви можете редагувати у Stripo одразу кілька шаблонів. І тепер ви теж можете експортувати всі шаблони одразу — вам навіть не доведеться знову налаштовувати або активувати цикл подорожі клієнта: усе буде зроблено автоматично.

Це заощадить години і навіть дні при оновленні листів.

Етап 3. Редагування листів Mailchimp

Іноді вам може знадобитися відредагувати шаблон вже після його експорту..

Класичний Drag-and-Drop конструктор Mailchimp тут недоступний. Але все-таки є два варіанти редагування листа:

Варіант 1. Редагування дизайну

Для цього вам треба:

  • відкрити шаблон;

  • під ним натиснути кнопку «Редагувати дизайн»;

Пошта Mailchimp_Редагування дизайну в Mailchimp Classic Builder

  • тепер клікніть на потрібний елемент листа — ви побачите звичайний WYSIWYG редактор;

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

  • тут ви можете редагувати текст, працювати над стилями оформлення тексту, замінювати посилання, зображення тощо.

Варіант 2. Редагування коду

Щоб відкрити HTML-редактор Mailchimp, вам треба:

  • відкрити шаблон;

  • натиснути кнопку «Редагувати код».

Натисніть кнопку «Редагувати код», щоб відкрити редактор HTML Mailchimp

Створюйте складні листи за допомогою Stripo і відправляйте їх через Mailchimp
Почати

Додаткові способи експорту до Mailchimp

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

Враховуючи те, що мені не вдалося зробити статтю короткою, хоча я хотіла цього (але при цьому хотіла також описати всі етапи прямого експорту до Mailchimp), я розповім про ці два методи кількома словами:

Спосіб 1. Через Zapier

Я не буду робити тут покроковий мануал: у нашій статті «Як інтегрувати ваш ESP зі Stripo за допомогою Zapier» я використовувала саме Mailchimp як обраний мною ESP.

Детальну інформацію про те, як підключити Stripo до Mailchimp через Zapier, ви знайдете у нашому блозі в наведеній нижче статті:

5 min read

7693 views 3.7

How to Integrate Your ESP with Stripo by Using Zapier Читати

Спосіб 2. Через HTML код

Цей метод набагато простіший, ніж здається.

Ось що потрібно зробити:

  • натисніть кнопку «Експорт» над шаблоном;

  • виберіть значок HTML;

Завантажте безкоштовні шаблони HTML Mailchimp зі Stripo

  • у новому випадаючому вікні виберіть бажаний тип HTML-коду. Ви можете вибрати будь-який: Mailchimp підтримує всі опції імпорту;

Вибір параметрів експорту для завантаження шаблонів Mailchimp

  • відкрийте свій акаунт Mailchimp;

  • відкрийте вкладку «Кампанії»;

  • перейдіть до вкладки «Шаблони»;

  • праворуч зверху натисніть кнопку «Створити»;

Імпорт HTML шаблонів_Mailchimp

  • виберіть варіант імпорту коду, який відповідає вибраному варіанту експорту.

Вставлення користувацького коду в Mailchimp

От і все.

Як бачимо, особливо занурюватися в код немає потреби.

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

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

Створюйте у Stripo — відправляйте через Mailchimp

Вас також може зацікавити

Попередні статті Наступні статті
banner9
06 червня · 15 хв читати
ТОП-10 email-редакторів 2022 року

Усі конструктори email-шаблонів вам здаються однаковими? І ви вагаєтесь із вибором найкращого інструменту для своїх кампаній, чи не так? Не дивно, адже цих інструментів дуже багато. Тож давайте зробимо огляд найпопулярніших конструкторів, аби виділити їхні відмінності й допомогти вам у пошуку ідеального HTML-редактора шаблонів для ваших поточних потреб. Я спробую створити однакові шаблони з ідентичними медіа-файлами у кожному редакторі, щоб побачити, чим відрізняються ці інструменти. Найкращі конструктори email-шаблонів Для нашого огляду ми обрали такі редактори: Stripo, HubSpot, Campaign Monitor, AWeber,...

Дизайн Маркетинг Шаблон
24 травня · 18 хв читати
Найкращі шрифти для розсилок: поради та хитрощі

Одна з найсерйозніших проблем під час створення електронних листів — правильно вибрати шрифт. Вага, висота, ширина, колір, форма, інтервал... Чи справді тут все має значення? Так, важливим є все, але найголовніша умова — вибрати читабельний шрифт. У цій статті ми розповімо, як вибрати найкращий професійний шрифт для розсилки. Створюйте елегантні листи за допомогою Stripo в найкоротші терміни, використовуючи наші готові шаблони Ознайомитися   Шрифти HTML-листів: основні правила, яких треба дотримуватися Вибираючи оптимальний шрифт, слід враховувати три базових правила: 1. Не...

Дизайн Шаблон
Greatest Examples of GIF animations in Emails_Cover Image
27 жовтня 2021 · 10 хв читати
16 найкращих прикладів GIF-анімацій у розсилках

GIF-анімації в електронних листах стануть у великій нагоді, якщо ви бажаєте продемонструвати свою продукцію, привернути увагу користувачів до певних елементів листа або просто трохи прикрасити свій текст. У цій статті ми підготували для вас добірку найкращих прикладів таких анімацій. Приклади GIF-анімацій в email-розсилках Отже, ось наша компіляція найбільш вдалих прикладів використання GIF-файлів у листах. У кожному з них гіфка виконує свою місію. 1. Adidas (Джерело: лист від Adidas) Adidas застосували в листі анімацію, щоб показати доступні кольорові версії товару. Виглядає...

Дизайн Маркетинг
08 квітня 2021 · 17 хв читати
Дизайн підпису в листах: 14 найкращих прикладів

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

Дизайн Маркетинг Шаблон
Будьте завжди в курсі останніх новин у сфері email-маркетингу