Дії на Попередньому Перегляді та Робота з Формою

Для чого це потрібно?

Ця інструкція пояснює, які дії доступні на сторінці попереднього перегляду та як працювати з формою реєстрації — заповнювати поля, перевіряти обов'язкові дані та відправляти заявку.

Доступні Дії (Панель Інструментів)

На верхній панелі розташовані дві кнопки дій. Обидві — зеленого кольору з іконками.

Повернутися Назад

• Іконка: Стрілка ліворуч
• Що робить: Повертає вас на попередню сторінку.
• Поведінка:
  • Якщо ви потрапили на попередній перегляд з Конструктора — повертає до Конструктора зі збереженням стану вашої роботи.
  • Якщо з Бібліотеки — повертає до списку подій у Бібліотеці.

Редагувати Подію

• Іконка: Олівець
• Що робить: Відкриває Конструктор Подій для поточної події, де ви можете змінювати блоки, контент, форму та метадані.
• Коли використовувати: Коли під час перегляду ви помітили, що потрібно щось змінити — текст, колір, поле форми або зображення.

Робота з Формою Реєстрації

Форма реєстрації — це центральний елемент попереднього перегляду. Вона відображається у формовому блоці і містить поля для заповнення та кнопку відправки.

Типи Полів Форми

У формі можуть бути різні типи полів. Ось як виглядає кожен з них і як з ним працювати:

Текстове Поле (Text Field)

• Як виглядає: Прямокутне поле з підказкою (placeholder) та підписом зверху.
• Як заповнювати: Клікніть на поле та введіть текст.
• Обмеження: До 374 символів. Лічильник символів відображається праворуч від поля.
• Обов'язкове: Позначено червоною зірочкою (*) біля підпису, якщо обов'язкове.

Поле Email

• Як виглядає: Прямокутне поле з підказкою «Email» або подібним.
• Як заповнювати: Введіть дійсну email-адресу (наприклад, user@example.com).
• Обмеження: До 100 символів. Система автоматично перевіряє формат email.
• Обов'язкове: Завжди позначене як обов'язкове, якщо є у формі.

Текстова Область (Text Area)

• Як виглядає: Велике прямокутне поле для багаторядкового тексту.
• Як заповнювати: Клікніть та введіть текст. Можна використовувати Enter для переносу рядків.
• Обмеження: До 374 символів. Лічильник символів відображається праворуч від поля.
• Обов'язкове: Позначено червоною зірочкою, якщо обов'язкове.

Випадаючий Список (Select)

• Як виглядає: Поле зі стрілкою праворуч, яке розкриває список опцій при натисканні.
• Як заповнювати: Клікніть на поле, щоб розкрити список, потім оберіть потрібну опцію.
• Особливості: Може підтримувати мультивибір (декілька опцій) або пошук за списком.
• Обов'язкове: Позначено червоною зірочкою, якщо обов'язкове.

Група Чекбоксів (Checkbox Group)

• Як виглядає: Група прямих ліній з позначкою та підписом.
• Як заповнювати: Поставте галочку біля потрібних опцій.
• Особливості: Можна обрати одну або декілька опцій (залежить від налаштування).
• Обов'язкове: Позначено червоною зірочкою, якщо обов'язкове.

Вибір Дати (Date Picker)

• Як виглядає: Поле з іконкою календаря праворуч.
• Як заповнювати: Клікніть на поле, щоб відкрити календар, потім оберіть дату.
• Обов'язкове: Позначено червоною зірочкою, якщо обов'язкове.

Кнопка Відправки

Внизу форми розташована кнопка відправки (наприклад, «Підписатися», «Зареєструватися» або інший текст залежно від налаштувань).

• Коли натискати: Після заповнення всіх обов'язкових полів.
• Що відбувається: Система перевіряє всі дані, і якщо все ОК — показує повідомлення про успіх.

Валідація Полів

Система автоматично перевіряє дані при натисканні кнопки відправки та при зміні полів:

1. Обов'язкові поля — якщо залишене порожнім, під полем з'явиться червоне повідомлення про помилку.
2. Формат Email — якщо введено некоректну адресу (наприклад, без @), з'явиться повідомлення про помилку формату.
3. Ліміт символів — якщо перевищено максимальну кількість символів, текст обрізається.

Повідомлення Після Відправки

• Успіх: З'являється зелене повідомлення у верхній частині форми з текстом про успішну відправку.
• Помилка: З'являється червоне повідомлення з проханням перевірити дані. Поля з помилками підсвічуються червоним кольором.

Важливі Правила та Поради

Примітка: У попередньому перегляді дані форми НЕ зберігаються на сервері. Це лише візуальна перевірка того, як працює валідація та як виглядають повідомлення. Справжня реєстрація відбувається лише на публічній сторінці події.

Примітка: Поле Email — це ключове поле для реєстрації. Навіть якщо воно не позначене як обов'язкове, система вимагає його наявності для відправки форми.

Порада: Заповніть усі поля форми під час перегляду, щоб перевірити, чи працює валідація коректно. Зверніть увагу на повідомлення про помилки — саме їх бачитимуть учасники.

Порада: Якщо у формі є випадаючий список, перевірте, чи завантажуються опції. Якщо список порожній, поверніться до Конструктора та налаштуйте каталог для цього поля.