В статье пошагово разберем, как сделать таймер на тильде с помощью zero-block и стороннего бесплатного сервиса мегатаймер.
1) Настройка таймера
Перейдите на сайт megatimer.ru и задайте следующие настройки:
- Время работы таймера
- Дизайн
- Настройки отображения
- Задайте дни, часы, минуты и секунды
- Получите код
Настройки закончены двигаемся дальше.
2) Добавление таймера на сайт в Tilda
На данном этапе вам необходимо создать новую секцию с помощью zero-block, сделать оформление на свое усмотрение. После нажмите на плюсик, который находится в верхнем левом углу (Посмотрите скриншот) и в появившемся окне выберите виджет «Add HTML.
После наведите курсор мыши на появившийся черный прямоугольник и нажмите два раза левой кнопкой мыши. Таким образом, вы перейдете в настройки виджета, удалите все лишнее и вставьте скопированный код с сервиса мегатаймер.
Теперь сохраните все настройки в зеро-блоке и опубликуйте страницу, перейдите по ссылке и увидите таймер. Не забудьте адаптировать под мобильные устройства.
Важный момент, таймер будет только отображаться на опубликованной странице!
