Добрый день.
Необходимо разработать функционал всплывающего баннера на сайте
.
Основные требования:
Тайминг появления:
Баннер должен появляться через 5-10 секунд после захода на сайт.
Дизайн баннера:
Текст:
Merry Christmas!
🌟 **The Launch That Will Change the World!** 🌟
🎉 Exclusive Presale: 25% OFF! 🎉
✔ Discount applies to any purchase size!
Don’t miss your chance to be part of a design revolution. Create, inspire, and bring your ideas to life with Cubik.One!
👉 Order now and start building the future today! 👈
To get the coupon, follow us on our social media and leave your email address.
Ниже текст со * : Valid until January 7 or while supplies last
Под текстом,
Две кнопки:
"Subscribe on Instagram"
"Subscribe on Facebook"
Поле для ввода email с плейсхолдером "Enter your email here."
Кнопка внизу: "Get Coupon" (изначально неактивна).
Логика работы:
Подписка на соцсети:
При нажатии на кнопки "Subscribe on Instagram" и "Subscribe on Facebook," открываются новые окна с соответствующими страницами соцсетей.
После подписки кнопки меняются на зеленую галочку.
Ввод email:
Поле email обязательное для заполнения.
После ввода email кнопка "Get Coupon" становится активной.
Получение купона:
При нажатии на кнопку "Get Coupon" отображается промокод (предоставленный текст).
Вместе с промокодом появляется кнопка "Go to Store", которая ведет на сайт интернет-магазина.
Промокод:
Простой текст, состоящий из букв и цифр (например, XMAS25).