timer ~ 12 мин читать
91443 просмотры
оценить
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 мин читать

14414 просмотры 3.7

Как интегрировать ваш ESP со Stripo при помощи Zapier Читать

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

Этот метод намного проще, чем кажется.

Вот что нужно сделать:

  • нажмите кнопку «Экспортировать» над шаблоном;

  • выберите значок «HTML»;

Скачайте бесплатные HTML-шаблоны Mailchimp с Stripo

  • в новом выпадающем окне выберите предпочтительный тип HTML-кода. Вы можете выбрать любой: Mailchimp поддерживает все опции импорта;

Выбор параметров экспорта для загрузки ваших шаблонов Mailchimp

  • откройте свой аккаунт Mailchimp;

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

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

  • в правом верхнем углу нажмите кнопку «Создать»;

Импорт HTML-шаблонов_Mailchimp

  • выберите вариант импорта кода, соответствующий выбранному варианту экспорта.

Вставка пользовательского кода в Mailchimp

Готово.

Как видим, особо углубляться в код не нужно.

В завершение

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

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

Wolfe Perry 1 месяц назад

Thank you for providing this fantastic post. This is quite beneficial to us.

Hanna Kuznietsova прокомментировал Wolfe Perry 1 месяц назад

Wolfe Perry, Thank you for your supportive feedback. We're happy you liked this post. Wishing you the best of luck. 😀

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
banner9
06 июня · 15 мин читать
ТОП-10 email-редакторов 2022 года

Все конструкторы email-шаблонов для вас на одно лицо? И вы затрудняетесь с выбором подходящего инструмента для своих кампаний, верно? Неудивительно, ведь их очень много. Мы сделаем обзор самых популярных конструкторов, чтобы выделить их отличительные особенности и помочь вам найти наилучший HTML-редактор шаблонов для ваших текущих потребностей. Я попробую создать одинаковый шаблон с одними и теми же медиафайлами во всех редакторах, чтобы увидеть, чем отличаются эти инструменты. Лучшие конструкторы email-шаблонов Для нашего обзора мы выбрали такие редакторы: Stripo, HubSpot, Campaign Monitor,...

Дизайн Маркетинг Шаблоны
best-fonts-for-email-cover-image-stripo
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-маркетинга!