как создать форму с полями имя и телефон в геткурсе
Маска номера телефона в форме Геткурс, часть 1
Очень часто пользователям при регистрации нужно подсказать в каком формате ввести номер телефона.
Стандартной маски для номера телефона у Геткурса нет. Можно добавить текстовое пояснение, но оно никак не влияет на сам формат номера. Пользователь может ввести номер 123 и система сохранит этот номер.
Как же сделать так, чтобы номер был в нужном формате и введенные 123 не сохранялись?
Только с помощью стороннего скрипта.
Давайте попробуем реализовать форму с маской номера телефона.
Сначала сделаем это в рамках одной страницы.
Заходим на страницу, добавляем блок Javascript-код.
В блок вставляем код:
Добавляем еще один блок Javascript-код и код в него:
Далее заходим в Настройки формы и для телефона добавляем стиль phone-input
Публикуем страницу и проверяем результат.
Также скрипты можно добавить в Настройки аккаунта, чтобы действие скриптов распространялось на все страницы. Либо создайте свою тему для определенной группы страниц.
При добавлении скриптов в Настройки аккаунта, не забудьте обернуть их в
Обратите внимание! Информация из статьи подходит только для школ, работающих в РФ, т.к. маска только для российских телефонов.
Для других стран скрипт нужно доработать. Пишите 🙂
Предложение в форме
Для того чтобы пользователи имели возможность выбрать интересующее их предложение и оформить заказ, нужно создать и настроить форму.
Альтернативный способ создания формы заказа (без выбора предложений пользователем) описан в статье.
Содержание статьи:
Как создать форму заказа в GetCourse
Настройка формы с предложением
В настройках блока формы добавьте функцию «Предложение».
Выберите предложение из списка или создайте новое. Проставьте галочку в поле «Показывать» — информация о предложении будет выведена в форму.
Если вы хотите скрыть предложение в форме, обязательно отметьте галочкой «Выделен по умолчанию» для создания заказа.
Графа «Показывать что входит в предложение» позволяет вывести в форму информацию о продуктах в предложении.
Также можно вывести количество по данной позиции, актуально для физических товаров.
В форму можно добавить несколько предложений. В таком случае пользователь сможет выбрать одно из них (например, формат участия — базовый курс или расширенный) или приобрести сразу несколько предложений (для возможности выбора нескольких предложений, в каждом проставьте галочку в поле «Чекбокс»).
Дополнительные настройки оформления заказа
Вместе с частью формы «Предложение» можно использовать обработчик «Создать заявку/заказ». При этом предложение в обработчике формы выбирать не нужно.
Данный обработчик позволяет:
Важно! Галочка «Не дублировать заказы с одинаковым содержанием» не позволяет создавать подряд заказы с одинаковым содержанием в случае, если есть предыдущий незавершенный заказ.
Для бесплатных предложений такая опция не будет дублировать заказ, если от момента создания предыдущего прошло менее 8-ми часов.
Обратите внимание: некоторые браузеры могут самостоятельно заблокировать открытие новой вкладки.
Вариант «Оплата в оверлее без перехода на страницу оплаты» доступен только для платежных систем CloudPayments и ЮKassa. При выборе этого пункта при отправке формы будет открыт оверлей платежной системы. Пользователь остается на той же странице, на которой нажал кнопку отправки формы.
Важно! Оплата в оверлее не поддерживается в виджетах.
Обратите внимание: при использовании оверлея некоторые обработчики самой формы не будут выполнены. Данная особенность касается обработчика «Показать сообщение» и «Переадресация» (если в переадресации не указана опция «Переадресовывать в любом случае»).
Создать заявку/заказ в форме
Описанный ниже способ предполагает оформление заказа, когда пользователь не видит в форме строки с предложением.
Альтернативный способ создания формы заказа с выбором предложений пользователем описан в статье.
Как создать форму заказа в GetCourse
Для формирования заявки или заказа добавьте в обработчик формы действие «Создать заявку/заказ» и перейдите к выбору предложения:
В открывшемся списке нужно будет выбрать одно из доступных предложений, по которому должен формироваться заказ:
Вы можете воспользоваться дополнительными возможностями для настройки действия.
Галочка «Не дублировать заказы с одинаковым содержанием» предотвращает появление дублей. Если у клиента уже есть созданный заказ, при повторном заполнении этой формы он будет переадресовываться на оплату уже созданного.
Важно! Галочка «Не дублировать заказы с одинаковым содержанием» не позволяет создавать подряд заказы с одинаковым содержанием в случае, если есть предыдущий незавершенный заказ.
Для бесплатных предложений такая опция не будет дублировать заказ, если от момента создания предыдущего прошло менее 8-ми часов.
Отправить письмо из формы
Вы можете отправить письмо или цепочку писем пользователю после того, как он заполнил форму заявки в вашем проекте на GetCourse.
Необходимые настройки для отправки рассылки из формы, рассмотрены в следующем ролике:
Как отправить рассылку после заполнения формы в GetCourse
Чтобы инициировать отправку письма прямо из формы в обработчике формы добавьте опцию «Отправить письмо» и выберите из списка нужную рассылку.
Обратите внимание:
Обратите внимание: при выборе сообщений для отправки из формы не отображаются шаблоны писем.
Также не рекомендуется отправлять из формы последовательности писем. В этом случае следует использовать отдельно созданные рассылки. Или можно в форме, например, добавлять пользователя в определенную группу, а отправку последовательности настроить по условию «В группе».
После создания заявки потенциальному покупателю отправляется письмо с темой «заказ принят» и с текстом: Вы создали заказ №.
Вы заказали «название_предложения», а далее текст, который я указал на этапе ознакомления с платформой.
Далее сумма и ссылка на оплату.
Подскажите, пожалуйста, откуда подтягивается данный текст? Не могу найти, а текст «Тестовый Инста с до» как-то не очень хорошо смотрится) Да, и что есть эти «с до»
HTML-код формы в виджете
На платформе GetCourse вы можете создавать свои посадочные страницы и сайты.
Если у вас уже есть своя страница и вы хотите работать с ней, вы можете разместить на ней виджет платформы GetCourse.
По умолчанию виджет можно вставить на ваш сайт кодом Javascript:
Если вам необходимо разместить на своей странице виджет через HTML-код — напишите нам в техподдержку, и мы включим такую возможность в вашем аккаунте.
Преимущество вставки виджета через HTML-код формы:
1. Сокращение времени загрузки виджета на странице,
2. Можно настраивать индивидуальный дизайн формы,
4. Можно использовать в конструкторах страниц, которые не позволяет вставить код Javascript (например, для интеграции с сервисом LeadsBridge).
Виджет, вставленный на лендинг с помощью HTML-кода имеет особенность: если отправить такую форму с незаполненным обязательным полем, то информация об ошибке отобразится не в том же блоке с формой, а произойдёт переадресация на другую страницу с указанием данной ошибки.
Если вам необходимо, чтобы данное сообщение отображалось в том же блоке с формой, то рекомендуем использовать для вставки на ваш сайт javascript-код виджета.
Виджет вставлен с помощью html кода
Виджет вставлен через javascript-код
На данный момент виджет, вставленный на лендинг с помощью HTML-кода поддерживает не все части формы, которые могут быть дополнительно добавлены на нее. Например, не поддерживаются дополнительные поля пользователя или поле пользователя «Язык». Обязательно после настройки формы на вашем сайте проведите ее тестирование на соответствие всем поставленным задачам. При необходимости использования элементов, которые не поддерживаются в HTML форме, используйте для вставки на ваш сайт javascript-код виджета.