Дизайн Маркетинг How-to
~ 4 мин читать
1672 просмотры
оценить
2 дня назад

Генератор брендированных шаблонов, или Как создавать шаблоны всего за несколько кликов

Stripo / Blog / Генератор брендированных шаблонов, или Как создавать шаблоны всего за несколько кликов

Процесс создания рассылок — кропотливая работа, для которой нужно не только время, но еще и креативность. Корпоративный дизайн шаблонов дает вам возможность сформировать уникальный имидж бренда, который получатели будут моментально узнавать, открывая ваши письма. Но при этом выбор нужной цветовой схемы, шрифтов, дизайна кнопок может замедлить запуск вашей кампании и потребовать дополнительных затрат.

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

Преимущества генератора брендированных шаблонов

При создании генератора мы заложили в его функционал решение проблем, которые возникают в процессе работы с шаблонами. Наш генератор позволяет вам:

  • быстро и без лишних затрат создавать шаблоны;

  • оперативно запускать новые email-кампании или улучшать уже существующие;

  • генерировать множество шаблонов с единым стилем дизайна (цвета, шрифты, их размеры и т. д.);

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

Используя наш генератор, вы получите:

  • пакет шаблонов на основе стиля вашего сайта — это займет менее 2 минут;

  • необходимую базу для создания шаблонов в будущем;

  • возможность сохранять сгенерированные модули в вашей персональной библиотеке модулей.

Как это работает?

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

Шаг 1. Введите в соответствующее поле URL-адрес вашего сайта

Генератор не сможет создать для вас шаблоны из ничего. Соответственно ему понадобятся данные о дизайне сайта с вашей главной страницы. В качестве примера мы взяли сайт популярного конструктора всплывающих окон Сlaspo. Генератор извлечет из веб-ресурса основные цвета, шрифты и логотип — для этого просто вставьте URL-адрес вашего сайта и нажмите кнопку «Получить стили».

Генератор_Шаг первый

Шаг 2. Настройте сгенерированные шаблоны

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

Информация о компании

Название тонко намекает на то, что здесь вы можете изменить отображаемую в шаблонах информацию о вашей компании, а именно:

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

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

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

Генератор_Шаг второй_Информация о компании

Стили

В этой вкладке можно выполнить тонкие настройки цветов и шрифтов, а именно:

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

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

  • при необходимости можно нажать кнопку «Перемешать», чтобы в случайном порядке перераспределить между элементами шаблона имеющиеся цвета и шрифты.

Генератор_Шаг второй_Стили

Модули

Последняя вкладка отвечает за порядок расположения элементов шаблона. При помощи карусели опций вы можете:

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

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

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

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

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

Генератор_Шаг второй_Модули

Шаг 3. Скачайте свои шаблоны

Нажав кнопку «Скачать набор шаблонов», вы попадете на страницу предварительного просмотра всех сгенерированных шаблонов.

Генератор_Шаг третий

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

Генератор_Шаг третий_Cкачивание шаблонов

Открыв письмо, просто нажмите кнопку «Скачать шаблоны», чтобы загрузить на свое устройство .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,...

Дизайн Маркетинг Шаблоны
24 мая · 18 мин читать
Лучшие шрифты для рассылок: советы и хитрости

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

Дизайн Шаблоны
Greatest Examples of GIF animations in Emails_Cover Image
27 октября 2021 · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках. Примеры GIF в письмах В этой подборке собраны лучшие примеры использования GIF в письмах, где каждая анимация выполняет свою миссию. 1. Adidas (Источник: рассылка от Adidas) Adidas использовал анимацию в письме, чтобы показать, в каком еще цвете доступен данный товар. Выглядит аккуратно и просто, но при этом...

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

Хорошие подписи в письмах помогают нам развивать бизнес и производить хорошее впечатление на клиентов. И поскольку это последний элемент, который люди видят в письмах, нам нужно сделать подписи креативными и запоминающимися. Давайте рассмотрим лучшие примеры подписей и их правильное использование в письмах и шаблонах рассылок. Стоит отметить, что профессиональные подписи с подробной контактной информацией нужны для любого бизнеса. Используйте этот шаблон, чтобы создавать подписи для рассылок быстрее Использовать Такой пример подписи хорошо подходит для юридических консультаций, банковского дела и т.д....

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