Задача

Разработать форму обратной связи (заявки) с интерактивным квиз-калькулятором для расчета кухонных столешниц. Важно: система не производит фактический расчет стоимости, а служит для сбора данных пользователя и отправки заявки менеджеру

Функциональные требования

  • Встраивание формы в попап-окно по клику на кнопку
  • Дублирование на отдельной странице сайта с тем же функционалом
  • Все поля должны иметь корректные маски ввода (только цифры, разделители и тд)
  • Отправка данных (без перезагрузки страницы) через стандартный обработчик форм сайта

Поля формы

Тип столешницы

  • Выбор типа: Прямая, Г-образная, П-образная

Геометия

  • Длина
  • Ширина
  • Тип выреза под мойку: без выреза / вырез под мойку / вклеить мойку

Остров

  • Чекбокс Добавить остров
  • При активации появляюся поля: длина, ширина

Материал

  • Группа: Акриловый камень или Кварцевый агломерат
  • Подгруппа (Селектбокс): Однотонный, Под гранит, Под мрамор, Оникс, Мне нужна помощь

Техническая реализация

  • Сайт работает на 1С-Битрикс
  • Шаблон Intec (метрики классов, стандартные битриксовые обработчики форм)
  • Квиз выполняется на чистых HTML+CSS+JS без использования готовых квиз-плагинов
  • Стили должны наследовать визуальный стиль сайта (адаптация под CSS-классы шаблона)
  • Минимальная поддержка IE не требуется, современные браузеры

Процесс отправки

После заполнения пользователь отправляет форму стандартным механизмом Битрикса. Никакие числовые значения не перемножаются, цена не высчитывается - это декоративный опросник для заявки. Все поля данных должны приходить в письмо или в CRM как параметры сделки

Адаптивная верстка внутренних страниц сайта

Требуется сверстать четыре внутренние страницы на основе готовых макетов и существующей главной страницы. Работа включает адаптивную верстку с использованием шапки и подвала из текущего проекта.