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

3 November 2017

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

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

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

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

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

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

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

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

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

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

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

Публикуем и наслаждаемся виджетом внутри Зеро-блока.

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

Общий принцип

Есть какой-то HTML-код, не JS, а именно HTML, с JS чуть сложнее или проще - зависит от ситуации :)

Прописываем этот код заместо "Здесь какой-то специфический HTML-код". Узнаем содержание поля field у нужного элемента в Зеро-блоке и указываем его в block_field_value и все.

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

Вот и все, а остальные заметки, можно почитать на сайте https://tildatricks.com

На главную