Есть уже сверстанный рабочий сайт. Нужно добавить небольшой блок, который у нас всегда будет прибит к правому нижнему углу
– через 5 секунд после загрузки сайта или по щелчку на "ПОДРОБНЕЕ" он у нас плавно раскрывается и превращается в
Далее если человек нажал крестик справа наверху – окошко плавно складывается, но никуда не пропадает, остается возможность вновь его открыть.
Если человек оставил имя и e-mail без перезагрузки страницы содержимое поменялось на "Спасибо! Подтвердите ваш e-mail и получите приз!" и через 3 секунды поле пропадает совсем, как будто этого блока в углу не было. Пропадает совсем – значит по куке записывается на условно 5 лет, чтобы больше при попадании на сайт вообще не видел этого углового блока. С другого устройства зашел – тогда уже увидел:)
Данный блок в углу так же у нас не должен появляться если в урле сайта есть переменная ?noblock или &noblock – то есть если человек попал на сайт
– на те же "5 лет" по куке запомнилось и блок этот не отображается.
Встраиваем валидаторы заполненности – если не заполнено поле – обводим красным цветом. Неверно ввели e-mail – так же обводим поле красным.
Так же у этого блока есть мобильная адаптивная версия как и у всего сайта – но уже выглядит немного иначе –
в закрытом виде – по щелчку плавно раскрывается в
Здесь 3 картинки с призами идут в одну строку до тех пор, пока влезают. Перестали влезать по расширению – стали одна под другой. Данный блок так же не отображается если заполнили заявку синхронихированно с версией для больших расширений.
-----
Подобную реализацию уже делали с другим верстальщиком на проекте, но к сожалению он пока не может выполнить работу. Пример выполнения покажу если будет вам полезен.