Дизайн Маркетинг Шаблоны How-to
~ 10 мин читать
44339 просмотры
оценить
24 февраля 2019

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

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

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

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

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

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

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

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

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

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

Stripo-Timers-Basic-Block

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

Stripo Timers Choosing Dates

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

Strip- Timers-Configuration

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

Stripo-Timers-Separator

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

Stripo-Timers-Numbers-Labels

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

Stripo-Timers-Display-Days-Button

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

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

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

Stripo-Timers-The-Timer's-Over

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

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

Stripo-Countdown-Timer-McDonald's

 

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

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

1. Banana Republic

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

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

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

2. Malooka

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

Stripo-Timer-We-Are-Coming-Soon

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

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

3. Monica Vinader

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

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

4. Click-Fill-A  

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

Stripo-Timers-Pre-order

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

5. Gap

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

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

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

6. Purina

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

Stripo Countdown Timer with Specified Time Zone

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

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

7. Neds

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

Stripo-Timers-Game

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

8. Zales Outlet

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

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

Stripo Countdown Timer Heart-shaped Timer

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

9. Affinity

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

Stripo Countdown Timer Christmas Sale

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

Setting Colors for Timers_Font and Background_RU

10. Forever21

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

Stripo Countdown Timer Forever21

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

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

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

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

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

Stripo-Timer-SL-Email-on-Acid

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

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

Stripo-Timer-Subject-Line-Adidas

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

Stripo-Timer-Subject-Line-Series

Stripo-Timer-Subject-Line

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

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

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

Stripo-Timers-Pretty-Little-Thing

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

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

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

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

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

Stripo-Timers-Last-Chance-to-Buy

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

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

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

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

Stripo-Timer-Starbucks

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

Stripo-Timer-Dates

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

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

Stripo-Timer-Clock-Bonobos

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

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

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

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

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

Nicolas Dias Fortunato 2 года назад

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?

Анна Кузнецова прокомментировал Nicolas Dias Fortunato 2 года назад

Nicolas, My apology for the slow reply. This issue can be really caused by several reasons. Would you please email us at support@stripo.email Our tech dep will review your template to find out the reason of this issue. Thank you

Tom 2 года назад

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 2 года назад

Tom, Thank you for your valuable comment. Could you clarify please what alternatives you meant? We would love to investigate them. Thank you

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
banner9
06 июня · 15 мин читать
ТОП-10 email-редакторов 2022 года

Все конструкторы email-шаблонов для вас на одно лицо? И вы затрудняетесь с выбором подходящего инструмента для своих кампаний, верно? Неудивительно, ведь их очень много. Мы сделаем обзор самых популярных конструкторов, чтобы выделить их отличительные особенности и помочь вам найти наилучший HTML-редактор шаблонов для ваших текущих потребностей. Я попробую создать одинаковый шаблон с одними и теми же медиафайлами во всех редакторах, чтобы увидеть, чем отличаются эти инструменты. Лучшие конструкторы email-шаблонов Для нашего обзора мы выбрали такие редакторы: Stripo, HubSpot, Campaign Monitor,...

Дизайн Маркетинг Шаблоны
24 мая · 18 мин читать
Лучшие шрифты для рассылок: советы и хитрости

Одна из самых серьезных проблем при создании электронных писем — правильно выбрать шрифт. Вес, высота, ширина, цвет, форма, интервал… Все ли здесь имеет значение? Да, важно все, но самое главное — выбрать читабельный шрифт. В этой статье мы расскажем, как выбрать лучший профессиональный шрифт для рассылки. Создавайте элегантные письма с помощью Stripo в кратчайшие сроки, используя наши готовые шаблоны Ознакомиться   Шрифты HTML-писем: основные правила, которые нужно соблюдать При выборе оптимального шрифта следует учитывать три базовых правила: 1. Не используйте более двух шрифтов...

Дизайн Шаблоны
Greatest Examples of GIF animations in Emails_Cover Image
27 октября 2021 · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках. Примеры GIF в письмах В этой подборке собраны лучшие примеры использования GIF в письмах, где каждая анимация выполняет свою миссию. 1. Adidas (Источник: рассылка от Adidas) Adidas использовал анимацию в письме, чтобы показать, в каком еще цвете доступен данный товар. Выглядит аккуратно и просто, но при этом...

Дизайн Маркетинг
08 апреля 2021 · 17 мин читать
Дизайн подписи в письмах: 14 лучших примеров

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

Дизайн Маркетинг Шаблоны
Будьте всегда в курсе последних новостей в области email-маркетинга!