Как тильду связать с битрикс
Обновлено: 26.04.2024
10 октября 1С-Битрикс представили свой новый Битрикс24. И самый большой хайп вызвала "копия" сервиса Tilda. Больше все возмущался Никита Обухов , который уверял, что Битрикс24.Сайты один-в-один это Тильда.
Больше всего непонятно то, как все поняли что это копия? Рекламный ролик представленный Битрикс занимал всего 5-6 секунд. Визуально, то что было показано, сложно оценить как полноценный продукт, причиной тому, что все это было показано вскользь и на различных анимированных подложках.
Далее компания Сибирикс так же сравнила продукт от Битрикс с Тильдой . Но коллеги, давайте не будем уподобляться пустому хайпу?
Смотрим внимательно на интерфейс Битрикс24.Сайты. Прошу сразу обратить внимание на топ панель. У нас здесь начертания шрифта, ориентация текста, гиперлинк и цвет. Смотрим на Битрикс24.Сайты.
Так же начертание шрифта, а дальше большой набор различных инструментов, отличных от Тильды. Что тут одинакового? Положение данной панели?
Так такую претензию можно сразу предъявить к тому же WYSIWYG. А нет нельзя, он же появился раньше. Ах Тильда! Коварно украли дизайн панели! (шутка).
Ок, кто то скажет ну посмотри на правую группу кнопок в интерфейсе. И что? Единственное что совпадает стрелки вверх/вниз. А остальное опять отличается.
Народ начала волновать именно проблема того, что это поведение монополиста со стороны 1С-Битрикс убьет красивый и независимый сервис Tilda. Но вспоминаем закон сохранения энергии, если сервис отличный и у тех и у других, то максимум что может произойти взаимное перетекание клиентов. Плюс наблюдая последние дни за соцсетями отметил для себя, что о Тильде знал достаточно узкий круг - так это же круто! Теперь это отличный шанс стрельнуть дальше и набрать новых клиентов.
К сожалению, Тильда выбрала позицию обиженки, а это самое поведение поддержали и другие участники рынка. Так, увы, рынок не завоевать. Надо пиариться! Правильно кто-то в комментариях сказал, что теперь надо бежать в два раза быстрее, потому что появился сильный конкурент на рынке.
Поразила реакция рынке с другой стороны - много осуждений. Тут, как с той самой "Матильдой", что указана в заголовке. Никто не видел еще рабочий вариант, но как говорил классик "Не читал, но осуждаю".
После регистрации или авторизации вы окажетесь в вашем личном кабинете. В боковом меню нажмите на пункт «Еще» → «Маркет». В строке поиска укажите Tilda Publishing Forms и установите приложение или нажмите «Установить» из маркетплейса.
Важное замечание. С 1 января 2021 года Битрикс24 изменил условия для маркета приложений и установка расширений стала возможна только на коммерческих тарифах.
Если вы не нашли приложения Тильды в списке, значит оно недоступно в вашей стране. В таком случае нужно перейти к ручному подключению.
На экране появится всплывающее окно с перечисленными действиями, к которым приложению потребуется доступ. Дополнительно необходимо установить галочки у пунктов с условиями работы сервиса. Нажмите на кнопку «Установить».
Перейдите в настройки сайта на Tilda → откройте пункт «Формы» → Cервисы приёма данных из форм → Системы управления клиентами (CRM) → выберите сервис Bitrix24.
Откроется страница настройки интеграции. Нужно заполнить поле «Ваш поддомен на Bitrix24», нажать «Далее», и на следующей странице нажать «Добавить».
В списке подключенных сервисов приема данных для вашего сайта появится Bitrix24. Перейдите к настройкам добавленного приемщика и нажмите кнопку «Подключить». Это необходимо для проверки и полной активации интеграции.
После успешного подключения откроется страница со всеми настройками интеграции. На ней можно задать состояние заявки с формы, назначить ответственного за обработку заявок, а также установить тип источника заявок.
Сохраните внесенные изменения. Теперь вы можете подключить приемщик к формам на вашем сайте.
Перейдите на страницу с формой, откройте меню «Контент» у выбранного блока. Отметьте галочкой «Bitrix», сохраните изменения, опубликуйте страницу.
Важная особенность работы интеграции:
если подключением не пользовались в течение месяца, оно аннулируется. Чтобы этого не произошло, нужно отправлять данные с формы хотя бы один раз в месяц. Либо нужно заходить в настройки вашего сайта на Tilda → «Формы» → кликать на кнопку «Настройки» напротив подключенного Битрикса. Откроется страница с информацией о подключении. Если на этой странице вы увидите кнопку «Подключить», обязательно нажмите на нее. После этого интеграция будет вновь активирована.
Для подключения плагина потребуется взаимодействие с API, которое возможно только на тарифе Business.
Последняя версия плагина всегда находится в каталоге Маркетплейс 1С-Битрикс.
Плагин разработан компанией Uplab , в блоге которой, ко всему прочему, можно прочитать полный Tilda обзор.
В настоящее время плагин имеет бета-версию и обновляется.
Установка и настройка модуля :
Получите публичный и секретный ключи. Для этого в вашем аккаунте на Тильде откройте Настройки сайта → Экспорт → API интеграции и нажмите «Сгенерировать API ключи».
Перейдите в раздел Настроек модуля на вашем сайте:
Настройки / Настройки модулей / Интеграция с Tilda.cc.
Введите публичный и секретный ключи, сгенерированные на Тильде. Нажмите «Сохранить».
Настройка шаблона страницы на Битрикс
Рекомендуется использовать шаблоны, в которых активная область контента занимает всю ширину экрана.
Если вы хотите скрывать часть элементов шаблона сайта или компонента при показе страницы из Тильды, оберните их следующей конструкцией:
Перед подключением плагина создайте в Тильде как минимум один проект и одну страницу.
Для размещения страницы из Тильды добавьте элемент в инфоблоке или создайте статическую страницу и разместите в ней компонент.
Выберите нужный проект, в котором находится страница, которую вы хотите разместить, затем из списка ниже выберите страницу.
Если вы не хотите выводить на странице «шапку» и «подвал» шаблона сайта, включите галочку «Не выводить шаблон сайта».
При изменении страницы в Тильде вам необходимо нажать на странице или в элементе инфоблока кнопку «Очистить кеш».
Если вы добавили новый проект или страницу и не видите их в списке , нажмите на иконку «Синхронизировать» для обновления списков.
Что делать, если сайт вашей компании работает на платформе Tilda, но вы хотите получать информацию о заполненных на нем веб-формах в Битрикс24? Необходимо настроить интеграцию веб-формы с Битрикс24.
Представим, что пользователи используют веб-форму для записи на консультацию по юридическим услугам. Веб-форма создана на сайте, который собран в конструкторе Tilda. Чтобы видеть и обрабатывать заявки, созданные веб-формой, в Битрикс24, произведем интеграцию.
Обращаем ваше внимание, что интеграция доступна на платных тарифах конструктора сайтов Tilda. Данный способ интеграции подходит для облачной версии Битрикс24.
Во-первых, необходимо авторизоваться на портале Битрикс24 и установить приложение Tilda Publishing Forms. Это можно сделать в разделе меню Приложения или по ссылке . Приложение является бесплатным. Нажимаем Установить:
Когда установка завершена, переходим в конструктор сайтов Tilda, в верхнем меню нажимаем Мои сайты – Редактировать сайт :
Выбираем пункт Настройки сайта > Формы
Далее в разделе Системы управления клиентами (CRM) находим Bitrix24 :
Заполняем поле Ваш поддомен на Bitrix24 (его можно скопировать из адресной строки на странице вашего портала) и нажимаем кнопку Далее .
На следующей странице нажимаем кнопку Добавить .
Теперь переходим к настройкам, нажимаем кнопку Подключить , в этот момент будет происходить проверка прав и инициализация интеграции Тильды и Битрикс24. Иногда после нажатия на кнопку Подключить система может открыть ваш портал на Битрикс24 и попросить ввести логин и пароль.
После того как их введете, вы окажетесь на странице с настройками интеграции Битрикс24 с Тильдой. На этой же странице Вы можете оказаться и сразу после нажатия кнопки Подключить .
На открывшейся странице выбираем, какое состояние присваивать Лиду из веб-формы, ответственного за Лид, какой источник будет указан в карточке Лида.
Указываем тему заявки, то есть название Лида в Битрикс24. В теме можно указывать свой текст, системные переменные и значения переменных в формате >, где name — латинское название переменной.
Нажимаем Сохранить
Отметьте галочкой Bitrix24 в разделе Подключенные сервисы. Сохраните и опубликуйте страницу.
Интеграция веб-формы с Битрикс24 завершена! Теперь, когда клиент заполнит веб-форму на сайте Tilda, мы увидим в Битрикс24 Лид, содержащий все данные, которые были заполнены в форме.
Важная особенность интеграции Тильда с Битрикс24 : если подключением не пользовались в течение месяца, оно аннулируется.
Чтобы этого не произошло, нужно хотя бы раз в месяц заполнять форму.
Либо заходить в Тильде в Настройки сайта > Формы , кликать на кнопку Подробнее в строке подключенного Битрикс24.
Вам будет открываться страница с информацией о подключении. Если вы увидите кнопку Подключить , обязательно на нее нажмите, этим вы сообщите Битрикс24, что это подключение важно, и он его восстановит.
Результат : веб-форма, созданная в конструкторе сайтов Tilda интегрирована с Битрикс24. Данные, заполненные клиентом, создают Лид в CRM Битрикс24 и отображаются в карточке сущности. Настроено название Лида, состояние, ответственный за Лид и источник получения данных.
Надеемся вы без труда сможете провести интеграцию самостоятельно! А если у вас возникают вопросы - наша техподдержка всегда готова вам помочь.
Тильда — очень удобный и гибкий конструктор сайтов, посадочных страниц и просто статей, который мы не можем обойти стороной. У нас она используется для лэндингов и оформления статей в блоге.
Посмотреть основные сценарии использования Тильды можно на их сайте.
Чтобы подружить Битрикс и Тильду нужно всего-лишь установить модуль из Marketaplace и сделать пару настроек
Заходим в админку Битрикса, в раздел «Marketplace» → «Каталог решений». Находим и устанавливаем решение от компании UpLab «Интеграция с Tilda.cc». Установка простая и вопросов не вызовет.
После установки нужно зайти в админку в настройки модулей и найти там модуль «Интеграция с сервисом Tilda.ws», где, следуя инструкциям, указываем API ключ от сервиса Тильда.
Предположим, что нам нужно сделать на сайте новый раздел со статьями, в которых хотим использовать возможности Тильды для редактирования и отображения контента.
Первым делом нужно создать новый ИнфоБлок, например «Статьи». Сделать это можно в админке Битрикса:
Еще сделаем поле «Символьный код» обязательным и генерируемым из названия элемента:
Не забываем настроить права (иначе никто не будет видеть статьи):
Для особого удобства настроим нашу форму добавления статьи. Сделать это можно, зайдя в форму добавления самой статьи и нажав на шестерёнку справа сверху):
Далее создаем новый раздел в публичной части сайта через панель Битрикса:
Настроим компонент, чтобы он использовал ЧПУ и выводил данные из нужного ИнфоБлока:
Теперь самое интересное — добавляем статью. В поле «Детальное описание» вместо текста вставляем страницу из сервиса Тильда.
Для этого необходимо нажать на соответствующую кнопку Тильды в редакторе. Если её нет — нужно выбрать режим «Визуальный редактор». Еще её может не быть, пока не сохранишь статью:
Далее выбираем сайт и страницу на Тильде:
В результате наш детальный текст должен будет выглядеть примерно так:
После этого идем и наслаждаемся нашей статьей
Сделать такое очень просто:
Добавьте новый раздел (/lp/) через панель Битрикса (как в примере выше) и разместите на новой странице компонент Тильды. А уже в настройках компонента выбрать сайт и страницу на Тильде.
Конечно, не все так просто и гладко. Когда мы подключали Тильду к нашему блогу — столкнулись с конфликтами в стилях Тильды и нашего сайта, в итоге сайт расползался. Пришлось взять наш напильник и немного доработать сайт.
Читайте также: