Создание формы

Форма — это набор полей, которые посетитель заполняет на вашем сайте. Чтобы форма работала, нужно выполнить два шага: создать форму в настройках проекта и добавить её поля на страницу.

Шаг 1 — Создание формы в проекте

1. Откройте проект в личном кабинете.
2. Перейдите в раздел «Формы».
3. Нажмите «Создать форму».
4. Введите название (например, «Обратная связь» или «Заявка на консультацию»).

Шаг 2 — Добавление полей на страницу

Самый быстрый способ — попросить Framix AI в редакторе:

«Добавь форму обратной связи: имя, email, сообщение и кнопка отправки. Привяжи к форме "Обратная связь".»

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

Если хотите собрать руками — откройте вкладку «Элементы» в левой панели редактора и вставьте snippet'ы из категории «Формы»:

Поле ввода (<input>)

Однострочное поле для имени, email, телефона. В инспекторе можно задать placeholder (текст-подсказку) и name (имя поля при отправке).

Текстовое поле (<textarea>)

Большое поле для длинного текста — сообщения, комментария, описания.

Чекбокс (<input type="checkbox">)

Поле с галочкой — согласие с политикой, подписка на рассылку.

Шаг 3 — Кнопка отправки

Добавьте кнопку (<button> или <input type="submit">) внутри тега <form>. У <form> должен быть атрибут, привязывающий её к нужной форме проекта — это делает AI автоматически или можно проставить вручную в инспекторе.

Шаг 4 — Проверка привязки

В инспекторе у каждого поля проверьте:

• name — под этим именем заявка попадёт в CRM (name, email, message, phone, …).
• Привязка <form> к форме проекта — атрибут с id формы. Если AI её ставил — всё уже сделано; если собирали руками — проверьте.

Как это выглядит для посетителя

Посетитель видит обычные поля ввода. Он заполняет их, нажимает кнопку — данные летят в CRM проекта. После отправки можно показать сообщение об успехе.

Советы

• Не просите слишком много данных — чем меньше полей, тем больше заявок.
• Обязательно ставьте placeholder — посетителю должно быть понятно, что вводить.
• Чекбокс с согласием на обработку персональных данных нужен по 152-ФЗ — добавьте, если собираете email/телефон.
• Для сложных форм (несколько шагов, валидация) проще описать AI: «Добавь форму бронирования столика — дата, время, число гостей, имя, телефон, привяжи к форме "Бронь"».