Плагин Tilda для 1С-Битрикс: как выжать максимум из двух платформ

Tilda Publishing (Тильда) — популярный конструктор сайтов, сочетающий интуитивно понятный интерфейс с широкими возможностями кастомизации. Платформа позволяет создавать веб-страницы без программирования: как с помощью готовых блоков, так и путем разработки уникальных дизайн-решений во встроенном редакторе Zero Block.

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

В этом материале расскажем об интеграции Тильды с 1С-Битрикс — в каких случаях она может быть полезна, какие задачи решает, как устроена и как реализовать всё быстро и без дополнительных сложностей.

Когда полезна интеграция Тильды и 1С-Битрикс

Хотя 1С-Битрикс предлагает широкие возможности для сложных проектов, многим компаниям реально требуется лишь малая часть его функционала. Например, бизнес может годами работать на Тильде и быть целиком довольным платформой, но рано или поздно упирается в ограничения: возникает нужда в решениях, которые конструктор не поддерживает.

Полный переход на 1С-Битрикс в этом случае означал бы потерю главных преимуществ Тильды: интуитивного редактора, быстрого создания стильных страниц, низкой стоимости поддержки.

Мы придумали компромиссное решение — разработали плагин, который объединяет преимущества обеих платформ: визуальная часть находится на стороне Тильды, а сложный функционал реализуется через 1С-Битрикс. Так Тильда становится продвинутым редактором для сайта на 1С-Битрикс, и в ней можно создавать контентные страницы любой сложности без программирования, сохранив всю функциональность основной CMS.

Главные сценарии применения

• Обход ограничений Тильды по количеству страниц. Если на сайт будут часто добавлять новые материалы (как это бывает в онлайн-СМИ, блоге или бренд-медиа), лимит в 1000 страниц на проект может стать проблемой. С помощью интеграции мы обходим ограничение — плагин позволяет подтягивать на сайт страницы не из конкретного проекта, а из аккаунта. Даже если у вас в аккаунте 30 проектов, все их страницы можно разместить в рамках одного сайта на 1С-Битрикс.
• Экономия ресурсов на создание новых страниц. Когда нужно регулярно публиковать новые страницы (например, лендинги под разные продукты или услуги), интеграция сокращает время запуска и расходы на поддержку. Дизайнер создает страницы в Тильде без привлечения разработчика и добавляет их на сайт в несколько кликов.
• Расширение функциональности сайта на Тильде. Если большинство страниц сайта — контентные, их можно оставить внутри Тильды. А сложный функционал, недоступный в конструкторе, реализовать средствами 1С-Битрикс.
• Добавление на сайт разделов с регулярно обновляемым контентом. Для сайтов, которые давно работают на 1С-Битрикс, интеграция позволяет оперативно запустить новые разделы — блог, базу знаний, портфолио кейсов. Архитектуру переделывать не нужно: достаточно настроить плагин один раз, и контент-команда сможет самостоятельно публиковать материалы.

Как работает плагин

С помощью нашего плагина вы сможете создавать страницы в Тильде и загружать их на свой сайт на 1С-Битрикс без участия программистов.

Технически процесс выглядит так:

• Создаёте страницу в Тильде
• Через плагин в админке 1С-Битрикс добавляете её в структуру сайта
• Шапка, подвал (верхняя и нижняя части сайта), меню и другие постоянные элементы остаются от основного шаблона 1С-Битрикс
• Заполняете контентную область из Тильды
• При изменении в Тильде страницу можно обновить нажатием одной кнопки

Важное условие: для использования плагина необходим тариф Tilda Business.

Ниже — пошаговая инструкция для тех, кто хочет оценить преимущества.

Как настроить интеграцию

1. Установите плагин

Это можно сделать из Marketplaсe — каталога готовых решений 1С-Битрикс. Кстати, мы регулярно обновляем плагин, и в каталоге решений всегда доступна последняя версия.

Перейдите на страницу плагина и нажмите «Установить». Либо в административной панели сайта найдите наше решение, введя в окне поиска слово Tilda; скачайте и установите модуль.

Затем нужно получить публичный и секретный ключи. Для этого в настройках сайта в вашем аккаунте Тильды зайдите в раздел генерации ключей (Экспорт — API Integration — Ключи) и нажмите «Сгенерировать ключи».

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

Перейдите в раздел настроек модуля на вашем сайте на 1С-Битрикс (Настройки — Настройки модулей — Интеграция с Tilda.cc), введите ключи и нажмите «Сохранить».

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

В настройках PHP включите директиву «allow_url_fopen».

3. Настройте шаблоны страниц

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

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

<!—Utilda—><!—EndUTilda—>

Актуальная инструкция по установке и настройке плагина всегда размещена на Marketplaсe во вкладке «Установка».

4. Добавляйте страницы на сайт

Итак, вы создали страницу в вашем аккаунте Тильды. Чтобы добавить ее на сайт на 1С-Битрикс с помощью плагина, выполните следующие действия:

01

Создайте новую страницу в нужном разделе сайта и заполните все поля, кроме поля «Детальное описание».

02

В «Детальном описании» включите Визуальный редактор и с помощью кнопки с иконкой Тильды выберите проект и страницу, которую необходимо экспортировать.

03

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

04

Сохраните изменения и проверьте отображение на сайте, очистив перед этим кэш.

Готово!

5. Легко вносите изменения

Чтобы внести изменения, просто отредактируйте материал в Тильде и нажмите «Опубликовать».

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

Если вы добавили новый проект или страницу и не видите их в списке, нажмите на иконку «Синхронизировать» для обновления списков.

Если вам нужна помощь в настройке плагина или возникают ошибки, пожалуйста, пишите нам: info@uplab.ru

Как мы в Uplab используем плагин

Оформляем кейсы

1. Интерфейсы для ведущей продуктовой розничной компании России

2. «Богослов.ru» — Цифровая экосистема для теологии

3. Система отчетности по выбросу парниковых газов

4. Промышленная компания из ТОП-100 Forbes

5. Сайт международного аэропорта города Самарканд

Публикуем новости и статьи в блоге

1. Специалисты Uplab о Tilda Publishing: описание возможностей платформы

2. Продвижение сайта на Tilda Publishing

3. Интеграция сайта с Госуслугами

4. Юзабилити-аудит сайта: чек-лист с примерами

5. Как настроить интеграцию интернет-ресурса со СМЭВ и получать все нужные данные за минуту

6. Как работает визуализация. Коммуникация с помощью данных

7. Гид по созданию дашбордов: Excel, Google Sheets и ChatGPT

8. Customer Journey Map: как понять, что нужно потребителю

9. Как и зачем проводить UI/UX тестирование сайта

10. «Войти через Госуслуги»: как работает система идентификации ЕСИА

Применяем на проектах клиентов

1. Медиапортал аудиторско-консалтинговой фирмы

2. Блог юридической фирмы