Таймер

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

Таймер 1

После того, как вы добавили элемент "Таймер", нажмите на иконку "Редактировать" и перед вами откроется всплывающее окно редактирования данного элемента:

Таймер 2

В меню редактирования можно часы расположить по центру, слева и справа в поле "Выравнивание":

Таймер 3

В поле "Тип таймера" на данный момент доступны два варианта: обратный отсчёт времени и обратный отсчёт до даты:

Таймер 4

В поле "Тема оформления", Вы можете выбрать 3 дизайна таймера:

Таймер 5

В поле "Тема оформления", Вы можете выбрать 3 дизайна таймера:

Таймер 5

И задать размер таймера: маленький, средний, большой, в списке "Размер". А также выбрать основной и допольнительный цвета.

Если же Вы, например, хотите проводить "долгосрочную" акцию, которая будет начинаться для каждого пользователя индивидуально (после того как он откроет форму) и будет длиться в течении заданного времени, то для этого необходимо использовать второй вариант. В поле "Сброс таймера после завершения времени отсчёта" укажите необходимый временной интервал, по истечении которого таймер сбросится и при повторном посещении страницы он заново начнёт отсчёт.

Если вы вабрали обратный "Отсчёт от даты":

Таймер 6

То в поле "Дата отсчёта" укажите необходимую дату, от которой будет идти отсчет таймера. По умолчанию используется часовой пояс, который указан в профиле сайта. Если необходимо вести отсчет по локальному времени пользователя, то установите опцию "Локальное время пользователя".

Формат даты вводится, как "Год-Месяц-День Часы:Минуты". Дата и время разделяется пробелом:

Таймер 7

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

  • Ничего не делать
  • Перенаправить на другую URL
  • Перейти на страницу формы
  • Отправить форму
  • Заблокировать форму

Таймер 8

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

Если Вы выбрали "Перейти на страницу формы", то необходимо указать номер страницы, на которую необходимо перейти после завершения таймера:

Таймер 9

Используя действия таймера "Перейти на страницу формы" и "Отправить форму" Вы можете ограничить время прохождения тестов. Вы можете добавить таймер и настроить заданный интервал времени, необходимый для ответов на все вопросы. Когда время выйдет Вы можете автоматически отправить форму и сохранить те ответы, которые пользователь успел заполнить. Для этого в настройках таймера в параметре "После завершения времени отсчета" необходимо выбрать действие "Отправить форму":

Таймер 10

Если Вы используете многостраничную форму, то можно на каждую страницу формы добавить свой таймер и настроить время ответа на один вопрос. После окончания времени можно настроить автоматический переход на следующую страницу формы. А также важным моментом является, что при загрузке формы все таймеры, которые есть в форме, запустятся одновременно, то гораздо лучше запускать таймер только тогда, когда пользователь перешел на страницу, где размещен таймер. Для этого необходимо включить переключатель "Запускать только на активной странице":

Таймер 11

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

Чтобы просмотреть уже настроенную форму, кликните на иконку "Просмотр" и в вашем браузере в новой вкладке откроется форма:

Таймер 12

Таймер 14

Комментарии

Закажите разработку формы под ключ

Нет времени разбираться со всеми настройками самому? Не проблема!
Закажите разработку веб-формы у нас
Новогодняя распродажа 2024. Скидки до 40% на все тарифы!
Подробнее