Розробка конструктора форм
Конструктор форм — інструмент для створення довільних форм збору даних без програмування. Застосування: опитування, заявки, реєстрація, онбординг, квізи. Орієнтири: Typeform, Google Forms, JotForm.
Типи полів
Базовий набір:
- Short text — однострочний ввід
- Long text (Textarea) — багаторядковий
- Number — числовий ввід з валідацією
- Email / Phone / URL — з форматною валідацією
- Date / DateTime — date picker
- Single choice (Radio) — один з варіантів
- Multiple choice (Checkbox) — кілька варіантів
- Dropdown (Select)
- Rating — зірки або шкала NPS (0–10)
- File Upload — завантаження файлу
- Signature — підпис через canvas
- Payment — вбудована оплата (Stripe)
Умовна логіка (Skip Logic)
Показувати/приховувати поля або сторінки в залежності від ответів:
IF запитання_3 = "Так" THEN показати запитання 4,5,6
IF запитання_3 = "Ні" THEN перейти до запитання 7
Модель правил:
{
"field_id": "q3",
"conditions": [
{
"field": "q3", "operator": "equals", "value": "yes",
"actions": [{ "type": "show", "fields": ["q4", "q5", "q6"] }]
}
]
}
Многостраничные форми
Форма розбивається на кроки. Прогрес-бар показує крок N з M. Навігація: «Назад» / «Далі» / «Відправити» на останньому кроці.
Збереження прогресу: якщо користувач уходит, частково заповнена форма зберігається в sessionStorage або на сервері за токеном. При повертанні — дані відновлюються.
Зберігання відповідей
CREATE TABLE form_submissions (
id UUID PRIMARY KEY,
form_id, respondent_id (nullable),
submitted_at, ip_address, user_agent,
utm_source, utm_medium, utm_campaign -- UTM-параметри
);
CREATE TABLE submission_answers (
submission_id, field_id,
value_text, value_number, value_json JSONB,
value_files TEXT[] -- посилання на файли в S3
);
Аналітика відповідей
Для кожної форми:
- Summary view: агреговані дані по кожному запитанню (pie chart для single choice, bar chart для rating)
- Individual responses: кожний заповнений екземпляр
- Drop-off analysis: на якому кроці користувачі йдуть (completion funnel)
- Експорт: CSV / XLSX усіх ответів
Сповіщення
- Notification email: при кожному новому ответі — письмо власнику форми (налаштовуваний шаблон)
- Confirmation email: підтвердження для респондента (з копією ответів)
- Webhook: POST з даними ответа на зазначений URL
Embed та публікація
Три способи розповсюдження форми:
-
Прямої посилання:
forms.platform.com/f/abc123 - iFrame embed: код для вставки на будь-який сайт
- Popup/Slide-in: JS-сніпет, який відкриває форму як overlay
Терміни
MVP (10 типів полів, умовна логіка, email-сповіщення, експорт CSV): 6–8 тижнів. Повноцінний конструктор з оплатою, брендингом, многостраничными формами, аналітикою та інтеграціями: 3–4 місяці.