Интеграция с Tilda

10

Разработчик: Uplab

Установлено: Более 1000

Обновлено: 30.05.2025

Адаптирован под мобильные устройства

Совместим с редакциями Битрикс: «Первый сайт» / «Старт» / «Стандарт» / «Малый бизнес» / «Бизнес» /

Смотреть демо

Если у вас есть сайт на «1С-Битрикс», то вы можете делать для него красивые страницы на Tilda Publishing.

Мы сделали плагин, который позволяет публиковать на сайте все, что сделано на Tilda. Простыми словами: главная страница, постоянные элементы и элементы управления используется с вашего сайта, а зона контента из Tilda.

Использовать модуль возможно только на тарифном плане Tilda Business.

Установка и настройка модуля

  • Скачайте и установите модуль

  • Перейдите в раздел Настроек модуля (Настройки / Интеграция с Tilda.cc)

  • Введите публичный (public) и секретный (secret) ключи, сгенерированные в Tilda

  • Нажмите Сохранить

Настройка окружения

В настройках PHP обязательно должна быть включена директива "allow_url_fopen".

Настройки на стороне Tilda

Перед установкой модуля создайте в Tilda как минимум один проект и одну страницу.

Модуль отображает только опубликованные страницы.

API ключи генерируются в настройках сайта в разделе Экспорт - API Integration - Ключи.

Если у вас в аккаунте Tilda несколько проектов, то нужно выбрать опцию Мастер-ключ, что бы модуль имел доступ ко всем проектам.

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

Настройка шаблонов страниц и компонентов

Рекомендуется использовать шаблоны в которых активная область контента занимает всю ширину экрана.

Если вы хотите скрывать часть элементов шаблона сайта или компонента при показе страницы из Tilda, то оберните их следующей конструкцией:

<!--Utilda-->...Скрываемый контент...<!--EndUTilda-->

Публикация

Для того, чтобы на сайте отображался контент Tilda, на странице нужно разместить специальный тег вида [UPLABTILDA PROJECT=12345 PAGE=12345678].

Сделать это можно двумя способами.

1. Через Визуальный редактор Битрикс:
  • В визуальном редакторе нажать на значок Tilda

  • В открывшемся контекстном окне выбрать нужный проект, страницу и опции подключения

  • Нажать кнопку Сохранить

  • Проверить, что тег Tilda вставился

  • Сохранить изменения

2. С помощью подключения компонента uplab.tilda
  • В списке компонентов Битрикс раскрыть список Uplab

  • Выбрать компонент uplab.tilda

  • В настройках компонента выбрать нужный проект, страницу и опции подключения

  • Нажать кнопку Сохранить

Если вы не хотите выводить на странице «шапку» и «подвал» шаблона сайта - выберите опцию Не выводить шаблон сайта. В этом случае страница отобразится на сайте точно так же, как в Tilda.

Управление кэшем

Модуль кэширует информацию, получаемую из Tilda для того, чтобы не запрашивать её на каждом хите.

Если на страницу в Tilda были внесены изменения, то для этой страницы нужно сбросить кэш в административном интерфейсе Битрикс. Сделать это можно в разделе Контент - Интеграция Tilda.cc.

Решение проблем

В некоторых случаях при использовании модуля стили или скрипты Tilda могут конфликтовать с ресурсами шаблона сайта. В этом случае контент на сайте будет отображаться и работать не так как в Tilda.

В каждом конкретном случае решение может быть индивидуально.

При возникновении подобных проблем попробуйте разные варианты опции "Перемещать стили и скрипты Tilda" при подключении контента.

По всем вопросам и предложениям обращайтесь на почту: tilda@uplab.ru.