0
Скопируй bundle-код
Этот код подключается один раз на весь сайт. После этого любой из 211 модов активируется CSS-классом ks-....
<!-- K&S Mods bundle --> <script src="https://cdn.ksmods.ru/v1/bundle.min.js"></script>
1
Открой Tilda-проект
tilda.ru/projects → твой проект.
↑ «Настройки сайта»
2
Настройки сайта → Вставка кода
В окне настроек слева — таб «Вставка кода».
«Вставка кода»
3
Вставь bundle в HEAD
В первом поле «Html-код для вставки внутрь HEAD» жми «Редактировать код», вставь bundle (Cmd+V) → «Сохранить».
Не забудь: кнопку «Опубликовать страницу» (Шаг 5).
4
Активируй конкретный мод
Bundle подключён, но модам нужен CSS-класс на элементе. Самый простой способ — в тот же HEAD добавь:
<!-- Активируем моды на body --> <script> document.addEventListener('DOMContentLoaded', function(){ document.body.classList.add( 'ks-up-button', // кнопка наверх 'ks-noise', // шум 'ks-smooth-scroll', // плавный скролл 'ks-color-browser' // зелёный браузер на mobile ); }); </script>
Альтернатива: на странице каждого мода (например /mod/up-button) есть кнопка «Скопировать» с точным кодом под этот мод и его параметры.
5
Опубликуй сайт
В проекте → «Опубликовать все страницы». Подожди 5-10 секунд.
6
Готово!
Открой live-URL. Кнопка «↑» в углу, шум на фоне, год обновляется автоматом — всё работает.
Хочешь добавить ещё мод? Найди его в каталоге, добавь класс
ks-... в тот же script тег. Или поставь плагин — будет быстрее (см. способ A).