No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Загрузка
0%
NLM014 • ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ
как сделать прелоадер с процентами загрузки в tilda?
С помощью нашей модификации ты можешь сделать прелоадер в Зеро блоке Тильда, с процентами загрузки и настроить время показа.
Инструкция (Развернуть↓)
1. Копируешь id Зеро Блока, из которого делаем прелоадер и вставляешь в генератор;
2. Добавляешь свой текстовый элементв Зеро Блок, в котором будет значение от 0 до 100. Указываешь класс к нему такой же как и в генераторе (например, preloadpercent);
Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name". Далее, справа в настройках указываешь тот же класс что и в генераторе;
3. Прописываешь текст после текстового элемента, к примеру "%";
4. Если нужно, указываешь текстовый элемент с точками и указываешь класс к нему. Прописываешь его в генераторе и текст до точек загрузки;
5. В случае если сайт тяжелый, ты можешь указать в первом шаге время загрузки от 0 до указанного значения. Во втором шаге время от первого указанного значения до второго;
6. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.
ВАЖНО:
2. Добавляешь свой текстовый элементв Зеро Блок, в котором будет значение от 0 до 100. Указываешь класс к нему такой же как и в генераторе (например, preloadpercent);
Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name". Далее, справа в настройках указываешь тот же класс что и в генераторе;
3. Прописываешь текст после текстового элемента, к примеру "%";
4. Если нужно, указываешь текстовый элемент с точками и указываешь класс к нему. Прописываешь его в генераторе и текст до точек загрузки;
5. В случае если сайт тяжелый, ты можешь указать в первом шаге время загрузки от 0 до указанного значения. Во втором шаге время от первого указанного значения до второго;
6. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.
ВАЖНО:
- Если сайт "легкий", то настойки времени не сработают. Можешь указать любые, сайт загрузится быстро;
- Код для прелоадера нужно поставить в самом верху страницы. Сам Зеро Блок с прелоадером под ним;
- Если это много страничный сайт и в хедере есть меню, нужно поставить этот прелоадер и код выше меню. Иначе при загрузке меню будет показываться ненадолго, будет проявляться;
- Также советуем изучить инструкцию от Тильды по оптимизации сайтов.
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Возобновите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Оплатите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.