⚡️ Памятка: Как вставить сторонний код в Тильде

В Тильде есть три основных способа добавить свой код (HTML, CSS или JavaScript). Выбор зависит от того, должен ли код работать на одной странице или на всём сайте сразу.

1. Вставка кода на странице через блок T123 ➞
2. Вставка кода в настройках конкретной страницы ➞
3. Вставка кода в настройках всего сайта ➞

Вставка кода на странице через блок T123

Подходит, если код нужен только в конкретном месте одной страницы (например, виджет, кнопка или модификация блока). Код добавляется в <body> страницы.

Как добавить:

Открой «Библиотеку блоков» → категория «Другое» → выбери блок «T123. HTML-код».
Нажми кнопку «Контент» в блоке и вставь свой код.

Важно: код сработает только на опубликованной странице.

Рекомендации по размещению:

CSS (тег <style>): Размещай блок T123 выше того блока, к которому применяются стили. Тогда дизайн применится сразу, и пользователь не увидит «скачков» верстки.
JavaScript (тег <script>): Размещай в самый низ страницы. Это ускоряет загрузку: сначала подгружается контент, а потом «тяжелые» скрипты.

Вставка кода в настройках страницы

Используй, если код должен быть в секции <head> (мета-теги, скрипты аналитики или стили), но только для этой конкретной страницы.

Как добавить:

Настройки страницы → вкладка «Дополнительно» → кнопка «HTML-код для вставки внутрь head».
Вставьте код, сохраните и опубликуйте страницу.

Рекомендации по размещению:
Для оптимизации скорости загрузки не стоит прописывать JavaScript в head страницы, если этого не требует инструкция.

Вставка кода в настройках всего сайта

Для счетчиков аналитики (Метрика, GA), пикселей соцсетей или глобальных стилей на всех страницах.

Скрипты в head: Настройки сайта → «Ещё» → «HTML-код для вставки внутрь head».
CSS-стили: Настройки сайта → «Ещё» → «Пользовательские CSS-стили». Здесь тег <style> писать не нужно.

Важно: После сохранения обязательно нажми «Опубликовать все страницы», иначе изменения не применятся.

Памятка помогла?