Как создать html для бизнес маркетинг

Как сделать HTML-письмо для рассылки без верстальщика: бесплатные инструменты для маркетолога

Собрали ссылки на бесплатные инструменты, чтобы делать красивые HTML-письма для email-рассылок без верстальщика и Adobe Photoshop. Рассмотрим:

Визуальные редакторы для email-рассылок

Главный инструмент для создания email-рассылки — визуальный редактор HTML-писем. Чтобы собрать рассылку, достаточно выбрать фон, добавить изображения, текст и проставить ссылки. В большинстве редакторов есть готовые шаблоны писем — можно использовать, если нет своего дизайна. Если свой дизайн есть, его можно перенести в редактор в виде блоков или готового HTML-кода. Если своего дизайна нет и шаблоны визуального редактора не подходят, поищите вдохновение на сайте Really Good Emails, где хранятся сотни примеров email-рассылок.

Stripo

Stripo — бесплатный онлайн email-редактор для создания адаптивных шаблонов. Адаптивный шаблон изменяется в зависимости от устройства читателя и одинаково хорошо выглядит на экране мобильного телефона или компьютера. У Stripo дружелюбный интерфейс, чат поддержки внутри системы, можно создавать AMP-письма (письма с динамическим контентом можно отправлять и через Mindbox). Есть приятные бонусы вроде интерактивного таймера внутри письма. В бесплатном тарифе ограниченное количество хранимых шаблонов и лимит на отправку тестовых писем в сутки.

Полученное письмо можно экспортировать в один из многих рассыльщиков (Mailchimp, eSputnik, GetResponse и т.д.) или получить архив с готовым HTML-файлом и изображениями, который можно загрузить куда угодно.

Интерфейс визуального редактора Stripo

BEE — бесплатный визуальный редактор адаптивных писем из Калифорнии. Меньше возможностей, чем у Stripo — нет поддержки технологии AMP и чата внутри системы, зато меньше ограничений: создавать рассылки и отправлять тестовые письма можно в любых количествах. Много бесплатных шаблонов, с которых можно начать дизайн письма.

Интерфейс визуального редактора BEE

Tilda

Tilda Publishing — набор инструментов для создания контента в интернете. С их помощью можно собрать сайт, лендинг-страницу, интернет-магазин и рассылку. Создание электронных рассылок требует платного тарифа Tilda Personal (6000 рублей/год), но можно воспользоваться бесплатной версией на 2 недели. В сравнении с Stripo или BEE интерфейс не очень удобный, а настроек — мало. Не поддерживает AMP-технологию.

Собранное HTML-письмо можно экспортировать в виде кода. Вопреки ожиданиям, рассылки в Tilda — скорее приятное дополнение к конструктору посадочных страниц, нежели самостоятельное решение.

Интерфейс визуального редактора рассылок Tilda

Редакторы изображений

Canva

Canva — бесплатный графический редактор фотографий и иллюстраций. Есть стоковые архивы изображений, готовые шаблоны, инструменты для редактирования. Целиком Photoshop заменить не сможет — с нуля нарисовать что-то не получится, но подготовить нужные картинки для рассылки — легко.

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

Интерфейс Canva очень удобный: создать коллаж можно за пару секунд

Fotor

Fotor — простой онлайн-фоторедактор, бесплатный и не требует регистрации. Пожалуй, закрывает большинство задач по редактированию изображений — от обрезки и коррекции, до наложения текста или рамки.

Скриншот редактора Fotor

Спецэффекты: таймеры и персонализированные картинки, emoji — всё для «вау-эффекта»

Таймеры для акций и персонализированные картинки

Motionmail

Motionmail позволяет генерировать и вставлять в письма таймеры. Регистрация бесплатная, количество таймеров не ограничено. Любой из часовых поясов, несколько дизайнов. Генерируете таймер и вставляете в письмо. Единственный минус — жуткий копирайт Powered by Motionmail на бесплатной версии.

Интерфейс создания таймера в Motionmail

Таймер сгенерированный в бесплатной версии Motionmail

Sendtric

Sendtric — еще один генератор таймеров. В отличие от Motionmail, в бесплатной версии настроек дизайна меньше, зато генерируется таймер без регистрации и уродливых копирайтов. Зашли на главную, указали настройки таймера, сгенерировали — и готово. Есть ограничение: счётчик ограничен 30 днями, но для краткосрочных акций этого хватит.

Создать таймер в Sendtric можно прямо на главной странице

Таймер сгенерированный в бесплатной версии Sendtric

NiftyImages

NiftyImages позволяет не только генерировать таймеры, но и персонализированные изображения. Например, можно добавить обращение по имени прямо в изображении. Достаточно на месте имени подставить переменную, которая отвечает за вывод имени читателя.

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

Генераторы «гифок»

Gifius

Gifius — создание GIF-анимации из статичных фотографий. Бесплатный и очень простой: загружаете фотографии, выбираете последовательность кадров и размер.

Сохраняете получившуюся GIF-анимацию.

«Гифка», собранная в Gifius из двух кадров: менеджеры Mindbox на награждении Tagline 2019

ezGIF

ezGIF — расширенный инструмент для создания GIF-анимации. Можно конвертировать видео в GIF, нанести текст, отредактировать анимацию покадрово, наложить фильтры или изменить скорость.

Интерфейс в ezGIF выглядит не очень, зато много полезных функций

Иконки для писем

Flaticon — гигантский сток с иконками на любой вкус. Может пригодиться не только в рассылках, но и при работе с презентациями, сложными визуальными картами и так далее. Огромный выбор даже среди бесплатных коллекций. Неплохая и полностью бесплатная альтернатива Flaticon — The Noun Project.

Даже бесплатных коллекций иконок на Flaticon вполне достаточно

Emojis

👉 emojipedia

Emojipedia — сборник всех эмоджи во вселенной. Найдите понравившийся эмоджи и скопируйте в текст письма или тему. Можно также посмотреть, как эмоджи будет выглядеть на всех популярных устройствах 😀

Emojipedia дает возможность просмотреть отображение эмоджи на разных устройствах

Технические инструменты: удаление фона на картинке, оптимизация веса письма

Remove.bg

Remove.bg — инструмент для удаления фона изображения. Помогает, если у вас есть фото модели, которую нужно поместить на однотонный фон. Справляется даже со сложными изображениями, например, где есть «засветы». Есть клиент для Mac и Windows. Бесплатная версия ограничивает разрешение обработанных картинок, но для email-рассылок его хватает.

HTML Optimizer

HTML Optimizer убирает лишние отступы, пробелы и прочую «мишуру», которая занимает место в HTML-коде. Вставляете код, запускаете обработку, получаете «очищенный» код. При этом письмо для читателя никак не меняется — только грузится быстрее.

В некоторых случаях оптимизация кода экономит до

20% от исходного веса. Почему это полезно? Если ваше письмо тяжелее 102Кб, оно «обрежется» в Gmail. Оптимизация веса — один из способов, как этого избежать. Важно добавить, что в визуальном редакторе рассылок Stripo есть встроенная функция оптимизации кода.

Протестировал HTML Optimizer на рассылке бренда All We Need — сократил вес письма на 13%

Источник

Инструменты диджитал-маркетинга, которые убедят ваших клиентов сказать «Хочу!»

Возможностей продвижения в интернете с каждым годом все больше. Как выбрать то, что подходит именно вашему бизнесу? Инструменты и эффективные кейсы разобрал Сергей Казак, Chief Visionary Officer AMDG, на совместном вебинаре «Про бизнес», AMDG и Банка БелВЭБ.

Смотрите полную версию вебинара:

Новый вебинар нашего проекта стартует 17 июня в 17:00. Сергей Казак поделится, как создать бренд компании в интернете. Присоединяйтесь!

Цели и инструменты интернет-маркетинга

Digital-маркетинг направлен на 2 цели — имидж и продажи. Обычно эти направления развиваются по следующей схеме:

• За продажи отвечает performance-маркетинг, где акцент сделан на лиды, заказы и, например, раскрутку акций. Все это дает быстрый результат в моменте
• За то, чтобы отстроиться от конкурентов, отвечает brand image (медийно-баннерная реклама, видеореклама в интернете, SMM, ORM, online reputation management). Это направление используется, когда на рынке слишком много конкурентов и нужно выделиться не только рекламными бюджетами, а именем компании.

Существует еще одно направление, которое объединяет две цели в одну: продажи + имидж = brandformance. Оно используется, когда спрос невелик и нужно увеличивать знание о продукте, количество аудитории, донести до аудитории главную ценность продукта.

4 этапа маркетинговой воронки

Стандартная маркетинговая воронка делится на 4 этапа. На каждом этапе целевая аудитория находится в определенном состоянии: вижу, помню, понимаю и хочу. Для каждого этапа существуют свои digital-инструменты.

Материал из презентации Сергея Казака

На стадии «вижу» лучше всего подойдут:

• Медийная, баннерная и видеореклама
• Таргетированная реклама.

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

На стадии «помню» дополнительно помогает:

«Понимаю» и «помню» — почти одинаковые стадии. Они содержат общие инструменты, но в «понимаю» дополнительно стоит подключать:

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

Digital с целью продаж

SEO. Работая над поисковой оптимизацией сайта, вы можете увеличить посещаемость сайта горячей ЦА, увеличить число заявок/лидов, а также получить сделки по низкой цене. По нашему опыту, SEO обходится в 10 раз дешевле, чем другие платные инструменты продвижения. Главное — понимать, что этот инструмент настраивается постепенно. С его помощью мы не обманываем поисковую систему, а делаем сайт более удобным для пользователя.

В SEO для Google есть такая особенность, как «песочница» — поисковая система оценивает молодые сайты ниже, чем остальные. Такой же подход — к сайтам, которые содержат неразработанную структуру, т.е. имеют слишком мало посадочных страниц. Если у вас есть возможность доработать больше страниц и развить структуру сайта, сделайте это.

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

Мы развили структуру сайта, добавили каталоги и получили за 2 года 33 969 заявок на мебель.

Материал из презентации Сергея Казака

Performance-маркетинг охватывает медийными объявлениями миллионы сайтов и площадок, входящих в РСЯ и КМС. Стоимость продвижения с помощью этого инструмента выше, но зато вы получаете заявки практически с первого дня. Вносить корректировки в объявления можно быстро, отключая ненужные запросы и кампании.

Вам придаст гибкости такой инструмент, как A/B-тестирование, т.е. несколько форматов одной рекламы, опубликованной одновременно. Время размещения вариантов тестирования исчисляется целевыми действиями. Оптимальный показатель — 400 целевых действий, таких как, например, клики по каждому из вариантов баннеров. A/B-тестирование работает не только на баннеры, но и на продвижение через рекламные площадки.

Пример A/B-тестирования в performance-маркетинге. Крупная сеть по доставке еды из ресторанов и кафе собиралась привлечь заявки на вакансию курьера, причем в низкий сезон. Объявления были запущены в Яндекс.Директ, GoogleAds, «ВКонтакте», Facebook (Instagram) и MyTarget.

Мы провели А/В-тестирование рекламного баннера — и выяснили, что фотография курьера без надписей и дополнительных элементов дизайна работает лучше всего.

Материал из презентации Сергея Казака

В итоге заявок на вакансию стало на 35% больше. Большая их часть (39,6% и 27,6%) пришла из Google Ads и Facebook.

Материал из презентации Сергея Казака

Digital с целью узнаваемости

Медийно-баннерная реклама занимает клиента в 10 раз дольше, чем обычный баннер. Она дает максимальный охват аудитории, причем фокусируется именно на целевой аудитории бренда. Выделиться помогают нестандартные форматы рекламных сообщений.

Вот некоторые интерактивные форматы:

Изменение элементов на сайте с помощью нажатия кнопки

Изменение свойств экрана, если клиент сотрет, потрясет или свайпнет рабочую поверхность

Замена баннеров по нажатию

3D-баннер через Google Ads (поддерживается только имиджевыми площадками).

В среднем такие игры занимают от 30 до 60 секунд клиентского времени, усиливают коммуникацию с целевой аудиторией и привлекают внимание. Если в обычных баннерах взаимодействие с пользователем длится 3−5 секунд, то в интерактивных — в 10−15 раз дольше.

Даже если у вас есть мысли, что в B2B такое не работает, стоит понимать, что границы давно стерлись и перетекли в P2P (person-to-person). По другую сторону баннера находятся такие же люди, как и вы, даже если речь о руководителях крупных компаний.

Пример использования 3D-баннера. Косметической фирме нужно было увеличить посещаемость нового интернет-магазина. Мы создали объемный, необычный баннер и разместили его через GoogleAds.

Результат — конверсия в заказы стала в 2,5 раза выше, чем в действующих РК, а средняя длительность сеанса выросла на 10%.

Материал из презентации Сергея Казака

Видеореклама в интернете — это возможность дополнительного охвата с возможностью замера эффективности контента.

Пользователю нужно 12 взаимодействий, чтобы запомнить баннерную рекламу — при видеорекламе достаточно трех просмотров.

Именно поэтому такой формат рекламы сейчас предлагают не только в YouTube, но и через площадки онлайн-кинотеатров и социальных сетей.

Пример использования видеорекламы. Кондитерской фабрике Chitorio необходимо было вывести новый продукт на рынок. Для этого мы запустили видеорекламу, mass-таргет и look-alike — рекламу на аудиторию, похожую на ту, которая уже взаимодействовала с брендом.

Рост продаж в первый месяц составил 76%, а в конце рекламной кампании (второй месяц продаж) достиг 130%. Кондитерская фабрика «отбила» все вложения в маркетинг.

Материал из презентации Сергея Казака

SMM (в данном случае — ведение имиджевых сообществ в социальных сетях) нужен компаниям, которые хотят создать дополнительную площадку для коммуникаций с аудиторией и использовать ее как дополнительный инструмент охвата.

Здесь есть одна особенность — социальные сети быстро меняют алгоритмы показа контента. Например, у Facebook есть правило 3%: если вы не продвигаетесь, только 3% ваших подписчиков видят ваши публикации.

В SMM всегда выигрывает интересный контент и примерно 5−6 публикаций в месяц, где под каждую отдельно настраивается продвижение. Лучше делать меньше контента, но продвигать его, чем публиковать очень много информации и потеряться в информационном шуме.

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

Итог — вовлеченность повысилась на 19,3%, а среднее количество лайков увеличилось до 1632.

Управление репутацией в интернете (ОRM) — мониторинг упоминаний бренда. Другие инструменты могут сработать впустую, если пользователь откроет отзывы, а там все печально. Особенно если один клиент стоит вам очень дорого.

Пример использования ORM. Производитель автомобилей поставил цель улучшить свою репутацию в интернете. Был проведен анализ информационного поля бренда. Так мы выявили недостоверную и неактуальную информацию. И вывели на первый план в поисковых системах полезную и правдивую.

«Если вы хотите спрятать труп, спрячьте его на второй странице Google», — шутят сотрудники Google, когда речь заходит о том, где разместить нежелательную информацию о компании.

Итог — до работы некорректную информацию видели 22 150 посетителей, спустя 6 месяцев — всего 225.

Соорганизатор проекта:

Источник