Форма геткурса на Тильде

Кейс: Есть курс на GetCourse и необходимо на сайте, который создан на Tilda, предоставить доступ к первому модулю бесплатно.

Решение:

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

Создание формы на Геткурсе

Для формы необходимо создать виджет:
Переходим Сайт –> Виджеты –> Создать виджет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Внесем следующий код и сохраним:

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

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

В обработчик формы добавим действия:

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