24 февраля 2019

Как добавить таймер обратного отсчета в емейл

Анна Кузнецова Главный редактор Stripo

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

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

Как добавить таймер обратного отсчета в емейл с помощью Stripo

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

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

В большинстве редакторов это работает так: вы идете на сторонний сайт, чтобы создать HTML-таймер для емейла, затем копируете код встраивания и вставляете его в свой HTML-код емейл-шаблона… и все это ЕСЛИ ваш редактор позволяет это сделать. Затем вам нужно проверить, является корректно ли таймер обратного отсчета отображается в браузерах и емейл-клиентах — и только после этого вы можете закончить и отправить рассылку.

Добавление таймеров с помощью Stripo

Чтобы создать корректно отображаемый везде таймер обратного отсчета для емейла, вам нужно выбрать базовый блок “Таймер”.

Перетащите его в свой шаблон. Следующий шаг —  установить дату.

Укажите время окончания акции ("Date and time of end") и основной часовой пояс ("Time zone").

Теперь настройте шрифт, его цвет и размер. Одно из преимуществ таймеров Stripo — опция выбора “разделителя” ("separator") между цифрами. Что увидят ваши клиенты — тире “-” или двоеточие “:”? Это зависит от вас.

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

Затем вы отключаете эту кнопку.

И ваши клиенты увидят “143 часа 23 минуты” вместо формата с днями.

Будут ли отображаться подписи под самими цифрами или нет — все на ваш вкус.

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

Используйте фото грустного щенка, который говорит что-то вроде “Ууу, вы снова опоздали”, или просто укажите день, когда распродажа закончилась, просто чтобы сообщить клиентам, что купон недействителен.

Например, вот так McDonald’s сообщил своим подписчикам, что игра посвященная Хэллоуин уже закончилась.

 

Лучшие примеры использования таймеров обратного отсчета в емейлах

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

1. Banana Republic

Нам всем приятно знать, что у нас есть возможность купить любимые товары или долгожданную новую продукцию по более низким ценам. Особенно, если цены такие низкие, как у Banana Republic.

Они использовали беспроигрышный способ привлечь наше внимание к своему выгодному предложению: счетчику обратного отсчета в емейле предшествуют слова “Распродажа заканчивается” и сумма скидки, написанная крупными цифрами.

Самая важная информация всей кампании помещена на первом же скролле, и получатели никак не смогут пропустить ее… если, конечно, откроют емейл.

2. Malooka

Мы слышали о силе ожидания. Отправляя тизер-рассылки, мы заставляем потенциальных клиентов ожидать начала продаж. Но как они узнают, когда наступит День X? Самый простой способ — и к тому же один из наиболее эффективных – добавить в рассылку таймер обратного отсчета.

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

Многие известные бренды используют этот метод, когда анонсируют выпуск новых продуктов.

3. Monica Vinader

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

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

4. Click-Fill-A  

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

В этом емейле Click-fill-A анонсируют день, в который должна стартовать кампания предзаказов. Они не раскрывают все функции, которые будут в их новом приложении, зато еще раз упоминают, что оповестят клиентов, как только приложение выйдет.

5. Gap

В нескольких предыдущих емейлах Gap анонсировали предстоящее мероприятие Long Weekend Event. Они поспешили сообщить об этом своим получателям. Но без таймера обратного отсчета емейл получился бы несколько запутанным – было бы трудно понять, сколько времени осталось до события.

Но с помощью отсчитывающих время часов Gap дают знать, сколько еще времени есть у клиентов, чтобы совершить покупку.

Подсказка: вы также можете указать часовой пояс. Это предпочтительно для международных интернет-магазинов и для больших стран с несколькими часовыми поясами.

6. Purina

Если вы решили провести конкурс, не забудьте вставить в емейл таймер обратного отсчета, чтобы сообщить участникам дату его окончания.
Трогательная идея конкурса и цепляющий текст, которые убедят подписчиков принять участие, и таймер, чтобы дополнительно поторопить их — вот составляющие вашего успеха.

Мы ценим наших защитников, уважаем и благодарим их за то, что они для нас делают. И, конечно же, многие из нас держат собак. И мы, наверное, можем рассказать о них забавные истории. 

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

7. Neds

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

Продаете ли вы спортивную одежду или рекламируете платный телеканал, транслирующий боксерские поединки — напомните фанатам спорта, как скоро начнется игра/матч/сезон. Они это оценят.

8. Zales Outlet

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

Почему? Вот ответ: например, рестораны дают нам неделю до дня рождения и неделю после него, чтобы мы воспользовались персональной скидкой, тогда как магазины электроники и гаджетов обычно дают всего три дня. Клиенты не должны гадать — им нужно точно знать, сколько времени на покупку у них осталось.

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

9. Affinity

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

С помощью Stripo это делается элементарно.

10. Forever21

Когда акция закончится, получатели должны видеть это, открыв письмо. Как это сделать? Добавьте fallback-уведомление, чтобы клиенты знали, что купон более недействителен. Подробнее о том, как настроить такое уведомление для ваших кампаний, вы можете прочитать в разделе “Как добавить таймер обратного отсчета в емейл с помощью Stripo”.

Кроме того, Forever21 добавили кнопку “Настроить напоминание”. Вы тоже можете так сделать. Это должна быть ссылка на Google Calendar/iCalendar — и это хороший способ сделать ваши емейлы ожидаемыми.

Основные компоненты емейла с таймером

1. Информативная тема емейла

Мы уже говорили, что все емейлы начинаются с темы и что около 65% получателей решают, стоит ли открывать емейл, просто увидев его тему.

Когда речь идет о таймерах обратного отсчета в емейлах — наверное, уместно добавить эмоджи “часы” в строку темы.

Email on Acid предупредили нас, что это наш последний шанс зарегистрироваться бесплатно. И поторопили этими “часами” и словами “последний шанс”.

Тогда как Adidas даже написали, сколько у меня времени на покупку — некогда ждать, акция скоро закончится.

При желании можно даже настроить отправку последовательной цепочки таких емейлов, как сделал ресторан D'Artagnan:

Остался день... осталось 12 часов... осталось пять часов. О боже, я могу опоздать! Эта цепочка в сочетании с безупречными заголовками создает ощущение срочности. Ловко придумано!

2. Точное время

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

Или хотя бы последовать примеру PrettyLittleThing — указать, когда истекает срок действия предложения. “Сегодня вечером в 10 часов” означает, что день отправки сообщения был днем окончания акции.

3. Укажите даты

По сути, то же самое, что и в предыдущем пункте, но вы должны указать даты. Например, для Дня Президента это может быть день в промежутке с 15 по 18 февраля. Всегда будьте конкретны, чтобы получатель мог рассчитать свое время или поспешить, если акция закончится через несколько часов.

4. Сообщайте о завершении срока действия купона

Каким образом? Обычно после завершения акции ваши подписчики видят только нули в таймере обратного отсчета. Но почему бы не показать изображение, в котором говорится, что продажи закончились в День Z? Возможно, это заставит их в будущем быть предусмотрительнее и участвовать во всех ваших продажах.

Альтернативы таймерам обратного отсчета в письмах

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

1. Указать даты

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

Еще один замечательный пример от Моники Винадер.

2. Указать даты и вставить изображение часов

Создайте ощущение срочности, вставив изображение часов.

3. GIF-анимация тикающих часов

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

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

И пусть все ваши рассылки будут действительно эффективными и помогают вам повысить отдачу от инвестиций.

Если у вас есть какие-либо вопросы — не стесняйтесь, задавайте их на нашей странице Facebook или по емейл-адресу contact@stripo.email.

3 комментариев
Hello, I've noticed that the countdown component, after a couple of days gave an "image error" and does not load anymore on an outlook email. What might be the problem?
The countdown method used by Stripo seems like a really bad thing for Gmail users. From what I can see Stripo just generates an animated GIF which shows varying time animations depending on when the image url is fetched. Gmail however appears to store/cache images and at least for a couple of hours or days serves the same cached image version meaning the countdown will always reset to whatever it was when Gmail first loaded the email everytime the email is viewed. So in terms of client compatibility literally all alternatives seem better than Stripo's solution.
Tom, Thank you for your valuable comment. Could you clarify please what alternatives you meant? We would love to investigate them. Thank you