Работа с формами на веб-странице

Чтобы собирать данные пользователей с лендинга, добавьте базовый элемент Поле формы на рабочую область.

Выделяя этот элемент на рабочей области в меню слева появятся основные настройки стилей отображения: выравнивание, необходимость адаптации в мобильной версии (перенос колонок одна под другую) и другое.

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

Внутри Формы также можно добавлять базовые элементы: текст, изображения, кнопки и другие.

Особенности работы с полями формы:

• вы можете скрыть название поля  и добавить базовый элемент Текст или Заголовок, настроив нужным образом стили его отображения для веб- и мобильной версии.
• задайте идентификатор или отредактируйте его, чтобы он не содержал в начале цифры и точки (при этом в середине или конце идентификатора могут быть цифры), используйте символы латинского алфавита, нижнее подчеркивание

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

Сохранение данных из веб-страницы в базу VK CXhub

Для того, чтобы сохранить данные из веб-страницы в базу VK CXhub, добавьте несколько шагов:

• Шаг ожидания данных формы (Ждем → Наступление события → Данные формы): в этом шаге мы ожидаем данные с формы на веб‑странице. Клиент перейдет на следующий шаг сценария, когда заполнит форму.

• Шаг обновления переменных клиента (Действия → Записать данные клиента → Обновить переменные).

Подробнее об обновлении переменных клиентов через сценарий рассказали в этой инструкции: https://help.apicxhub.ru/obnovlit-peremennie-klientov-cherez-stsenariy 

При этом информацию для записи в переменные клиента нужно получать из данных шага ожидания Данных формы.

Как работать с данными шагов смотрите в инструкции https://help.apicxhub.ru/rabota-s-dannimi-shagov 

• Если вы хотите сохранять данные из веб-страницы в Google Таблицу, воспользуйтесь шагом “Добавление строки в Google Таблицу” (путь к шагу: Действия → Выполнить исходящий запрос → Google Sheets → Добавление строки в Google Таблицу)
  Подробнее об интеграции с Google Таблицами рассказали в этой инструкции:
  https://help.apicxhub.ru/integratsiya-s-google-tablitsami 

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

Готово! Запустите сценарий после окончания его настройки. Только после этого лендинг будет открываться по ссылке из интеграции с настроенным контентом.