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

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

Емейл-маркетолог может смотреть бесконечно на три вещи: как уходит рассылка, растет 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-маркетолог

Наверх

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

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

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

С этим читают

Рекомендации по дизайну email писем

13 November 2020

Рекомендации по дизайну email-писем

Валерия Шудрик

Карточка товара для email рассылки

11 June 2018

Карточка товара для email рассылки

Владислав Головко

21 удачный пример использования фоновых картинок

21 August 2018

21 удачный пример использования фоновых картинок

Вероника Строева