технология

Зачем использовать и как создавать таймер для сайта

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

Сколько дней осталось до премьеры/открытия выставки? Сколько дней осталось до нового учебного года/нового года? Сколько дней осталось, чтобы заявиться на конкурс/сдать отчет? Таймер — смотивирует и подогреет интерес к теме.

Создать таймер обратного отсчета онлайн просто. Поможет в этом сервис infogram. Результат можно расшарить в соцсетях или встроить на сайте.

Разбираемся, как создавать таймер.

Открывайте infogram.com. Сервис предлагает пользователю несколько способов для авторизации: через аккаунты в Фейсбуке, в Google, в Twitter, в LinkedIn или через регистрацию.

Вверху сервиса есть шаблоны проектов. Выбирайте любой. Назовите его и нажимайте «Create». Стандартный шаблон можно менять под размеры вашего сайта.

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

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

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

Поменяйте цвет в таймере.

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

Нажимайте в правом верхнем углу Share, затем — во всплывающем окне — Embed. На сервисе предусмотрены отдельные настройки кода под разные платформы — например, адаптивность размеров, специальный код для сайтов на WordPress. Мы не можем сказать, какой именно код подойдет для вашего сайта. Пробуйте.

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

С помощью этой технологии были реализованы следующие проекты

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса infogram.com

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!