03 февраля 2019
22195
21 мин
4.12
Как создать и для чего использовать таймеры в письмах
Емейл-маркетолог может смотреть бесконечно на три вещи: как уходит рассылка, растет CTR и как отсчитывается время до окончания распродажи. А как соединить эти три удовольствия вместе? Создать email-рассылку с таймером внутри.
Так сложилось, что таймер обратного отсчета наилучшим образом показывает ограниченность действия распродажи: еще буквально чуть-чуть и карета превратится в тыкву, а цена на новую сумку снова станет космической. Нужно торопиться. Срочность - один из важных факторов для принятия решения, так почему бы ею не воспользоваться, чтобы подтолкнуть подписчика к покупке?
Как и где используется таймер
Таймер можно использовать в промо для любого типа бизнеса: будь то интернет-магазин, служба доставки или медицинский вебинар.
Чаще всего его используют в рассылках для:
- продвижения быстрых распродаж;
- напоминания о том, что распродажа скоро закончится;
- напоминания о том, что распродажа скоро начнется;
- оповещения о сроках действия промокода;
- напоминания об окончании пробного периода;
- анонсирования даты розыгрыша;
- оповещения о скором старте вебинара;
В сети часто пишут, что таймеры увеличивают продажи. Мы провели несколько экспериментов: разделили базу пополам и отправили на одну часть емейл с таймером, а на другую - без. Дизайн и посыл писем были одинаковыми.
В итоге, мы получили следующие результаты:
- Процент кликов на таймер в письме - 1%.
- Процент переходов из письма у первой и второй группы отличается на 0,2%. Из письма без таймера переходов 4,9%, с - 4,7%.
- Идентичное количество покупок.
На основании данных показателей и ещё нескольких А/Б тестов с подобными результатами, мы сделали вывод, что наличие таймера обратного отсчета в письме не влияет существенно на уровень продаж. Целесообразнее рассматривать счетчик как способ разнообразить рассылки и развлечь подписчика анимированным элементом. Сами по себе скидки уже и так являются хорошим толчком к принятию решения о покупке.
Каким может быть таймер?
Добавить виджет обратного отсчета можно двумя способами:
- Создать html-timer и вставить код в письмо.
- Вставить гиф-изображение.
Оба способа отлично дополняют дизайн емейла и хорошо иллюстрируют срочность, однако html-таймер обладает рядом преимуществ, недоступных для гифок.
Html-таймер
Таймер обратного отсчета - это html скрипт, который посекундно отсчитывает время до определенной даты в будущем.
Создать такой таймер можно с помощью специальных сервисов (motionmail, sendtric) или же сгенерировать код самостоятельно. Правда, самописные таймеры могут не отображаться в письмах или вырезаться почтовиками. Прибегать к такому способу рекомендуем только в том случае, если вы четко знаете, что делаете. Счетчики, сгенерированные в сервисах, проблем с почтовиками не имеют и отрабатывают поставленную перед ними задачу безупречно.
Обычно, код для вставки выглядит таким образом:
<td align="center" class="esd-block-timer" esdev-config="h3">
<a target="_blank">
<img class="adapt-img" alt src="https://cdt-timer-plugins.esputnik.com/api/v1/images/MTkHQrFb4YRux8XP9RBPy2laYO-m_Z4FcmCJNmOXnjo" width="277">
</a>
</td>
6:41
<td align="center" class="esd-block-timer" esdev-config="h3">
<a target="_blank">
<img class="adapt-img" alt src="https://cdt-timer-plugins.esputnik.com/api/v1/images/MTkHQrFb4YRux8XP9RBPy2laYO-m_Z4FcmCJNmOXnjo" width="277">
</a>
</td>
На первый взгляд может показаться, что он состоит из ссылки на картинку и стилей для его отображения. Но это не совсем так. Ссылка и правда присутствует в коде, но в нее завернут специальный скрипт с условиями таймера. Это делается для того, чтобы почтовики не распознавали таймер как вредоносный объект и не вырезали его из письма.
Для генерации счетчика необходимо указать точную дату и время окончания, учитывая при этом разницу в часовых поясах. Без конечной даты таймер не создастся. Начиная с момента генерации счетчика, цифры на нем будут непрерывно уменьшаться. Независимо от того, в какой момент пользователь получит письмо - цифры продолжат отсчет. По истечении заданной даты и времени, таймер будет показывать нули.
К таймерам, созданным в виде кода есть возможность применять различные стили: выбирать язык, цвет фона, цифр и текстовый подписей. Этот функционал позволяет адаптировать его под общую стилистику письма.
Гиф-изображение таймера
Самый простой и малозатратный способ использовать таймер в письме - добавить его в виде зацикленных гифок. Все, что требуется - найти нужную гифку в одном из стоковых хранилищ и поместить ее в емейл в блок “Картинка”.
Гиф-таймеры не вырезаются из писем, так как почтовики не видят в них ничего подозрительного. По сути, это и не счетчик вовсе, а просто анимированное изображение. Правда, почтовый клиент Outlook старой версии показывает в письме только первый статичный кадр анимации.
Сложности в использовании такого вида счетчиков могут возникнуть на этапе поиска гифки необходимого размера, для бесперебойной подгрузки письма. К тому же, необходимо найти счетчик, который будет точно подходить под временные рамки. Важно не допустить оплошности с датами, чтобы подписчики не учуяли подмену. Если в емейле вы указываете срок действия распродажи - сегодня до 5, например, счетчик не должен отсчитывать 12 часов или вовсе сутки.
Гиф-изображения рекомендуем искать в:
- Google — наиболее очевидный способ. Чтобы найти нужный объект, откройте поиск по картинкам и строке «Инструменты поиска» - меню «Тип» выберите «Анимированные». И не забудьте с правах на использование указать “Для использования и редактирования”. Google высветит вам гифки, доступные для использования.
- GIPHY — наиболее популярное хранилище гифок.
- Pinterest — масштабный ресурс для поиска изображений разной стилистики. За счёт своей разношерстности позволяет найти гифки на любой вкус и цвет.
- Tumblr — создатели гифок тоже любят Tumblr и выкладывают туда свои работы. Таймеры среди них тоже есть.
Как известно, пользователи повторно открывают письма в течении нескольких дней после их получения. В этом - главная проблема использования гиф-анимаций таймера. Акция закончится - но счетчик продолжить показывать одни и те же цифры. HTML-таймер в таком случае более выигрышный метод - по истечении указанного времени, от обнулится и не будет вводить в заблуждение подписчика.
Создавайте эффективные письма!
Как таймер отображается в почтовиках?
По данным Litmus, 99% почтовых клиентов корректно отображают таймеры в емейлах. Исключением является только Outlook 07/10/13/17, в котором наблюдаются сложности с отображением анимированного счетчика. Outlook показывает только статичный кадр — первый из всей анимации.
Добавляя счетчик в рассылку, не переживайте будет ли это адаптивный таймер обратного отсчета. Таймеры хорошо отображаются на разных устройствах и подстраиваются под ширину экрана.
Где создать html-таймер?
Англоязычный бесплатный сервис для генерации таймеров: без предварительной регистрации или абонплаты.
Функционал сервиса предлагает базовый набор настроек для создания счетчика. А именно настройки:
- часового пояса;
- даты окончания отсчета: она не должна превышать 30 дней;
- языка: доступны 26 популярных языков;
- фона таймера;
- цвета цифр и текстовых обозначений.
Таймеры в сервисе создаются бесплатно и без водяных знаков. Дизайн у таймера универсальный и единый для всех: прямоугольные циферблаты с большими цифрами и текстовым описанием.
Sendtric - лучший на данный момент сервис для создания счетчиков для рассылок, так как он имеет все базовые функции и позволяет создавать безлимитное количество таймеров.
Еще один англоязычный сервис. Кроме всех возможностей, доступных в вышеописанном сервисе, Motionmailapp предлагает четыре варианта дизайна: два с прямоугольными циферблатами и два с круглыми.
А также позволяет задавать прозрачность фону таймера, определенный размер (от 16 px о 60 px) и стиль шрифта.
Motionmailapp - частично платный сервис. Создавать счетчики можно бесплатно и в неограниченном количестве, но на них будет размещен водяной знак. За 10$ в месяц есть возможность подключить тарифный план, который скроет водяные знаки и сделает язык адаптивным для разных регионов.
В сервисе таймеры создаются как для емейлов, так и для сайтов. Сервис бесплатный и англоязычный, но его функционал доступен только после предварительной регистрации. Для этого вы заполняете небольшую анкету или же выполняете вход в помощью аккаунта Facebook или Google+.
Promofeatures предлагает более широкие возможности для создания счетчика. Кроме основных параметров, в сервисе можно:
- выбрать стиль таймера;
- задать цвет дополнительным элементам;
- выбрать размер и шрифт, задать ему стиль (жирный, курсив и т.д.).
А также создать таймер с более персональным дизайном, функционал которого скрыт под кнопкой “Open Custom Design”.
Большим преимуществом данного сервиса является то, что он показывает фактический вес таймера в килобайтах. Чем больше персональных настроек дизайна - тем больше весит таймер, а значит будет медленно подгружаться письмо.
Вы можете самостоятельно следить за тем, чтобы вес таймера был оптимальным для подгрузки почтовиками.
Русскоязычный сервис для создания таймеров для емейлов и сайтов: не бесплатный, но с доступными тарифами. В пакете “Эконом” тарификация взимается в размере 48 рублей за каждый созданный таймер, а в пакете “Безлимит” за 199 рублей в месяц их количество не ограничено.
В сервисе можно создать счетчик с разными вариантами отсчета:
- до определенной даты;
- циклический: в определенные дни недели на заданное время;
- с открытия письма;
- с даты подписки.
Пользователям сервиса доступны 15 вариантов дизайна и опция подстановки изображения для показа после того, как таймер закончит отсчет. Вы можете выбрать как предложенные варианты, так и загрузить свою картинку размером 978*212 пикселей.
После генерации таймера сервис выдаст большой код, который нужно вставить в соответствующий блок письма через HTML, а не в визуальный редактор.
Как добавить таймер в еСпутник
Добавление счетчика в письмо в eSputnik - очень простая процедура. Сделать это не сложнее, чем вставить обычную картинку. Чтобы добавить таймер в рассылку в eSputnik выполните следующие шаги:
- Создайте счетчик в одном из сервисов. Мы выбрали для этого сервис Sendtric.
- Скопируйте сгенерированный код. Для вставки в емейл вам нужна только та часть кода, что содержит ссылку.
- Откройте нужный шаблон в редакторе eSputnik и создайте в нем новую структуру. Добавьте блок “Картинка”.
- В меню блока выберите поле для добавления ссылки на внешний источник и вставьте туда ссылку.
- Таймер отобразится в письме.
- В том же меню блока для таймера доступны дополнительные настройки и стили:
- увеличить или уменьшить его размер;
- прикрепить картинку для эффекта Rollover;
- подставить ссылку на сайт;
- применить выравнивание;
- растянуть по ширине или нет;
- добавить отступы;
- применить адаптивность для мобильных устройств или скрытие.
Обязательно! Для таймера необходимо прописать альтернативный текст.
Чтобы таймер выгодно смотрелся в письме, продумайте заранее его дизайн. Изменить как-либо внешний вид таймера в рассылке не получится.