Как в тильде вставить код в body

Памятка по вставке кода

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

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

Код в блоке T123 применяется на страницах, где размещен блок с кодом. Сам код вставляется в body страницы. Если код нужно вставить в head конкретной страницы, то размести его в настройках страницы. Если код нужно применить на всех страницах сайта, то размести его в настройках сайта в head или body.

Блок T123 с CSS (тег ) размещай перед блоком, к которому он применяется. Тогда во время загрузки контента пользователь не увидит, как применяется код, т. е. сразу увидит блок в задуманном дизайне.

Блок T123 с Javascript (тег ) размещай внизу страницы или после блока, к которому он применяется. Это нужно для оптимизации загрузки страницы. Пока скрипты грузятся, то пользователь видит пустой экран или недогруженный контент. Чтобы этого избежать, размещай скрипты после блока, а лучше внизу страницы.

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

В настройках страницы можно добавить HTML, CSS и Javascript.

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

Опубликуй страницу после добавления кода, чтобы он применился.

Код пропишется в head страницы и примениться только на этой странице.

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

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

В настройках сайта можно добавить HTML, CSS и Javascript.

Чтобы добавить код в head на все страницы открой: «Настройки сайта» → «Еще» → «HTML-код для вставки внутрь head».

Чтобы добавить CSS в body на все страницы открой: «Настройки сайта» → «Еще» → «Пользовательские CSS-стили».

Опубликуй все страницы сайта после добавления кода.

Как добавить свой HTML, CSS или Javascript-код?

Откройте «Библиотеку блоков» → «Другое» и добавьте блок «T123. HTML-код».

Как вставить свой код в Зеро-блок

Если кратко — делаете зеро-блок. Вставляете блок с нужным HTMLем. Добавляете в этот html специальный JS-код, которые перенесет его в зеро-блок. А теперь по порядку.

Создаем зеро блок, где размещаем в нем текст, который будет заменен плагином группы из Вконтакте.

После того как сохранили зеро блок, нажимаем правой кнопкой на нашем текстовом элементе (у меня это «Загрузка виджета от вКонтакта»). Появится контекстное меню. В этом меню выбираем «Просмотреть код» или «Inspect» или «Исследовать элемент» (зависит от браузера)

Внизу или справа появится панель, в которой можно увидеть код страницы и там нам нужно запомнить содержание атрибута field. В моем случае атрибут равен tn_text_1470210011265

Теперь идем во Вконтакт за нашим кодом виджета. Я решил вставить виджет опроса. После добавления виджета, нужно пройти в раздел «Мои приложения» во вКонтакте. И у только что добавленного виджета-приложения в настройках добавить два домен свой и tilda.cc — чтобы виджет работал после публикации.

Как добавить HTML-код в Head сайта?

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

Обязательно переопубликуйте все страницы после добавления кода.

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

Обязательно переопубликуйте страницу после добавления кода.