Дизайн Маркетинг How-to
~ 4 хв читати
1905 перегляди
оцінити
12 днів тому

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

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

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

Тому ми у 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

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

Попередні статті Наступні статті
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-маркетингу