Вставка HTML кода в Тильду: блок T123, head и внешние скрипты
Вставка HTML кода в Тильду делается блоком T123 «HTML-код» из категории «Другое» или элементом HTML в Zero Block. Код можно положить и в head страницы или всего сайта. Вставка своего кода входит в возможности платных тарифов: Personal за 500 ₽ в месяц и Business за 1 000 ₽ при оплате за год (на 20 октября 2026).
Ответ за 30 секунд
Свой код на Тильде вставляют блоком T123 «HTML-код» или в head. Работают HTML, JavaScript в теге script и CSS в теге style, а PHP нет. В редакторе код виден текстом, проверять его нужно на опубликованной странице. Данные справки Тильды на 20 октября 2026.
Вставка HTML и свой домен открываются на одном тарифе Personal. Домен .ru стоит от 200 ₽ за первый год (Таймвеб, на 20 октября 2026).
Как проверить код в блоке T123 перед публикацией страницыT123блок «HTML-код» в категории «Другое»
headкод для сайта или одной страницы
Personalтариф, с которого открыта вставка
01 · 1 мин
Как вставить HTML код в блок T123 на Тильде по шагам#
- Добавьте блок. В Библиотеке блоков откройте категорию «Другое» и выберите T123 «HTML-код». В Zero Block то же делает элемент HTML.
- Откройте «Контент» на панели блока и вставьте код в поле.
- Опубликуйте страницу. В редакторе вставленный код выводится текстом, и заработает он только на опубликованной странице.
- Проверьте результат в браузере, в том числе на телефоне.
Поддерживаются HTML, JavaScript внутри тега script и CSS внутри тега style. Пример простой плашки со своим стилем:
<div class="note-promo">
<p>Запись открыта до пятницы</p>
</div>
<style>
.note-promo { padding: 16px; background: #fff3e0; }
</style>Класс note-promo уникален, поэтому стиль не заденет остальные блоки страницы. Принцип работы библиотеки блоков описан на странице блоки Тильды.
02 · 1 мин
Куда вставлять код на Тильде: в тело страницы или в head#
| Куда | Как попасть | Для чего |
|---|---|---|
| В тело страницы | Блок T123 или элемент HTML в Zero Block | Виджеты, карты, плашки, формы сторонних сервисов |
| В head одной страницы | «Настройки страницы» → «Вставка кода» → «HTML-код для вставки внутрь head» | Скрипт или стиль только для этой страницы |
| В head всего сайта | «Настройки сайта» → «Еще» → «HTML-код для вставки внутрь head» | Счётчики, проверочные теги, общие стили для всех страниц |
Для счётчиков у Тильды обычно есть готовые поля, о них на странице аналитика на Тильде. Свой код в head нужен там, где готового поля нет.
03 · 1 мин
Как встроить виджет или внешний скрипт в страницу Тильды#
Сервис выдаёт готовый фрагмент кода: чат, форму записи, карту, счётчик посетителей. Вставьте его в блок T123 целиком, как выдал сервис. Если виджет должен висеть на всех страницах, подключите его в head сайта.
<div id="booking-slot"></div>
<script src="https://example.com/widget.js" async></script>Справка Тильды советует не использовать теги и универсальные классы как селекторы, а также символ «*». Задавайте собственные классы или ID: иначе ваш стиль случайно поменяет оформление соседних блоков.
Каждый внешний скрипт загружается отдельно и может замедлить страницу, оценить это помогает раздел скорость сайта на Тильде. Если сторонний виджет сломался, отключите блок и напишите автору кода: служба поддержки Тильды код автора не разбирает.
04 · 1 мин
С какого тарифа на Тильде доступна вставка своего HTML кода#
По таблице тарифов Тильды вставка HTML входит в возможности Personal за 500 ₽ в месяц и Business за 1 000 ₽ в месяц при оплате за год (на 20 октября 2026). На бесплатном Free блока для своего кода нет. Сравнение тарифов на странице тарифы Тильды, подробности по Personal в разборе тарифа Personal.
Выгрузка исходного кода сайта доступна только на Business. Если вы планируете переносить проект с чужими виджетами на свой хостинг, сначала прочитайте страницу экспорт сайта с Тильды.
05 · 1 мин
Что нельзя вставить на Тильду: PHP и серверный код#
Тильда принимает код, который выполняется в браузере: HTML, JavaScript и CSS. PHP и другой серверный код вставить нельзя, потому что страницы отдаёт сама платформа. Если данные нужно обработать на сервере, справка предлагает приёмщик Webhook: он описан в разделе «Отправка данных на серверный скрипт». Заявки из форм на Тильде можно отправлять на свой адрес именно так.
Сторонний код может перестать работать
Если виджет, который вы вставили, поменял версию или закрылся, блок на странице перестанет работать. Не оставляйте на нём критичные функции вроде единственной кнопки заявки.
Инструмент · 1 мин
Как проверить код в блоке T123 перед публикацией страницы#
Пройдите пункты перед тем, как показывать страницу посетителям.
Чек-лист: код в блоке T123 перед публикацией
Отмечайте пункты, подсказка покажет, что сделать дальше.
07 · 1 мин
Вопросы о вставке кода на Тильде#
Как вставить код на Тильде во все страницы сразу?
Откройте «Настройки сайта → Еще» и вставьте код в поле «HTML-код для вставки внутрь head». Он добавится на все страницы проекта.
Можно ли вставить PHP код на Тильде?
Нет, Тильда принимает HTML, JavaScript и CSS. Для серверной обработки данных используют приёмщик Webhook.
Почему код в блоке T123 показан текстом и не работает?
В редакторе код выводится как текст. Опубликуйте страницу и откройте её в браузере, на опубликованной странице он выполнится.
Можно ли вставить HTML код на бесплатном тарифе Тильды?
Вставка своего HTML входит в возможности платных тарифов Personal и Business. Бесплатный Free ограничен готовыми блоками.
Почему этому можно верить
Как мы проверяли
Источники цифр на этой странице: Тарифы Тильды, tilda.cc/ru/pricing, проверено 20 октября 2026; Домены Таймвеб, timeweb.com/ru/services/domains, проверено 20 октября 2026; Виртуальный хостинг Таймвеб, timeweb.com/ru/services/hosting, проверено 20 октября 2026; Справка Тильды: HTML-код, help-ru.tilda.cc/html, проверено 20 октября 2026.
Зарегистрируйте домен для сайта
Чтобы сайт на Тильде открывался по своему адресу, нужен домен. Домены Timeweb: более 300 зон, бесплатный SSL и единая панель.
- .ru и .рф от 200 ₽ за первый год
- Более 300 доменных зон
- Бесплатный SSL на домен
- Подключение к Тильде одной записью