магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Тильда
нейросети
создавайте рабочий код с помощью AI
12 900 ₽
от ~2 150 ₽ / месяц
в рассрочку от банков
2 новых модуля
36 уроков
таблица с 180 промптами
4 решения с нуля
полезное расширение
чат потока
бонусы
личный кабинет
Узнать подробнее о курсе
Старт обучения 02 ноября
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Прелоадер со счётчиком и шторой для Tilda

Крупные цифры от 0 до 100, полоса прогресса и настраиваемое направление выхода.
Подробнее о модеСвернуть описание

Что умеет мод

  • Показывает крупный анимированный счётчик перед открытием страницы.
  • Добавляет метку бренда и необязательную полосу прогресса.
  • Настраивает цифры, знак процента, цвета, размеры и отступы.
  • Убирает заставку вверх, вниз, вбок или плавным затуханием.

Как подключить

Счётчик 0–100Пять вариантов выходаКод в T123
  1. Оформите счётчик

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

  2. Добавьте детали

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

  3. Настройте время и выход

    Задайте длительность отсчёта, время выхода и направление шторы. Укажите максимальное ожидание. При необходимости включите задержку анимаций Tilda и проверьте появление первого экрана после заставки.

  4. Установите и проверьте

    Добавьте код в T123 в начале страницы и опубликуйте её. Проверьте цифры на телефоне, выбранный выход, исчезновение полосы и работу прокрутки после закрытия заставки.

Что учитывать. Число и полоса двигаются по времени сценария. Они не показывают реальную долю загруженных файлов и не ускоряют сайт. Повторение в демонстрации нужно для просмотра настроек. На странице используйте один прелоадер; при новой полной загрузке он может запускаться снова.

Вопросы и ограничения

Штора обязательно уходит вверх?

Нет. Доступны четыре направления и затухание без смещения. Выберите нужное в настройке стороны ухода.

Можно оставить только цифры?

Да. Отключите метку, полосу и знак процента, если они не нужны в композиции.

Почему после 100 страница появляется не мгновенно?

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

Можно использовать свой шрифт?

Да. Укажите семейство шрифта, которое уже подключено в проекте. Само поле названия не загружает новый файл шрифта на сайт.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие варианты заставок

Made on
Tilda