рецепты

Дружим 1С-Битрикс и Tilda.cc

Пришло время писать красивые материалы в удобном редакторе и публиковать их на сайте
Кратко о Tilda и её возможностях
Тильда — очень удобный и гибкий конструктор сайтов, посадочных страниц и просто статей, который мы не можем обойти стороной. У нас она используется для лэндингов и оформления статей в блоге.

Посмотреть основные сценарии использования Тильды можно на их сайте.
Знакомим Битрикс и Тильду
Чтобы подружить Битрикс и Тильду нужно всего-лишь установить модуль из Marketaplace и сделать пару настроек
Заходим в админку Битрикса, в раздел «Marketplace» → «Каталог решений». Находим и устанавливаем решение от компании UpLab «Интеграция с Tilda.cc». Установка простая и вопросов не вызовет.
После установки нужно зайти в админку в настройки модулей и найти там модуль «Интеграция с сервисом Tilda.ws», где, следуя инструкциям, указываем API ключ от сервиса Тильда.
На странице настроек модуля написано, что нужен верхний платный тариф, но на текущий момент все работает и с бесплатным тарифом.
Михаил Медведев
Директор маленького завода по производству сайтов
Кейс: контентный раздел с детальным текстом из Тильды
Предположим, что нам нужно сделать на сайте новый раздел со статьями, в которых хотим использовать возможности Тильды для редактирования и отображения контента.
Первым делом нужно создать новый ИнфоБлок, например «Статьи». Сделать это можно в админке Битрикса
Еще сделаем поле «Символьный код» обязательным и генерируемым из названия элемента
Не забываем настроить права (иначе никто не будет видеть статьи)
Для особого удобства настроим нашу форму добавления статьи. Сделать это можно, зайдя в форму добавления самой статьи и нажав на шестерёнку справа сверху)
Далее создаем новый раздел в публичной части сайта через панель Битрикса
Затем нужно добавить на страницу комплексный компонент «Новости». Сделать это можно простым перетягиванием компонента из списка на нашу страницу
Настроим компонент, чтобы он использовал ЧПУ и выводил данные из нужного ИнфоБлока
Теперь самое интересное — добавляем статью. В поле «Детальное описание» вместо текста вставляем страницу из сервиса Тильда.
Для этого необходимо нажать на соответствующую кнопку Тильды в редакторе. Если её нет - нужно выбрать режим «Визуальный редактор». Еще её может не быть, пока не сохранишь статью
Далее выбираем сайт и страницу на Тильде
В результате наш детальный текст должен будет выглядеть примерно так
После этого идем и наслаждаемся нашей статьей.
Кейс: лэндинг как страница сайта
Допустим, что мы уже сделали крутой лэндинг на Тильде и хотим, чтобы он отображался у нас на сайте как отдельный подраздел, типа http://site.ru/lp/
Сделать такое очень просто
Добавьте новый раздел (/lp/) через панель Битрикса (как в примере выше) и разместите на новой странице компонент Тильды. А уже в настройках компонента выбрать сайт и страницу на Тильде.
Плюсы-минусы, подводные камни
Конечно, не все так просто и гладко. Когда мы подключали Тильду к нашему блогу — столкнулись с конфликтами в стилях Тильды и нашего сайта, в итоге сайт расползался. Пришлось взять наш напильник и немного доработать сайт.

Сейчас все отлично работает, убедиться можно на примере этой статьи.
Кстати
Мы недавно обновили наш комплекс услуг по лэндингам и теперь есть вариант на Тильде, так что пишите на sale@salerman.ru

Нажимая на кнопку, вы даёте согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности


смотрите также