Б: ТЗ на внедрение форм подписки
Задача
Сделать формы подписки для «подвала» сайта, всплывающего окна и на отдельной странице.
1. Форма подписки для «подвала» сайта
[В качестве иллюстрации – макет из задачи А: 1.5.1]
1.1. Расположение формы на сайте: в нижнем правом углу
[В качестве иллюстрации – макет из задачи А: 1.5.4]
1.2. Исходники дизайна для верстки в psd: ссылка на скачивание макетов
1.3. Взаимодействие с пользователем
1.3.1. Пользователь вводит значение в поле E-mail
1.3.2. Нажимает Подписаться
1.3.3. Видит Thank you page на том же самом месте:
[В качестве иллюстрации – макет из задачи А: 1.5.2]
1.3.4. Если поле E-mail при нажатии кнопки было пустым – форма выдает сообщение об ошибке:
Пожалуйста, введите Ваш e-mail
1.3.5. Если в поле E-mail при нажатии кнопки не было «@» или «.» – форма выдает сообщение об ошибке:
Пожалуйста, введите корректный e-mail
[В качестве иллюстрации – макеты из задачи А: 1.5.3]
1.3.6. Если в поле E-mail был введен e-mail, который уже есть в базе данных, пользователю все равно демонстрируется Thank you page
1.3.7. Все события могут происходить многократно
1.4. Взаимодействие с рассылочным сервисом:
Порядок взаимодействия с рассылочным сервисом описан в отдельной задаче:
ссылка на ТЗ на синхронизацию.
2. Всплывающая (pop-up) форма подписки
[В качестве иллюстрации – макет из задачи А: 2.5.1]
Пример готовой формы: ссылка на сайт, где действует pop-up-форма.
2.1. Расположение формы: по центру экрана
[В качестве иллюстрации – макет из задачи А: 2.5.4]
2.2. Исходники дизайна для верстки в psd: ссылка на скачивание макетов
2.3. Взаимодействие с пользователем
2.3.1. Пользователь вводит E-mail в соответствующее поле
2.3.2. Нажимает кнопку Получить
2.3.3. Видит Thank you page на том же самом месте:
[В качестве иллюстрации – макет из задачи А: 2.5.2]
2.3.4. Для подписавшегося пользователя генерируется специальный промокод:
• уникальный для каждого e-mail;
• произвольный набор латинских букв и/или цифр (например, 000–000–000);
• размер скидки: 300 рублей;
• условия предоставления: min чек 2000 рублей;
• скидка может быть использована 1 раз;
• срок действия: 1 месяц с момента генерации.
2.3.5. На e-mail подписавшегося пользователя через админку сайта сразу высылается письмо с обещанным бонусом
• E-mail отправителя: newsletter @ shop-example. ru
• Имя отправителя: Shop-example
• Тема (Subject line): Ваш подарочный купон доставлен!
• Тело письма: ссылка на скачивание письма в html
(Вместо {XXХ-XXX–XXX} в теле письма подставлять сгенерированный промокод.)
2.3.6. Если поле при нажатии кнопки было пустым – форма выдает сообщение об ошибке: