В этой статье разберем интеграцию Тильды и Геткурса. Это выполнимо и делается просто — на страницах достаточно заменить формы Тильды на геткурсовские. То есть весь смысл в том, что на сайте открываются формы Геткурса, и все данные сразу уходят в него. И данный способ, кстати, поможет соединить ГК с любыми другими сервисами. Для этого, собственно, виджеты (подгружаемые формы) и создавались.
Я понимаю, что встроенный конструктор лендингов у Геткурса имеет весьма простой функционал, дизайн и требует более сложной работы с ним. Поэтому зачастую сайты собираются на сторонних платформах-конструкторах. Но вы теряете в таком случае его функционал. К тому же, браузеры ужесточают свои политики безопасности, поэтому в виджетах не всегда может срабатывать авторизация пользователей.
Интеграция Тильда и Геткурс
Для работы с внешними сайтами, находящимися не на платформе Getcourse создаются виджеты. Это обычные блоки из конструктора платформы, которые имеют свой код. Этот код мы вставляем на любые сайты и «подтягиваем» данные из Getcourse. Рассмотрим два вида вставки на сайтах, а в конце разберем одну распространённую ошибку.
Размещение gc-виджета на странице
В данном варианте мы хотим интегрировать форму захвата Геткурса прямо на странице, между блоками Тильды. Для этого просто добавляем в нужном месте блок T123:
После этого переходим по красной кнопке «контент».
Откроется поле ввода кода, в которое нужно вставить код формы.
Всё! Сохраняем изменения и нужная форма показывается на странице Тильды.
Размещение виджета во всплывающем окне
Придерживаемся вышеописанной стратегии в пункте 1 с незначительными изменениями.
Теперь мы добавляем другой блок — T868:
Переходим по кнопке «контент» и вставляем код.
Здесь есть один момент — у нас появилось дополнительное поле «ссылка на popup». Я очень рекомендую менять значение, которое там установлено по умолчанию.
Например, для виджета покупки курса «эконом» впишите #popup-econom, для другого #popup-vip
Дело в том, что зачастую всплывающих попапов планируется несколько. И у каждого должна быть своя «ссылка». Если забудете и оставите как есть, то всплывающие окна не заработают как надо.
Теперь остается только зайти в настройки кнопки, найти строку для ссылки и вписать значение, которое выбрали на предыдущем шаге.
Всё! Сохраняем изменения и проверяем кнопку.
Распространенная ошибка
При установке одинаковых виджетов на одной странице, они могут не показываться устройствах apple. Например, добавили форму регистрации в начале и конце лендинга. И причина тому некорректное отображение на iOS. Решение следующее — добавить к коду виджета параметр с произвольным значением — &rand=случайный_набор_букв.
<script id="ghfjkhhutryyuehhh1h21j2h13j1" src="https://test.getcourse.ru/pl/lite/widget/script?id=123123&rand=dhf123"></script>
У каждого виджета (которые повторяются) на странице должен быть уникальный параметр.
