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

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


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

Решение: 

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

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

Для формы необходимо создать виджет:

Переходим Сайт --> Виджеты --> Создать виджет

Виджеты

Создать виджет

Форма создания виджета

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

Добавление формы в виджет

Изначальная форма

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

Форма с сайта

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

Изменение заголовка

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

Заголовок

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

Цвет кнопки

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

Настройки кнопки

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

Настройки кнопки

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

Стиль

Стиль

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

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

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

Настройки полей

Настройки поля

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

Настройки поля

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

Форма

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

Подробные настройки

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

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

Подробные настройки стиля

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

Настройки формы

Настройки формы

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

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


Показать сообщение

Добавить пользователя в группу

Авторизовать пользователя

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

Код виджета

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

Настройки и код виджета


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

Добавим на сайт блок со всплывающим окном: Другое --> Т868

Добавление блока со всплывающим окном

Блок

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

Настройки блока

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

Контент блока

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

Настройки кнопки

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

Форма на сайте


Если Вам была полезна эта статья, поделитесь ей в социальных сетях. Мне будет приятно! :)



Поддомен REG.RU на Геткурсе

Поддомен REG.RU на Геткурсе

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

Решение:

  1. Указываем поддомен в настройках Геткурса
  2. Прописываем запись CNAME на Reg.ru
  3. Выпускаем SSL-сертификат на гк

Цель Яндекс.Метрики Отправка формы на GetCourse

Цель Яндекс.Метрики Отправка формы на GetCourse

Кейс: На сайте Tilda установлена форма с GetCourse. Необходимо отследить отправку форм в Яндекс.Метрике.

Решение:

  1. В счётчике добавляем цель
  2. В настройках формы на ГК добавляем код счётчика и идентификатор цели.

Автоматическая скидка по UTM

Автоматическая скидка по UTM

Кейс: Клиент, переходя по определённой UTM-метке на страницу с формой, автоматически должен получать скидку 50% на предложение.

Решение:

  1. Предложение со скидкой
  2. Виджеты
  3. Настройка видимости блоков на странице

Обложка курса

Обложка курса

Кейс: Вместо списка с тарифами сделать обложки

Решение:

  1. Добавить обложки со ссылками и доступами
  2. Скрыть список


Заказать настройку GetCourse

CRM-форма появится здесь



Хостинг сайта - первые 30 дней БЕСПЛАТНО!
Cookie-файлы
Настройка cookie-файлов
Детальная информация о целях обработки данных и поставщиках, которые мы используем на наших сайтах
Аналитические Cookie-файлы Отключить все
Технические Cookie-файлы
Другие Cookie-файлы
Мы используем файлы Cookie для улучшения работы, персонализации и повышения удобства пользования нашим сайтом. Продолжая посещать сайт, вы соглашаетесь на использование нами файлов Cookie. Подробнее о нашей политике в отношении Cookie.
Подробнее Понятно
Cookies