Передача данных между формами (Pass Field Data Between Forms) позволяет отправлять информацию, введенную пользователем в одной форме, в другую форму на другой странице сайта. Это работает следующим образом: посетитель заполняет поля первой формы (например, контактные данные или расчет стоимости), нажимает кнопку отправки и автоматически перенаправляется на следующую страницу, где вторая форма уже содержит предзаполненные поля с его данными. В Balbooa Forms этот функционал реализуется полностью без написания кода — через динамические GET-параметры в URL.
Полный видеокурс по передаче данных между формами
Пошаговый видеоурок от Balbooa с подробной демонстрацией настройки связки двух форм:
Таймкоды видеоурока
0:00 — Принцип работы и демонстрация передачи данных между формами0:35 — Настройка исходной формы: добавление тегов полей в URL перенаправления1:40 — Настройка принимающей формы: чтение GET-параметров в значениях по умолчанию2:45 — Тестирование работы на сайте в реальном времени1 Настройка исходной формы (Форма №1 — Отправитель)
В первой форме настраивается автоматическое перенаправление пользователя после отправки с добавлением динамических тегов полей в строку URL:
Порядок действий
1. Открой первую форму в редакторе Balbooa Forms.2. В левой панели нажми «Настройки» (Settings) ➝ вкладка «Отправка» (Submission).3. В параметре «Действие после отправки» (Action After Submit) выбери «Перенаправление» (Redirect).4. В поле «URL перенаправления» (Redirect URL) укажи адрес страницы со второй формой и добавь GET-параметры с системными тегами полей.Пример формирования Redirect URL
https://твой-домен.ru/oplata-zakaza?user_name=[Field ID=1]&user_email=[Field ID=2]&total_price=[Field ID=3]2 Настройка принимающей формы (Форма №2 — Получатель)
Во второй форме настраивается автоматическое считывание входящих GET-параметров из адресной строки и их подстановка в соответствующие поля:
Конфигурация полей по умолчанию
1. Открой вторую форму в редакторе Balbooa Forms.2. Кликни по нужному полю для входа в его настройки (например, «Имя», «Email» или «Сумма к оплате»).3. В графе «Значение по умолчанию» (Default Value) укажи шорткод соответствующего GET-параметра: • Для поля Имени: [GET:user_name] • Для поля Email: [GET:user_email] • Для поля Суммы: [GET:total_price]4. Повтори действие для всех передаваемых полей и нажми «Сохранить» (Save).3 Типовые бизнес-сценарии использования связки форм
Передача данных между формами позволяет реализовывать сложные многошаговые маркетинговые воронки:
Сценарии применения
• Калькулятор ➝ Страница оформления заказа: клиент производит расчет стоимости в калькуляторе на лендинге, а форма чекаута на странице оплаты сразу открывается с рассчитанной суммой и выбранными опциями.• Лид-форма ➝ Анкета бронирования: пользователь оставляет имя и телефон в шапке сайта, а на странице детального брифа эти поля уже заполнены, экономя время клиента.• Передача UTM-меток: скрытые поля первой формы передают рекламные метки кампании (utm_source, utm_campaign) во все последующие формы воронки.4 Проверка корректности работы на сайте
Для проверки работы механизма выполните тестовую отправку:
Чек-лист тестирования
1. Открой страницу с первой формой в режиме Инкогнито.2. Заполни тестовые поля (например, «Иван», «Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в браузере должен быть включен Javascript.») и нажми «Отправить».3. Проверь адресную строку браузера после редиректа: в конце URL должны присутствовать параметры вида ?user_name=Иван&user_email=Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в браузере должен быть включен Javascript..4. Убедись, что во второй форме поля автоматически отображают переданные значения.Обрати внимание:
Имена параметров в URL (например, user_name) и имя переменной в принимающем теге [GET:user_name] чувствительны к регистру и должны совпадать с точностью до символа. Избегайте использования пробелов и спецсимволов в названиях GET-ключей.