Неожиданное открытие в функционале GetCourse через 5 лет работы

Автор - Татьяна Петракова

Когда привычное на платформе вдруг открывается по‑новому

Так иногда бывает, что существуешь с чем‑то бок о бок, но совершенно этого не замечаешь.

Знакомая ситуация: сидишь над задачей по настройке GetCourse, листаешь настройки, проверяешь процессы, гуглишь — и кажется, что нужной функции просто нет. Хочется сразу бежать к разработчику, писать кастомный скрипт или придумывать сложную обвязку из процессов. А потом — натыкаешься на кнопку или галочку, которая решает всё. И думаешь: «Да она же прямо тут лежала!» 😄

Неожиданное открытие в функционале GetCourse через 5 лет работы

Именно так у меня и случилось с формой из карточки товара: пять лет работала с платформой, настраивала лендинги, собирала сложные связки — и только недавно заметила эту опцию(когда появилась задача, которая не решалась штатным образом). А ведь она идеально закрывала задачи, которые я раньше решала другими способами.

И это не новая фишка - такая возможность была всегда. Речь пойдёт о форме продаж, которая всплывает при нажатии на кнопку в блоке с карточками товара. Это было прям открытие для меня! Хотя я регулярно, в течение пяти лет заходила в этот блок, но полностью игнорировала эту функцию. Нашла у этой формы 2 ограничения в использовании, но об этом ниже.

Блок «Карточки товаров»
Блок «Карточки товаров»

Варианты форм на платформе GetCourse

Обычно форма ставится отдельным блоком и видна сразу, либо всплывает при нажатии на кнопку посадочной страницы. Это основной вариант настройки форм. Так показывали на основном обучении от самой платформы Getcourse, так учили эксперты на своих авторских курсах.

Платформа GetCourse предлагает несколько вариантов форм: простая форма, блок с формой и контентом (подходит для создания мини‑страницы регистрации), виджет (для встраивания на сайты, созданные на других CMS) и штатная форма pop-up, которая всплывает из блока «карточка товара» или «корзина».

Почему вообще возник вопрос с формой регистрации Геткурс и поиском другого решения?

Логика работы с формами простая. Есть некое предложение, которое мы хотим выдать пользователям для покупки/регистрации. Ставим форму, соединяем ее с кнопкой, добавляем в него предложение или несколько на выбор — и всё готово. Клиент вносит свои данные в форму и переходит к оплате/регистрируется.

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

Пока ко мне не пришёл учебный центр с 10 000 учебных программ, я собирала эти формы (и глубоко в душе ругалась и сетовала на негибкость системы) либо использовала корзину. Однако, когда встал вопрос продажи 10 000 курсов повышения квалификации для всех отраслей и направлений, пришлось пересмотреть подход к настройкам. Второй очевидный вариант — подключить корзину — не подходил по ряду причин. В первую очередь потому, что необходимо было максимально сократить путь клиента. Особенность работы учебного центра заключается в том, что одному пользователю не нужно несколько разных продуктов. Ему нужно что-то одно, конкретное, подходящее по параметрам его запроса. Поэтому между нажатием на кнопку в карточке товара и оплатой не должно быть лишних действий. Использование корзины добавило бы лишний клик.

Открытие: изящный способ упростить настройки

Вот тут настал момент истины, т. к. я просто зашла в блок карточки товара, открыла список действий при нажатии на кнопку и увидела её — опцию «вызов формы». Это оказалось очень изящным решением. При создании карточки товара ставится предложение и настройка вызова штатной формы. Не важно, сколько товаров продаёт онлайн-школа с сайта.

Преимущества:

  • Удобство при масштабировании и массовых изменениях. Если нужно изменить текст кнопки или заголовок во всех формах — это делается централизованно через настройки карточки. Для скрытых форм придётся заходить в каждый блок отдельно.
  • Единая точка управления данными предложения. В карточке товара задано предложение, и форма автоматически «подтягивает» эти данные. При работе со скрытыми блоками приходится отдельно связывать форму с нужной карточкой товара — это лишний шаг и риск ошибки.
  • Снижение нагрузки на страницу и ускорение загрузки. На странице не накапливаются десятки скрытых блоков с формами, которые браузер всё равно загружает. Штатная форма подгружается только по действию пользователя, что уменьшает объём HTML/JS на странице.
  • Проще поддерживать единообразие внешнего вида. Все штатные формы используют единый стиль платформы и автоматически обновляются при изменении глобальных настроек. Отдельные скрытые формы могут «отставать» по стилю, если их не обновлять вручную.

Как настроить форму в Getcourse

Небольшая инструкция по настройке формы из карточки товара (вдруг я не одна такая, кто тоже пропустил такую возможность).

1. Поставить блок Картинка - подзаголовок - заголовок - текст - кнопка

Блок: Картинка - подзаголовок - заголовок - текст - кнопка
Блок: Картинка - подзаголовок - заголовок - текст - кнопка

2. Зайти в настройки карточки и в разделе «Действие» выбрать опцию «показать форму»

Выбор формы
Выбор формы

3. Поставить флажок на пункте «Заказ», выбрать предложение и заполнить название формы и текст в кнопке. Сохранить и закрыть.

Заполнить поля формы
Заполнить поля формы

4. Все сохранить и опубликовать страницу.

Теперь при нажатии на кнопку в карточке товара, появляется форма с полями пользователя и кнопкой «Перейти к оплате». При нажатии на кнопку создается заказ и пользователя перекидывает на страницу оплаты.

Ограничение метода: когда штатная форма Getcourse не подойдёт

Я нашла только три недостатка использования формы. Это даже не недостатки, а некоторое ограничения, которые могут быть актуальны не для всех проектов.

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

Не спеши сдаваться: в GetCourse почти всегда есть штатное решение

Когда работаешь с GetCourse долго, легко поверить, что ты уже знаешь платформу «от А и до Я». А потом сталкиваешься с задачей, которая кажется нерешаемой и в голове гомон мыслей: «Вот тут точно не хватает функции», «Придётся придумывать костыли», «Нужен скрипт». И в этот момент хочется всё бросить. Но именно в этот момент нужно вернуться к первоисточнику, открыть инструкцию и посмотреть на проблему под другим углом. Платформа продумана под типовые задачи онлайн‑школ. Почти всё, что регулярно нужно бизнесу (продажи, регистрации, сегментация, автопродления), разработчики закладывают как штатный функционал. Нужно отдать должное, команда GetCourse следит и активно реагирует на рынка и старается закрывать самые частые сценарии. GetCourse очень многое уже заложено штатно — просто нужная опция может прятаться не там, где ты её пытаешься найти, а в соседнем меню, внутри карточки товара или в настройках предложения.

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

С одной стороны, попадать в такую ситуацию было не очень приятно, с другой стороны — я поняла, что иногда что-то делаю на «автомате» и вот такие вот задачи позволяют увидеть масштаб, проработать новые алгоритмы и не пасовать при получении новых задач из серии «Это невозможно».

А какие неожиданные для себя фичи GetCourse вы обнаруживали? Поделитесь, очень интересно всегда. Обычно - это что-то неочевидное, но очень полезное.