Позвоним в течение 15 минут, обсудим условия и просчитаем стоимость работ
Дата публикации: 02.06.2025 / Обновлено: 03.06.2025

Как добавить сторонний код на сайт Tilda

При разработке сайта на Тильде часто встречаются задачи, для которых функционала встроенных блоков на платформе не хватает. Иногда требуется добавить нестандартные виджеты, теги, скрипты и стили, которых нет в библиотеке.

В таких случаях на помощь приходит сторонний код. В этой статье рассмотрим, как добавить HTML, CSS или JavaScript на ваш сайт.

Блок T123: добавляем Java Script, CSS или HTML код

T123 – это специальный элемент на странице, который позволяет добавить на свой сайт нужный код. Вот как можно вставить код, используя T123:

  1. Зайдите в личный кабинет Тильды. Выберите один из проектов.
  2. Перейдите на нужную страницу.
  3. Войдите в библиотеку блоков. В пункте «Другое» найдите T123.
  4. Откройте режим редактирования. Впишите или скопируйте нужный код.

Пока вы находитесь в режиме редактирования, код выглядит как текстовый блок. Результат работы кода вы увидите в режиме предпросмотра или после публикации. В блок T123 вы можете вставить:

  • текст HTML, любой фрагмент разметки: То что нужно отобразить;
  • CSS-правила: Используйте их для описания стилей и задания внешнего вида элементов;
  • JavaScript-инструкции: Короткие сценарии для анимации или взаимодействия с пользователем.

Чтобы избегать конфликтов со стилями Tilda, стоит использовать уникальные селекторы и обычные названия классов.

Как добавить код в head сайта

Если вам нужно подключить внешние скрипты или мета-теги, например несколько счетчиков Метрики, то лучше вставить их в Head сайта.

  1. Перейдите в нужный раздел «Настройки сайта» в личном кабинете Tilda – иконка шестеренок на уровне проекта.
  2. Найдите соответствующий пункт «HTML-код для вставки внутрь head». Он находится в настройках сайта в разделе «Еще».
  3. Вставьте ваш код.

После завершения всех действий остается только опубликовать сайт. Если необходимо вставить код в раздел Head конкретной страницы, отдельной страницы, то процедура будет такой же, только перейти нужно в настройки. В управлении страницей выберите «HTML-код для вставки внутрь Head».

Добавление Tilda Zero Block на страницу

Zero Block подходит для тех случаев, когда вы хотите добавить код в конкретную область и точно настроить расположение элементов. Это удобно для сложных дизайнов, а также для вставки интерактивных виджетов, которые не помещаются в обычные блоки.

Для добавления Zero Block на страницу вам нужно открыть редактор этой страницы:

  1. Зайдите в библиотеку блоков.
  2. В разделе дополнительных блоков найдите нулевой блок.
  3. Добавьте блок на страницу.

Теперь вы можете приступать к настройке блока. Нажав на вкладку «редактировать блок», вы попадете в отдельный редактор ZeroBlock. Тут легко настраивать слои, добавлять изображения, в общем делать все, что считаете нужным. В Zero Block вы также можете вставить код, как и в блок T123.

Используйте эти инструменты, чтобы легко кастомизировать свой сайт на Тильда.
Может быть интересно

SEO продвижение сайта на Тильде 2025: пошаговая инструкция, настройка и чек-лист
SEO продвижение сайта на Тильде: оптимизация и настройка. Как продвинуть ваш сайт в Google и Яндекс? Чек-лист для поискового продвижения сайта на Tilda.
Сколько стоит сайт на Тильде: цены на разработку сайта
Сколько стоит разработка сайта на Тильде? Узнайте цены и ключевые этапы разработки сайта на Tilda. Оценка стоимости сайта.
Как перенести сайт Tilda на свой хостинг: полное руководство
Как перенести сайт Tilda на свой хостинг? Полное руководство по переносу сайта с Тильда: экспорт кода, настройка и запуск вашего веб-проекта

Давайте сделаем
что-нибудь классное :)

пн–пт: 09:00–18:00 (мск)
Instagram запрещён на территории РФ