Как создать таймер для сайта. Infogram

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

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

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

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

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

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

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

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

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

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

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