Необходимо создать, под ключ, квиз форму на CMS системе Opencart, по нашим подготовленным макетам.

КНОПКА НА САЙТЕ ДЛЯ ОТКРЫТИЯ КВЗИЗ ФОРМЫ

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

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

ВНЕШНИЙ ВИД КВИЗ ФОРМЫ ДЛЯ ДЕСКТОПНОЙ ВЕРСИИ

Десктопная версия квиз формы, должна быть выполнена в соответствии с подготовленными графическими макетами, которые приложены к техническому заданию. Квиз форма должна открываться в виде popap окна, по клику на кнопку.

Квиз форма должна содержать поля для ввода контактных данных. Обязательными полями для заполнения являются: Имя клиента, город и номер телефона. Ниже ввода контактных данных, расположена кнопка для загрузки файлов анализа воды, необходимо реализовать возможность загрузки нескольких файлов. Ниже кнопки загрузки файлов, расположены поля для ввода дополнительных данных.

В нижней части квиз формы, расположено согласие с политикой конфиденциальности и обработки персональных данных. Текст «Политика конфиденциальности» должен быть выполнен в виде текстовой ссылки, ссылка на политику конфиденциальности: runxin-rf.ru/privacy

При нажатии на кнопку «Отправить» должно появляться информационное сообщение: «Запрос отправлен, наш менеджер свяжется Вами в ближайшее время!»

ВНЕШНИЙ ВИД КВИЗ ФОРМЫ ДЛЯ МОБИЛЬНОЙ ВЕРСИИ

Также как и для десктопной версии, мобильная версия квиз формы, должна быть выполнена в соответствии с подготовленными графическими макетами, которые приложены к техническому заданию. Квиз форма должна открываться в виде popap окна, по клику на кнопку.

Ниже кнопки загрузки файлов, необходимо реализовать возможность открытия дополнительной шторки, которая обеспечит доступ для заполнения дополнительных полей. При нажатии на png иконку в виде стрелки вниз, шторка с дополнительными полями должна раскрываться.

Дополнительные поля для ввода, вы можете видеть в прикрепленном графическом макете. В нижней части квиз формы, расположено согласие с политикой конфиденциальности и обработки персональных данных. Текст «Политика конфиденциальности» должен быть выполнен в виде текстовой ссылки, ссылка на политику конфиденциальности: runxin-rf.ru/privacy

При нажатии на кнопку «Отправить» должно появляться информационное сообщение: «Запрос отправлен, наш менеджер свяжется Вами в ближайшее время!»

ПОЖЕЛАНИЯ

• Цвет кнопок в квиз форме, должен соответствовать цвету кнопки для открытия квиз формы;
• При открытии квиз формы в поп ап окне, часть сайта, не входящая в область квиз формы, должна затемняться;
• Шрифты используемые в квиз форме: Roboto, Roboto Light
• Поля для ввода данных, должны содержать подсказки, как на графических макетах.
• Необходимо исключить приход спама с квиз формы;
• Данные должны отправляться на электронную почту: vp@runxin-rf.ru

Опубликовано 1 год назад