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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 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-маркетинговых кампаний. С нашим генератором вы сможете:

• быстро создать впечатляющий набор шаблонов;

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

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

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