Вставка HTML кода
Добавляем на страницу уникальные элементы
Если вам нужна какая-то специфичная функция, используйте блок T123 «HTML-код». Через него добавляется абсолютно любой код, включая теги script и style.
HTML код можно добавлять на страницу (внутрь тега <body>), либо в head сайта или страницы.

Чтобы добавить блок на страницу, откройте Библиотеку блоков → Другое и добавьте блок T123.
HTML-код также возможно вставить как отдельный элемент в Zero Block. Принципы работы блока T123 и элемента HTML в Zero не имеют существенных отличий.
Внимание: служба поддержки не консультирует по любому коду, который вы добавили самостоятельно.

Сторонние решения могут перестать работать из-за проблем у сторонних сервисов или нововведений Тильды. В случае любых ошибок, мы рекомендуем отключить блоки с кодом и обратиться за поддержкой к его автору.
Библиотека блоков: блок T123 «HTML-код» в категории «Другое».
В режиме редактирования (и предпросмотра) код выводится просто текстом. Чтобы код заработал, страницу нужно опубликовать.
Блок T123 «HTML-код» в редакторе страницы с добавленным кодом и кнопка «Контент» на панели блока слева.
Вы можете использовать готовый код, который предлагают различные сервисы, либо, если вам нужен уникальный элемент, заказать код у программистов.

В блоке поддерживается HTML, JavaScript (нужно использовать тэг <script>) и CSS (нужно использовать тег <style>). Свой код PHP вставить на страницу не получится, но его можно добавить на свой сервер и отправлять на него данные с помощью приемщика Webhook.

T123: список горячих клавиш


Открыть панель поиска по коду:
  • Ctrl+F для Windows
  • ⌘+F для MacOS

Открыть подсказки для JavaScript:
  • Ctrl+Space для Windows
  • Ctrl+Space или ⌘+Shift+Space для MacOS
В редакторе HTML-кода: поле для ввода кода и кнопка «Сохранить и закрыть» на верхней панели.
Блок T123 «HTML-код» с добавленным кодом на странице сайта в редакторе Tilda.
Прочитайте статью, где и как еще можно использовать CSS на Тильде.
В редакторе страницы: блок T123 «HTML-код» с добавленным скриптом.
Чтобы избежать влияния на внешний вид и работоспособность интерфейса Тильды, рекомендуется не использовать теги и универсальные классы в качестве селекторов для кастомных стилей. Также не рекомендуется использовать селектор «*». Вместо этого стоит использовать уникальные классы или ID, которые не будут конфликтовать с уже существующими стилями на странице Тильды. Таким образом, вы сможете применять кастомные стили к вашим элементам без влияния на другие элементы на странице редактора блоков.
Как добавить HTML-код в head сайта или страницы
Чтобы добавить код перед закрывающим тегом head, нужно зайти: «Настройки сайта» → «Еще» → «HTML-код для вставки внутрь head».

Чтобы добавить код в head на отдельной странице, нужно зайти: «Настройки страницы» → «Вставка кода» → «HTML-код для вставки внутрь head».
Примите во внимание, что мы не осуществляем поддержку по вопросам, связанным с работой вашего кода.
Made on
Tilda