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

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

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

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

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

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

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

счетчик

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

таймер

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

распродажа с таймером

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

акция таймер

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

free trial end

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

розыгрыш

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

вебинар с таймером

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

эксперимент

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

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

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


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

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

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

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

Html-таймер

Таймер обратного отсчета - это html скрипт, который посекундно отсчитывает время до определенной даты в будущем.

html таймер

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

Обычно, код для вставки выглядит таким образом:

<img src="http://gen.sendtric.com/countdown/bjykcno6nk" style="display: block;" />
 

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

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

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

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

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

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

гиф-таймер

Гиф-таймеры не вырезаются из писем, так как почтовики не видят в них ничего подозрительного. По сути, это и не счетчик вовсе, а просто анимированное изображение. Правда, почтовый клиент 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 пикселей.

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

После генерации таймера сервис выдаст большой код:

<img width="112" src="http://cdcs.makedreamprofits.ru/?5c4b2ed49f823&0&[email]&gif&type=days&v=3&36" style="display: inline-block;" /><img width="112" src="http://cdcs.makedreamprofits.ru/?5c4b2ed49f823&0&[email]&gif&type=hours&v=3&36" style="display: inline-block;" /><img width="112" src="http://cdcs.makedreamprofits.ru/?5c4b2ed49f823&0&[email]&gif&type=minutes&v=3&36" style="display: inline-block;" /><img width="112" src="http://cdcs.makedreamprofits.ru/?5c4b2ed49f823&0&[email]&gif&type=seconds&v=3&36" style="display: inline-block;" />
 

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


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

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

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

код таймера

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

вставка кода

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

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

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

Вам понравился материал? Оцените:

  • 1
  • 2
  • 3
  • 4
  • 5
Всего голосов: 4 средняя оценка: 4.75 (Рейтинг: 95%)

С этим читают: