Form Implementation Plan for Camp Page with Temporary Data Collection

Для страницы Лагеря на сайт добавляется форма для клиента. Представлен макет в Figma, front-end взяли в верстку (и пообещали закончить к послезавтра), back-end обновляет эндпоинт и документацию в Swagger, на встрече в общих чертах был обсужден функционал формы:

Пользователь заполняет ФИО, номер телефона (для любой страны), email (любого почтового сервиса), соглашается с правовыми документами, нажимает кнопку “Оставить заявку на презентацию” и получает визуальное подтверждение в виде всплывающего элемента “Презентация отправлена” (на первый взгляд все состояния формы, кнопок и прочих элементов указаны на макете).

В форме есть скрытые параметры (тег, id формы, id лагеря и различные метрики от сервисов аналитики, которые динамически могут меняться настройкой извне), id лагеря возвращается с back-end внутри ответа на запрос api/get-camp/slug.

Также на встрече было упомянуто, что подрядчик настраивает сквозную аналитику и на неделю-две необходима временная внешняя таблица, в которую буду

собираются данные из формы до завершения настройки основной системы аналитики.

План действий для реализации формы:

1. Верстка и Front-end:

   • Завершить верстку формы согласно макету в Figma.
   • Убедить��я, что все состояния формы, кнопок и прочих элементов соответствуют макету.
   • Реализовать валидацию полей формы (ФИО, номер телефона, email).
   • Добавить функционал для отображения всплывающего элемента "Презентация отправлена" после успешной отправки формы.
   • ��нтегрировать скрытые параметры (тег, id формы, id лагеря и метрики) в форму.

2. Back-end:

   • Обновить эндпоинт для приема данных формы.
   • Обновить документацию в Swagger, чтобы отразить изменения в API.
   • Обеспечить возврат id лагеря в ответе на запрос api/get-camp/slug.
   • Настрои��ь временную внешнюю таблицу для сбора данных из формы до завершения настройки основной системы аналитики.

3. Сквозная аналитика:

   • Подрядчик настраивает скво��ную аналитику.
   • Временная внешняя таблица должна быть настроена для сбора данных из формы.
   • Обеспечить передачу данных из формы в временную таблицу.

Детали реализации:

1. Форма:

   • Поля: ФИО, номер телефона, email.
   • Чекбокс для согласия с правовыми до��ументами.
   • Кнопка "Оставить заявку на презентацию".
   • Скрытые параметры: тег, id формы, id лагеря, метрики.

2. Валидация:

   • ФИО: обязательное поле.
   • Номер телефона: обязательное поле, поддержка форматов для любой страны.
   • Email: обязательное поле, поддержка любог�� почтового сервиса.
   • Согласие с правовыми документами: обязательное поле (чекбокс).

3. Отправка данных:

   • При нажатии на кнопку "Оставить заявку на презентацию" данны�� формы отправляются на серв��р.
   • Сервер обрабатывает данные и возвращает ��твет.
   • В случае успешной отправки от��бражается всплывающее сообщение "Презентация отправлена".

4. Скрытые параметры:

   • Тег, id формы, id лагеря и метрики должны быть динамически добавлены �� форм��.
   • id лагеря возвращается с back-end внутри ответа на запрос api/get-camp/slug.

5. Временная внешняя таблица:

   • Настроить врем��нную таблицу для сбора данных из формы.
   • Обеспечить передачу данных из формы в эту таблицу до завершения настройки основной системы аналитики.

Тестировани��:

• Провести тестирование формы на всех этапах: валидация, отправ��а данных, от��бражение всплывающего сообщения.
• Уб��диться, что данные корректно передаются в временную внешнюю таблицу.
• Проверить корректность работы скрытых параметро�� и их динамическое обновление.

Документация:

• Обновить до��ументацию в Swagger для отражения изменений в API.
• Подготовить ��окументацию для временной вн��шней таблицы и процесса с��ора данных.

Взаимод��йствие с подрядчико��:

• Регулярно проверять статус настройки сквозн��й аналитики.
• Обеспечить передачу всех необходимых данных ��одрядчику для настройки временной внешней таблицы.

Завершение:

• После завершения настройки основной системы аналитики, перенести сбор данных из временной таблицы в основную систему.
• Убедиться в корректности работы всей системы и завершить временную таблицу.

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