Этот скрипт позволяет создать чистый и удобный экран загрузки (прелоадер) прямо в Zero Block на Tilda. Модификация работает стабильно и поддерживает режим Autoscale, поэтому верстка остаётся адаптивной и не «прыгает» при загрузке.
Как сделать прелоадер из Zero Block на Tilda?
14.03.2025
Поделиться модификацией
Zero block
1 минута
Легкое
Сгенерируйте код
Генерируется код Flow studio с учётом выбранных параметров.
Больше полезных статей в наших соцсетях
Инструкция
1. Создай Zero Block для прелоадера
- На странице добавь отдельный Zero Block, который будет служить прелоадером, укажите у него высоту 100%.
- Перемести его в самый верх списка блоков, перед шапкой и любым другим контентом — он должен загружаться самым первым.
2. Подставь Recid и сгенерируй код
- Скопируй Recid (например 123456789) этого Zero Block.
- Вставь его в генератор кода и выбери нужные параметры (скорость, задержка, скрытие по клику и т.д.).
- Нажми «Сгенерировать код».
3. Размести код на странице
- Добавь блок T123 (HTML) сразу после Zero Block-прелоадера.
- Вставь туда полученный код без изменений.
4. Обязательно подключи jQuery
Настройки сайта → Ещё → Подключить jQuery на страницах сайта → включить.
Если jQuery не подключён — прелоадер не сработает.
Рекомендации по параметрам
- Не ставь слишком длинную задержку — прелоадер не должен мешать взаимодействию с сайтом.
- Поле «Показывать прелоадер после загрузки ещё n мсек» помогает избежать резкого исчезновения анимации на быстрых устройствах — значение 300–600мс оптимально.
- Не перегружай Zero Block сложными SVG-анимациями с множеством кадров — такие прелоадеры наоборот замедляют загрузку.
Больше полезных статей в наших соцсетях