1. Создаём Зеро Блок и настраиваем свою анимацию;
2. Дальше копируем id Зеро Блока,
из которого делаем прелоадер и вставляем в генератор;
3. Указываем количество секунд, которое прелоадер будет отображаться (для ПК и для мобильных устройств);
4. «При полной загрузке сайта скрывать прелоадер» — включаем эту настройку, если нужно скрывать прелоадер при загрузке сайта, а не по времени;
5. «Проигрывать только один раз при заходе на сайт» — включаем эту настройку, если нужно проигрывать прелоадер один раз при заходе на сайт;
6. Копируем сгенерированный HTML код и вставляем его в блок Т123;
ВАЖНО:- Код для прелоадера нужно разместить в самом верху страницы. Сам Зеро-блок с прелоадером под ним;
- Если это многостраничный сайт и в хедере есть меню, нужно поставить этот прелоадер и код выше меню. Иначе при загрузке меню будет отображаться ненадолго, будет проявляться;
- Также советуем изучить инструкцию от Тильды по оптимизации сайтов.