August 30, 2018

Поп-ап с формой подписки + Поп-ап Подтверждения отправки данных + Progress Bar

Нужно сделать поп-ап с формой подписки на лендинге + поп-ап подтверждения отправки данных на сайте alprockz.io по примеру реализации поп-апа на сайте: https://www.crediblenetwork.io/

Убрав форму подписки в текущем ее состоянии в 3х местах лендинга:

  • Пользователь будет нажимать на кнопку SIGN UP TO WHITELIST
  • После нажатия всплывает поп-ап с формой для заполнения.

Внешний вид и тексты в форме всплывающего поп-апа:

Дизайн:

  1. Мягкий Плэйн дизайн в соответсвии с брендбуком ROCKZ
  2. 2 версии - мобильная, лэптоп

Текст в верхней части поп-апа:

Join Whitelist!

Be a Part of Private Sale Round Now!

Only first 3000 people can participate!

Поля формы:

Full Name: поле

Email: поле

Preferred Language Варианты ответа: English, Русский, 中文, 한국어

Currency of contribution Варианты ответа: CHF, USD, EUR, YUAN , KRW , OTHER

What Amount Are You Willing to Contribute: поле

Чекбокс + I have read and agree with the Privacy and Cookie policy : чекбокс

Чекбокс + I agree to receive marketing information and newsletters from ROCKZ by email : чекбокс

Кнопки:

JOIN WHITELIST NOW!

Формат закрытия поп-апа:

серый КРЕСТИК и клик/тап вне формы.

Поп-ап 2 Подтверждение отправки данных:

После заполнения всех данных и нажатия на кнопку JOIN WHITELIST NOW! , информация в поп-апе обновится.

Пример:

Текст в верхней части поп-апа 2:

Thank You for enrolling in the Whitelist. We will inform you of Private Sale details by email. You can download the whitepaper and onepager from our website.

You are also encouraged to join our Telegram Channel at https://tele.click/RockzPlatform

Формат закрытия поп-апа 2:

серый КРЕСТИК и клик/тап вне формы.

Отображение ошибок при неправильном заполнении формы поп-апа 1:

Не заполнено поле Full Name

Надпись красным: Please provide a full name

Не заполнено или неправильно указана информация в поле Email

Надпись красным: Email address is not correct

Не выбрано значение Preferred Language

Надпись красным: Please specify your language?

Не выбрано значение Investment Preference

Надпись красным: Please specify your currency?

Не заполнено поле What Amount Are You Willing to Contribute

Надпись красным: Please enter the amount

Не проставлены чекбоксы (оба или один из):

Чекбокс + I have read and agree with the Privacy and Cookie policy

Чекбокс + I agree to receive marketing information and newsletters from ROCKZ by email

Надпись красным: Please check both boxes if you want to proceed

Техническая составляющая

  1. Все заполненные поля сохраняются в резервную базу данных.
  2. Все заполненные поля передаются в список пользователей Unisender.
  3. Все заполненные поля сохраняются в онлайн-документ и/или базу данных для ROCKZ, которая напрямую привязана к ProgressBAR-счетчику на лендинге.
  4. Поп-ап с формой должен корректно появляться/закрываться/отображаться в мобильной и лэптоп версиях.
  5. Поп-ап 2 подтверждения отправки данных должен корректно появляться/закрываться/отображаться в мобильной и лэптоп версиях.
  6. Подключить цели гугл аналитики/яндекса/других пикселей.
  7. Поп-ап также появляется после 1 минуты нахождения пользователя на лендинге.