Таймеры обратного отсчета в письмах: Как и для чего их создавать

Анна Шелефонтюк

Email-маркетолог

Таймеры в письмах

Как создать и для чего использовать таймеры в письмах

Емейл-маркетолог может смотреть бесконечно на три вещи: как уходит рассылка, растет CTR и как отсчитывается время до окончания распродажи. А как соединить эти три удовольствия вместе? Создать email-рассылку с таймером внутри.

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

Как и где используется таймер

Таймер можно использовать в промо для любого типа бизнеса: будь то интернет-магазин, служба доставки или медицинский вебинар.

Чаще всего его используют в рассылках для:

  • продвижения быстрых распродаж;

Счетчик при проведении распродажи

  • напоминания о том, что распродажа скоро закончится;

Таймер с напоминанием

  • напоминания о том, что распродажа скоро начнется;

Таймер с началом

  • оповещения о сроках действия промокода;

Таймер со сроком действия промокода

  • напоминания об окончании пробного периода;

Таймер с окончанием бесплатного периода

  • анонсирования даты розыгрыша;

Таймер с анонсом даты розыгрыша

  • оповещения о скором старте вебинара;

Таймер к старту вебинара

В сети часто пишут, что таймеры увеличивают продажи. Мы провели несколько экспериментов: разделили базу пополам и отправили на одну часть емейл с таймером, а на другую - без. Дизайн и посыл писем были одинаковыми.

Эксперимент с таймерами

В итоге, мы получили следующие результаты:

  • Процент кликов на таймер в письме - 1%.
  • Процент переходов из письма у первой и второй группы отличается на 0,2%. Из письма без таймера переходов 4,9%, с - 4,7%.
  • Идентичное количество покупок.
Last post

На основании данных показателей и ещё нескольких А/Б тестов с подобными результатами, мы сделали вывод, что наличие таймера обратного отсчета в письме не влияет существенно на уровень продаж. Целесообразнее рассматривать счетчик как способ разнообразить рассылки и развлечь подписчика анимированным элементом. Сами по себе скидки уже и так являются хорошим толчком к принятию решения о покупке.


Каким может быть таймер?

Добавить виджет обратного отсчета можно двумя способами:

  • Создать html-timer и вставить код в письмо.
  • Вставить гиф-изображение.

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

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>

На первый взгляд может показаться, что он состоит из ссылки на картинку и стилей для его отображения. Но это не совсем так. Ссылка и правда присутствует в коде, но в нее завернут специальный скрипт с условиями таймера. Это делается для того, чтобы почтовики не распознавали таймер как вредоносный объект и не вырезали его из письма.

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

Окончание таймера

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

Гиф-изображение таймера

Самый простой и малозатратный способ использовать таймер в письме - добавить его в виде зацикленных гифок. Все, что требуется  - найти нужную гифку в одном из стоковых хранилищ и поместить ее в емейл в блок “Картинка”.

Gif-таймер

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

Сложности в использовании такого вида счетчиков могут возникнуть на этапе поиска гифки необходимого размера, для бесперебойной подгрузки письма. К тому же, необходимо найти счетчик, который будет точно подходить под временные рамки. Важно не допустить оплошности с датами, чтобы подписчики не учуяли подмену. Если в емейле вы указываете срок действия распродажи - сегодня до 5, например, счетчик не должен отсчитывать 12 часов или вовсе сутки.

Гиф-изображения рекомендуем искать в:

  • Google — наиболее очевидный способ. Чтобы найти нужный объект, откройте поиск по картинкам и строке  «Инструменты поиска»  - меню «Тип» выберите «Анимированные». И не забудьте с правах на использование указать “Для использования и редактирования”. Google высветит вам гифки, доступные для использования.
  • GIPHY — наиболее популярное хранилище гифок.
  • Pinterest — масштабный ресурс для поиска изображений разной стилистики. За счёт своей разношерстности позволяет найти гифки на любой вкус и цвет.
  • Tumblr — создатели гифок тоже любят Tumblr и выкладывают туда свои работы. Таймеры среди них тоже есть.

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

Создавайте эффективные письма!

Как таймер отображается в почтовиках?

По данным Litmus, 99% почтовых клиентов корректно отображают таймеры в емейлах. Исключением является только Outlook 07/10/13/17, в котором наблюдаются сложности с отображением анимированного счетчика. Outlook показывает только статичный кадр — первый из всей анимации.

Отображение таймеров в почтовиках

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

Где создать html-таймер?

Англоязычный бесплатный сервис для генерации таймеров: без предварительной регистрации или абонплаты.

Sendtric

Функционал сервиса предлагает базовый набор настроек для создания счетчика. А именно настройки:

  • часового пояса;
  • даты окончания отсчета: она не должна превышать 30 дней;
  • языка: доступны 26 популярных языков;
  • фона таймера;
  • цвета цифр и текстовых обозначений.

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

Пример таймера созданного в Sendtric

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

Еще один англоязычный сервис. Кроме всех возможностей, доступных в вышеописанном сервисе, Motionmailapp предлагает четыре варианта дизайна: два с прямоугольными циферблатами и два с круглыми.

Пример таймера с круглым дизайном

Пример таймера с квадратным дизайном

А также позволяет задавать прозрачность фону таймера, определенный размер (от 16 px о 60 px) и стиль шрифта.

Настройки стиля шрифта для таймера

Motionmailapp - частично платный сервис. Создавать счетчики можно бесплатно и в неограниченном количестве, но на них будет размещен водяной знак. За 10$ в месяц  есть возможность подключить тарифный план, который скроет водяные знаки и сделает язык адаптивным для разных регионов.

Тарифные планы в сервисе Motionmailapp

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

Promofeatures предлагает более широкие возможности для создания счетчика. Кроме основных параметров, в сервисе можно:

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

А также создать таймер с более персональным дизайном, функционал которого скрыт под кнопкой “Open Custom Design”.

Персональный дизайн

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

Вес таймера в килобайтах

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

Русскоязычный сервис для создания таймеров для емейлов и сайтов: не бесплатный, но с доступными тарифами. В пакете “Эконом” тарификация взимается в размере 48 рублей за каждый созданный таймер, а в пакете “Безлимит” за 199 рублей в месяц их количество не ограничено.

В сервисе можно создать счетчик с разными вариантами отсчета:

  • до определенной даты;

Отсчет до даты

  • циклический: в определенные дни недели на заданное время;

Циклический отсчет

  • с открытия письма;

Отсчет с открытия

  • с даты подписки.

Отсчет с момента подписки

Пользователям сервиса доступны 15 вариантов дизайна и опция подстановки изображения для показа после того, как таймер закончит отсчет. Вы можете выбрать как предложенные варианты, так и загрузить свою картинку размером 978*212 пикселей.

Альтернативное изображение

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


Как добавить таймер в еСпутник

Добавление счетчика в письмо в eSputnik - очень простая процедура. Сделать это не сложнее, чем вставить обычную картинку. Чтобы добавить таймер в рассылку в eSputnik выполните следующие шаги:

  1. Создайте счетчик в одном из сервисов. Мы выбрали для этого сервис Sendtric.
  2. Скопируйте сгенерированный код. Для вставки в емейл вам нужна только та часть кода, что содержит ссылку.

Код таймера

  1. Откройте нужный шаблон в редакторе eSputnik и создайте в нем новую структуру. Добавьте блок “Картинка”.
  2. В меню блока выберите поле для добавления ссылки на внешний источник и вставьте туда ссылку.

Вставка кода

  1. Таймер отобразится в письме.

Таймер в письме

  1. В том же меню блока для таймера доступны дополнительные настройки и стили:
  • увеличить или уменьшить его размер;
  • прикрепить картинку для эффекта Rollover;
  • подставить ссылку на сайт;
  • применить выравнивание;
  • растянуть по ширине или нет;
  • добавить отступы;
  • применить адаптивность для мобильных устройств или скрытие.

Обязательно! Для таймера необходимо прописать альтернативный текст.

Чтобы таймер выгодно смотрелся в письме, продумайте заранее его дизайн. Изменить как-либо внешний вид таймера в рассылке не получится.

4.1 из 5 на основе 16 оценок

Анна Шелефонтюк

Email-маркетолог

Комментарии 0

С этим читают