Сделать таймер для акции

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

Чтобы сделать таймер, создайте строку с нужным количеством колонок и перетащите туда блок «Countdown timer».

Из вкладки «Содержимое» перетащите блок «Countdown Timer».

Таймер можно расположить по всей ширине письма или по ширине одной из колонок.

Таймер в UniSender по центру письма на ПК

Пример таймера, расположенного по центру письма

Таймер в UniSender в правой колонке на ПК

Пример таймера в правой колонке

Таймер в UniSender в правой колонке на мобильных

А вот как будет этот же таймер выглядеть на мобильном устройстве

Как настроить таймер

Чтобы настроить таймер, нажмите в блоке кнопку «Edit timer».

Кнопка редактирования таймера.

В новом окне откроются настройки таймера, где можно указать:

  • дату, время и часовой пояс события;
  • размер таймера;
  • цвет цифр и фона;
  • язык таймера.

 Настройка таймера обратного отсчета.

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

Настройка времени в таймере.

Цвета. Вы можете задать цвет текста таймера и цвет его фона одним из следующих способов:

  • выбрать из палитры вручную;
  • указать HEX-код цвета;
  • указать RGB-код цвета;
  • указать проценты для HSL-координат.

Настройка цвета в таймере.

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

Размер. Выберите маленький, средний или большой размер. Большой размер подойдет, если таймер размещается на всю ширину письма, а средний и маленький — если он расположен в одной из двух или трех колонок.

Настройка размера таймера.

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

Выберите из выпадающего списка язык для таймера.

Нажмите кнопку «Сохранить».

После того как вы настроите блок с таймером, его в любой момент можно отредактировать на вкладке «Свойства блока». Для этого кликните на блок и нажмите кнопку «Edit timer» на панели слева.

Кнопка редактирования таймера на вкладке «Свойства блока».

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

Ширина таймера. По умолчанию ширина таймера регулируется автоматически, но вы можете изменить ее вручную. Для этого отключите переключатель «Авто ширина» и с помощью ползунка настройте ширину таймера.

Если поставить галочку для «Полная ширина на мобильном», настройки ползунка будут применяться только для десктопа, на мобильных устройствах таймер будет занимать всю ширину экрана.

Выравнивание. Таймер можно выровнять по левому краю, по центру или по правому краю. 

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

Настройки для ширины таймера, выравнивания и добавления альт-текста.

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

Настройки для добавления действия к таймеру.

Отступы. Расположение таймера внутри блока можно настраивать с помощью отступов. 

Настройка отображения. Отображение таймера можно скрыть на ПК или мобильных устройствах, а также в AMP или HTML версии письма.

Что такое AMP-письма и как их использовать в рассылке

Настройки для отступов и отображения блока.

Где найти и как использовать готовые шаблоны с таймером

Упростить процесс создания письма с таймером помогут готовые шаблоны. Чтобы найти шаблоны с таймером, на главной странице личного кабинета нажмите «Создать рассылку» — «Email».

Кнопка создания рассылки на главной странице личного кабинета.

На вкладке «Шаблоны» выберите категорию «E-Сommerce».

Шаблоны категории «E-Сommerce».

Выберите один из 5 шаблонов и нажмите «Использовать».

Наведите курсор на нужный шаблон и нажмите «Использовать».

Шаблон откроется в конструкторе Unisender. Чтобы настроить таймер, нажмите на блок с таймером, а затем на кнопку «Edit timer» в свойствах блока.

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

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

Далее замените текст, картинки и ссылки в шаблоне на свои.

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

Письмо с таймером готово, можно отправлять рассылку.

Полезные ссылки

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

Вы нашли ответ?

6
3