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

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

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



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


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

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

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

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

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

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

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


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

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


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

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

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

Внесем следующий код и сохраним:
.f-input {border: 1px solid #ba3a96 !important;
}
.btn {
width: 530px !important;
}

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


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



Наша форма готова, теперь вставим её на сайт. Для этого скопируем код виджета

Копируем код виджета в зависимости от наличия сертификата, т.е. защищен ваш сайт или нет


2.Размещение формы на Тильде


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

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

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

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


Кейс: Есть аккаунт на Геткурсе и домен для сайта на Reg.ru. Нужно прикрепить к аккаунту геткурса поддомен и выпустить SSL-сертификат.
Решение:
- Указываем поддомен в настройках Геткурса
- Прописываем запись CNAME на Reg.ru
- Выпускаем SSL-сертификат на гк

Цель Яндекс.Метрики Отправка формы на GetCourse
Кейс: На сайте Tilda установлена форма с GetCourse. Необходимо отследить отправку форм в Яндекс.Метрике.
Решение:
- В счётчике добавляем цель
- В настройках формы на ГК добавляем код счётчика и идентификатор цели.
Заказать настройку GetCourse
© 2020 All rights reserved.