В цифровую эпоху нам доступно почти всё, но далеко не каждое действие оказывается рациональным. Чтобы не «стрелять себе в ногу», подключайте JavaScript к сайту на Tilda только проверенными способами — тогда всё сработает именно так, как вы задумали, а поддержка кода не превратится в ад. Ниже разбираю три варианта и делюсь своими приёмами оптимизации.
1. Через настройки проекта (HEAD сайта)
Этот путь самый надёжный: скрипт сразу появляется на всех страницах — будь то категории товаров, карточки, потоки или любые новые шаблоны, которые вы создадите позже.
- Откройте Настройки сайта → Дополнительный HTML-код.
- Поместите код между тегами <script> … </script> в секции <head>.
Перед вставкой выполните «гигиену» JavaScript-файла:
- уберите отладочные логи, закомментированные блоки и весь временный хлам;
- расставьте недостающие точки с запятой, чтобы во время минификации код не «порвало»;
Совет. Держите две версии: «рабочую» (с комментариями) — у себя на диске, и «боевую» — минифицированную, которая лежит в Tilda. Так сайт загружается быстрее, а искать правки нужно в одном-единственном месте.
2. Непосредственно на конкретной странице
Иногда скрипт нужен лишь на одной странице — например, чтобы оживить эксклюзивный лендинг или тестовый прототип. Здесь пригодятся два штатных блока:
- T123 (HTML-блок) — классический контейнер, куда вы вставляете код вместе с тегами <script>;
- Zero Block с HTML-элементом — более гибкая альтернатива, если нужен точный контроль над позиционированием.
Чтобы через месяц самому понять, «кто всё это написал», над каждым кодовым блоком ставьте T218 — «Системный комментарий». Когда проект разрастётся и там появится гора скриптов, такая подпись сэкономит вам нервы.
Минусы способа
В финальной HTML-верстке остаётся лишняя «служебная» обёртка — иногда это критично для перфекционистов.
Лимит символов: у стандартного HTML-блока есть потолок (порядка 50 000 симв.). Если пишете объёмное решение (например, динамическую генерацию постов для кастомного блога), скрипт может не сохраниться, и придётся переносить его в HEAD через настройки проекта. Например при написании решения по получению постов, и формировании из их контента саму страницу Инструкция по работе с кастомным сайтом на Тильде проект Шлокамрита мне не хватило лимита. И в итоге мой JS не сохранялся в стандартном блоке. Мне пришлось весь код переносить в сам HEAD через настройки проекта.
3. Внешнее подключение (hosted script)
Когда JavaScript часто обновляется, а доступом к Tilda распоряжается отдельный администратор, удобнее держать файл «на стороне»:
Такое подключение через внешний файл часто может быть максимально выгодным, например, в своих проектах, где я делал систему пожертвований с админкой + индикаторами Система пожертвований для сайта на Тильде.
Мне было бы не удобно заниматься постоянным пере размещением кода после каждого его обновления, а тем более что сайт админить я не могу, так как там есть свой администратор, с меня было только само решение. Поэтому я разместил коды на внешнем хостинге и подключил в head проекта. И у себя на хостинге я просто вношу правки в код, а все обновления автоматом подтягиваются в Тильду без повторного размещения. Удобно. Но это актуально только ну прям для сложных сайтов.
Плюсы
- Мгновенные обновления. Достаточно перезалить файл на хостинг — сайт автоматически подхватит свежую версию.
- Централизация. Один и тот же скрипт можно подключить сразу к нескольким проектам без копипаста.
- Типовой кейс. Так подключаются библиотеки вроде Swiper, GSAP или собственного «движка» для формы пожертвований (у меня именно такой сценарий: админка и индикаторы на стороннем сервере, а Tilda — лишь витрина).
Минус у метода в основном один: он избыточен для простых сайтов, где код меняется раз в полгода.
Итоговые рекомендации
- Всегда размещайте JavaScript в <head> и загружайте минифицированную версию.
- Если скрипт нужен только на одной странице — оставляйте его там же, но не забывайте очистить и сжать код.
- Храните полноразмерную версию с комментариями у себя, чтобы можно было безболезненно доработать логику.
Как со мной связаться
Если вы не нашли для себя ответ в моих статьях или у вас есть задача, присылайте ваше ТЗ задание под ваш проект.
Пишите https://t.me/vbalakin буду рад помочь с доработкой.
Или переходите на сайт https://webvova.ru/ и там можете задать мне любой вопрос