Начните Форму с уже имеющейся HTML-формы

Если на вашем сайте уже работает форма, вам не нужно заново набирать её вопросы, чтобы перенести её в FormFlow. Страница новой Формы умеет читать HTML формы и готовить по нему список полей — из вставленного вами HTML или по адресу страницы, на которой форма находится. Вы проверяете черновик, и пока вы не нажмёте Создать, ничего не существует. Вставка появилась в релизе v1.84.0, а импорт по адресу страницы — в v1.89.0; согласно Списку изменений, обе возможности доступны на всех тарифах.

Прежде чем начать

• Вы должны находиться на странице новой Формы, а список полей должен быть пуст. Обе кнопки импорта находятся под Или начните с, рядом с Импортировать таблицу, и исчезают, как только в списке появляются поля.

• Для вставки: HTML формы, до 100 000 символов.

• Для адреса страницы: общедоступная страница, адрес которой начинается с https. Страница, которой нет в открытом интернете, не читается.

Вставьте HTML

1. Откройте страницу новой Формы и под Или начните с выберите Импортировать HTML-форму.

2. Вставьте разметку в поле HTML вашей формы.

3. Нажмите Прочитать поля.

4. Уведомление сообщает, сколько полей подготовлено, например «Подготовлено 2 поля. Просмотрите их перед созданием формы.» Список полей заполнен. Если во вставленном нет ничего, на что мог бы ответить отправитель, вместо этого вы увидите «В этом HTML не найдено полей формы.»

5. Пройдите остальные шаги, исправьте всё, что черновик определил неверно, и нажмите Создать.

Ваш HTML разбирается и забывается. Он не сохраняется, и ничего не загружается.

Или укажите адрес страницы

Выберите Импортировать по URL, введите адрес в поле Адрес страницы вашей формы (в подсказке показано https://example.com/contact) и нажмите Прочитать поля. FormFlow запрашивает только эту страницу, читает её первую форму точно так же, как прочитал бы вставленный HTML, и не сохраняет ни адрес, ни страницу.

• Он делает один запрос, ждёт до 10 секунд и читает не более 1 МБ.

• Он никогда не переходит по перенаправлению. Если адрес перенаправляет, в сообщении указано, куда он ведёт, и вы можете использовать тот адрес.

• Запрос представляется как FormFlow-PageRead. Если ваш сайт блокирует автоматических посетителей и отвечает ошибкой, разрешите этот user agent.

• Это обычный запрос HTML страницы. Форма, которую скрипт рисует после загрузки страницы, не попадает в то, что получает FormFlow; вместо этого вставьте её HTML.

• Каждая Команда может прочитать десять страниц в минуту. Этот лимит общий с другими функциями, читающими страницы, поэтому в загруженную минуту вы можете увидеть «Ваша команда прочитала 10 страниц за эту минуту, поэтому ничего не было загружено».

Если страницу прочитать нельзя, сообщение называет причину (нет в открытом интернете, запрос отклонён, нет ответа в течение 10 секунд, не HTML-страница, больше 1 МБ или перенаправление) и заканчивается словами «Вставьте вместо этого HTML формы.»

Что входит в черновик

• Какая форма: первый <form>, в котором есть хотя бы один элемент, на который можно ответить. Если такого нет ни в одной форме, FormFlow читает элементы из любого места документа.

• Что считается полем: текстовые поля, email, телефон, URL, число, дата, время и файл сохраняют свой тип, текстовые области и выпадающие списки становятся отдельными типами, а любой другой тип input читается как текст. Скрытые элементы, пароль, отправка, кнопки, сброс и изображения пропускаются, как и элементы без name и отключённые элементы или элементы внутри отключённого fieldset.

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

• Подписи: собственная подпись элемента, иначе его aria-label, иначе подсказка, иначе его имя в читаемом виде. Группе вопрос задаётся по legend её fieldset.

• Варианты: первый вариант выпадающего списка отбрасывается, если он отключён или имеет пустое значение, потому что это приглашение «Выберите...». Выбор, в котором меньше двух вариантов, пропускается.

• Обязательность: элемент или любой участник группы с атрибутом required делает поле обязательным.

• Имена: имя элемента без завершающего [], а прочие странные символы заменяются подчёркиваниями. Повторяющееся имя получает _2, _3 и так далее, а имена, которые FormFlow резервирует, например _token и g-recaptcha-response, пропускаются.

Что проверить, прежде чем нажимать Создать

• Переносятся только имя, подпись, тип, признак обязательности, варианты и подсказка. Остальные атрибуты, скрипты и проверка на вашем сервере — нет.

• Скрытые поля пропускаются. Если ваша форма передаёт значение кампании, добавьте его в FormFlow; как это сделать, показано в статье Предзаполните Форму по ссылке и передайте источник кампании.

• Поле выбора файла даёт поле для файла. Разрешает ли ваш тариф загрузку файлов, определяется при создании Формы, как и для любой Формы.

• Импорт заполняет только пустой список. Чтобы начать заново, сначала удалите поля; кнопки вернутся, когда список опустеет.

Чего это не делает

Оно переносит поля, а не ваши существующие отправки и не вашу страницу. Чтобы создать Форму из таблицы с вопросами, см. Создайте форму из таблицы с вопросами. Чтобы вернуть готовую Форму на свой сайт, см. Встройте Форму на свой сайт с помощью сгенерированного компонента.