Кейс: Есть курс на GetCourse и необходимо на сайте, который создан на Tilda, предоставить доступ к первому модулю бесплатно.
Решение:
- Создать форму на Геткурсе (указать параметры по регистрации и добавлению пользователя в группу, настроить параметры группы)
- Разместить виджет геткурс на сайте
Содержание
Создание формы на Геткурсе
Для формы необходимо создать виджет:
Переходим Сайт –> Виджеты –> Создать виджет
Выбираем элемент формы для добавления в виджет.
Теперь нужно привести форму к виду похожему на формы сайта.
Изменим заголовок. Для этого нужно навести на заголовок и нажать на шестеренку.
Вводим название формы и нажимаем Сохранить и закрыть.
Изменим цвет и надпись кнопки. Сначала посмотрим цвет на уже существующих формах сайта. Зайдем в редактирование блока и посмотрим настройки кнопки.
Скопируем код цвета.
Затем перейдем обратно к форме на геткурсе, наведем мышь на кнопку и нажмем на шестеренку.
Изменим наименование кнопки и вставим цвет, взятый из настроек кнопки сайта. Также поменяем цвет шрифта, установим белый.
Изменим настройки стиля, наведем на форму и нажмем кнопку Стиль.
Изменим отступы.
Поменяем поля местами, чтобы они соответствовали порядку других форм на сайте, это можно сделать перетащив их мышкой.
Поменяем название полей, уберем подсказки и укажем обязательность заполнения.
Вот что у нас получилось:
Изменим цвет границ полей и увеличим кнопку до размера полей. Для этого нажмем на кнопку Стиль и Подробные настройки.
.f-input {
border: 1px solid #ba3a96 !important;
}
.btn {
width: 530px !important;
}
В обработчик формы добавим действия:
- Показать сообщение (вводим нужное сообщение)
- Добавить пользователя в группу (выбираем группу, в которую должен быть добавлен пользователь)
- Авторизовать пользователя. Полная авторизация, запрашивать пароль. (Пользователю придет письмо о регистрации)
Размещение формы на Тильде
Добавим на сайт блок со всплывающим окном: Другое –> Т868
Установим ширину и высоту в настройках блока.
Зайдем в контент и вставим код виджета, а также скопируем ссылку на popup.
Найдем блок с кнопкой, по нажатию на которую нужно открывать наше всплывающее окно. Зайдем в настройки кнопки и установим ссылку.
Наша форма готова!
Не забудьте опубликовать страницу сайта! Для этого нажмите кнопку Опубликовать в верхнем правом углу страницы.