Задача – cоздать всплывающую форму для заполнения данных посетителем с дальнейшей отправкой на электронную почту (платформа сайта Image CMS) из 5 -7 страниц+верстка.
Просьба откликаться тем, кто имел опыт работы с этой платформой и легко справится с задачей.
Подробнее:
Создание всплывающей формы, которую заполняют посетители сайта по разработанному графическому шаблону, интеграция с сайтом imagecms.
1. При нажатии на иконку мастера и на текст рядом с иконкой (форма в свернутом виде) открывается окно 1 страница формы. На странице теплых полов иконка с текстом должна быть размещена под баннером категории и должна быть сквозной на полы, терморегуляторы и на их родительскую категорию.
2. На первой странице формы одно из полей «номер телефона» или «e-mail» должно быть обязательным для заполнения, всплывающее окно с напоминанием о заполнении при попытке отправки или переходе на следующую страницу. В «Тип теплого пола» выпадающие варианты: нагревательный мат, тонкий кабель под плитку, кабель в стяжку, нагревательная пленка, хочу услышать возможные варианты.
При нажатии « отправить форму» выполняется проверка на наличие значений в одном из полей «номер телефона» или «e-mail», если проходит проверку, то значения из формы отправляются на адрес электронной почты, если проверка не проходит, то всплывающее окно с подсказкой про то, что поля лучше заполнить. После прохождения проверки всплывает последняя страница формы. Если нажатие на кнопку «продолжить подбор», то переход на вторую страницу формы (с проверкой заполнения полей e-mail или телефон).
3. На второй странице формы выпадающий список выбора помещений «тип помещений»: кухня, зал, балкон, спальня, детская, коридор, ванная, другое. «Напольное покрытие»: плитка, ламинат, ковролин, линолиум, паркет. «Терморегулятор»: механический, программируемый, хочу услышать ваши предложения. В нижней части кнопка «вернуться» - возвращает на предыдущую страницу, «отправить заявку» - значения из формы отправляются на адрес электронной почты “добавить помещение” – открывается 3 страница формы.
4. 3-я и последующие страницы отличаются только верхним заголовком (Третье помещение, Четвертое) до 6-го.
Идентификация каждого клиента по id, чтоб было удобнее отслеживать историю запросов.
После каждого нажатия на кнопку «Отправить заявку», начиная со второй страницы формы, поочередное появление предпоследней и последней страниц формы: предпоследняя форма- 2 секунды, последняя- 3 секунды, после этого форма сворачивается в исходное состояние.
