
Кейс: Есть курс на GetCourse и необходимо на сайте, который создан на Tilda, предоставить доступ к первому модулю бесплатно.
Решение:
- Создать форму на Геткурсе (указать параметры по регистрации и добавлению пользователя в группу, настроить параметры группы)
- Разместить виджет геткурс на сайте
Содержание
Создание формы на Геткурсе
Для формы необходимо создать виджет:
Переходим Сайт –> Виджеты –> Создать виджет



Выбираем элемент формы для добавления в виджет.


Теперь нужно привести форму к виду похожему на формы сайта.

Изменим заголовок. Для этого нужно навести на заголовок и нажать на шестеренку.

Вводим название формы и нажимаем Сохранить и закрыть.

Изменим цвет и надпись кнопки. Сначала посмотрим цвет на уже существующих формах сайта. Зайдем в редактирование блока и посмотрим настройки кнопки.

Скопируем код цвета.

Затем перейдем обратно к форме на геткурсе, наведем мышь на кнопку и нажмем на шестеренку.

Изменим наименование кнопки и вставим цвет, взятый из настроек кнопки сайта. Также поменяем цвет шрифта, установим белый.

Изменим настройки стиля, наведем на форму и нажмем кнопку Стиль.


Изменим отступы.

Поменяем поля местами, чтобы они соответствовали порядку других форм на сайте, это можно сделать перетащив их мышкой.


Поменяем название полей, уберем подсказки и укажем обязательность заполнения.

Вот что у нас получилось:

Изменим цвет границ полей и увеличим кнопку до размера полей. Для этого нажмем на кнопку Стиль и Подробные настройки.

.f-input {
border: 1px solid #ba3a96 !important;
}
.btn {
width: 530px !important;
}



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





Размещение формы на Тильде
Добавим на сайт блок со всплывающим окном: Другое –> Т868


Установим ширину и высоту в настройках блока.

Зайдем в контент и вставим код виджета, а также скопируем ссылку на popup.

Найдем блок с кнопкой, по нажатию на которую нужно открывать наше всплывающее окно. Зайдем в настройки кнопки и установим ссылку.

Наша форма готова!

Не забудьте опубликовать страницу сайта! Для этого нажмите кнопку Опубликовать в верхнем правом углу страницы.
