Пользовательский код для страницы

Пользовательский код, добавленный в Настройках страницы, применяется только к данной странице.

Если вы хотите добавить пользовательский код для всего сайта, это можно сделать в Настройках проекта на Панели управления. Подробнее — Пользовательский код проекта.

Вы можете добавить пользовательский код для страницы в двух местах: в теге <head> и перед тегом </body>.

Пользовательский код доступен на тарифе Business и Team.

Код в теге <head>

Размещение кода в теге <head> дает возможность добавить ссылки на внешние ресурсы, метаданные и пользовательские стили. Для этого используются теги <link>, <meta> и <style></style>.

Код перед тегом </body>

Код будет размещен в самом низу перед закрытием тега <body>. Здесь можно разместить, например, теги <script></script> для подключения кода JavaScript.

Правила оформления кода

Поддерживается код следующих типов: HTML, CSS и JavaScript. Серверные языки программирования (например, Perl, PHP, Python, Ruby) интегрировать нельзя.

  • Не забывайте использовать закрывающие теги. Для упрощения работы реализовано автоматическое закрытие тегов;
  • Не используйте в пользовательском коде теги <html>, <body> и <head>

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

Как указывать ссылки в пользовательском коде

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

Примеры относительных ссылок: "/image.png", "/images/"

Примеры абсолютных ссылок: "https://your-domain.ru/image.png", "https://your-domain.ru/images/"

Если вы укажете абсолютные ссылки, они перестанут работать, когда вы смените домен (например, подключите свой).

Если нужно подключить длинный код

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

Чтобы подключить файл с кодом к проекту:

  1. Загрузите файл в Ресурсы проекта На вкладке Ресурсы нажмите кнопку загрузки и выберите нужный файл на компьютере.

Нажмите кнопку загрузки на вкладке Ресурсы

Файл появится в списке Ресурсов.

Файл загружен в ресурсы проекта

  1. Скопируйте ссылку на файл Кликните правой кнопкой мыши на файл и выберите — Копировать ссылку → Относительная ссылка → Копировать для открытия.

    Скопируйте ссылку на файл

  2. Подключите файл в настройках страницы

    Откройте Настройки страницы.

    Откройте Настройки страницы

    Найдите раздел Пользовательский код и добавьте следующий код в блок Перед тегом <body>, вставив в него ссылку на ваш файл: <script src="ссылка на ваш файл"></script>

    Например, <script src="/f/script.js"></script>

Подключите файл в разделе Пользовательский код → Перед тегом <body>

Готово! Файл с кодом подключен к проекту.