Branded Template Generator_Cover Image
24 червня 2022

Генератор брендованих шаблонів, або Як створювати шаблони всього кількома кліками

Використати генератор брендованих шаблонів
Зміст
  1. Переваги генератора брендованих шаблонів
  2. Як це працює?
  3. На завершення
1.
Переваги генератора брендованих шаблонів

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

Тому ми у Stripo вирішили розробити унікальний інструмент, який допоможе вам максимально швидко створювати шаблони на основі дизайну вашого сайту. Назва цього інструменту — Генератор брендованих шаблонів. У нас щойно відбувся реліз його функціоналу, тож у цій статті ми розглянемо можливості інструменту і методику його використання.

Переваги генератора брендованих шаблонів

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

  • швидко і без зайвих витрат створювати шаблони;

  • оперативно запускати нові email-кампанії або удосконалювати існуючі;

  • генерувати багато шаблонів з єдиним стилем дизайну (кольори, шрифти, їхні розміри та ін.);

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

Використовуючи наш генератор, ви отримаєте:

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

  • базу, потрібну для подальшого створення шаблонів;

  • можливість зберігати згенеровані модулі у вашій персональній бібліотеці модулів.

Як це працює?

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

Крок 1. Введіть у відповідне поле URL-адресу вашого сайту

Генератор не може створити для вас шаблони з вакууму. Це означає, що йому знадобиться інформація про дизайн сайту з вашої головної сторінки. Як приклад ми взяли сайт популярного конструктора спливаючих вікон Сlaspo. Генератор витягне з веб-ресурсу базові кольори, шрифти і логотип — для цього просто вставте URL-адресу вашого сайту і натисніть кнопку «Отримати стилі».

Генератор_Крок перший

Крок 2. Налаштуйте згенеровані шаблони

Через кілька секунд після натискання кнопки ви отримаєте серію шаблонів, які міститимуть ваші фірмові кольори, шрифти і логотип сайту. Після цього ви зможете відредагувати згенеровані шаблони, використовуючи три вкладки: Інформація про компанію, Стилі та Модулі. Давайте розглянемо кожну з них.

Інформація про компанію

Як зрозуміло з назви, тут ви можете змінити інформацію про вашу компанію, що відображається в шаблонах, а саме:

  • назву бренду;

  • URL-адресу логотипу, якщо ви плануєте використовувати у листах зображення, що відрізняється від логотипу на сайті;

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

Генератор_Крок другий

Стилі

У цій вкладці можна зробити тонкі налаштування кольорів та шрифтів, а саме:

  • змінити кольори таких елементів, як хедер і футер, а також кнопок, шрифтів і посилань;

  • змінити основний шрифт для заголовків у шаблоні;

  • за потреби можна натиснути кнопку «Перемішати», щоб у випадковому порядку перерозподілити наявні кольори та шрифти між елементами шаблона.

Генератор_Крок другий_Стилі

Модулі

Остання вкладка відповідає за порядок розміщення елементів шаблона. За допомогою каруселі опцій ви можете:

  • налаштувати дизайн хедера (доступно для всіх шаблонів) — виберіть будь-який з доступних макетів хедера;

  • змінити дизайн шаблона з картками товарів (доступно лише для відповідних шаблонів);

  • налаштувати шаблон із публікаціями блогу (доступно лише для відповідних шаблонів);

  • налаштувати дизайн футера (доступно для всіх шаблонів).

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

Генератор_Крок другий_Модулі

Крок 3. Скачайте свої шаблони

Натиснувши кнопку «Скачати набір шаблонів», ви перейдете до сторінки попереднього перегляду всіх згенерованих шаблонів.

Генератор_Крок третій

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

Генератор_Крок третій_Скачування шаблонів

Відкривши листа, просто натисніть кнопку «Скачати шаблони», щоб завантажити на свій пристрій .zip-архів із шаблонами.

Крок 4. Працюйте з шаблонами у редакторі Stripo

Робота зі згенерованими шаблонами є дуже простою. Ви можете:

  • редагувати їх у Stripo як за допомогою функцій Drag-n-Drop, так і в редакторі HTML-коду;

  • або імпортувати завантажені шаблони до свого ESP, щоб редагувати їх там.

Редагування згенерованих шаблонів

Існують два способи редагування згенерованих шаблонів за допомогою Stripo.

Спосіб 1
  • Якщо вам треба відредагувати певний шаблон із комплекту, скористайтеся посиланням, яке знаходиться у листі поруч із шаблоном.

Генератор_Крок четвертий

Клікнувши потрібне посилання, ви перейдете до редактора Stripo, в якому зможете одразу відредагувати шаблони — використовуйте Drag-n-Drop і HTML-редактори на власний розсуд, вам буде доступний їхній повний функціонал. Шаблони не потребують жодних додаткових налаштувань у редакторі.

Спосіб 2

Розпакуйте завантажений .zip архів у будь-яке зручне місце на вашому девайсі. Ви отримаєте папку з файлами шаблонів у форматі .html. Після цього:

  • відкрийте файл шаблона за допомогою Блокнота чи іншого текстового редактора;

  • повністю скопіюйте код шаблона до буфера обміну;

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

  • вставте скопійований код у поле редактора HTML-коду;

  • готово!

Генератор_Крок четвертий_Робота з кодом

Редагувати шаблони дуже просто. Додавайте нові елементи за допомогою Drag-n-Drop редактора і працюйте зі згенерованими шаблонами у такий самий спосіб, як і з будь-якими іншими шаблонами з колекції Stripo. Якщо у вас є достатній технічний досвід, то можете редагувати всі наші шаблони у вбудованому редакторі коду.

Збереження елементів листів як модулів

Усі згенеровані структури шаблонів, рядки, полоси та контейнери можна зберігати як модулі, після чого вони з'являться у розділі «Модулі» (вкладка «Мої модулі»). Ви можете використовувати їх для інших листів, просто перетягуючи до потрібних шаблонів.

Крок 5. Створіть на базі цих шаблонів комплект гайдлайнів бренду для ваших майбутніх кампаній.

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

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

Реліз генератора брендованих шаблонів — це справжня віха для команди Stripo, і ми сподіваємось, що він буде корисним для ваших email-маркетингових кампаній. З нашим генератором ви матимете можливість:

  • швидко створити вражаючий комплект шаблонів;

  • розпочати розсилку всього кількома кліками завдяки зручному експорту;

  • дотримуватись фірмового стилю дизайну листів;

  • сформувати власний комплект брендових гайдлайнів на базі згенерованих шаблонів.

Створюйте власні шаблони всього у кілька кліків, використовуючи генератор брендованих шаблонів Stripo
Чи була ця стаття корисна?
Tell us your thoughts
Дякуємо за ваш відгук!
0 коментарів
Тип
Індустрія
Сезони
Інтеграції
Редактор Stripo
Спростіть процес створення листів.
Плагін Stripo
Інтегруйте Drag-n-Drop редактор Stripo у свій веб-додаток.
Замовити власний шаблон
Наша команда може розробити і зверстати його для вас. Просто заповніть бриф, і ми зв'яжемося з вами найближчим часом.