Попередній Перегляд Події

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

Попередній перегляд дозволяє побачити свою сторінку події точно так, як її бачитимуть учасники — з усіма блоками, зображеннями, текстами та формою реєстрації. Це ваш фінальний «тест-драйв» перед тим, як активувати подію і поділитися посиланням з аудиторією.

Що це за сторінка

Сторінка Попереднього Перегляду — це публічний вигляд вашої події. Вона відкривається за адресою /app/event-preview і показує все, що ви створили в Конструкторі: блоки контенту, зображення, посилання та форму реєстрації.

Ви потрапляєте сюди з двох місць:

• З Конструктора Подій — натиснувши кнопку «Попередній перегляд» на панелі інструментів.
• З Бібліотеки — через дію попереднього перегляду для існуючої події.

Як це виглядає

Сторінка складається з двох частин:

Верхня панель — Панель Інструментів

Компактна панель з двома кнопками:

• Стрілка ліворуч (зелена кнопка з іконкою) — повертає вас назад: до Конструктора, якщо ви прийшли звідти, або до Бібліотеки, якщо звідти.
• Олівець (зелена кнопка з іконкою) — відкриває Конструктор для редагування цієї події.

Основна область — Живий Перегляд

Це ваша сторінка події, розтягнута на весь екран з сірим фоном за замовчуванням. Вона відображає:

• Три блоки — верхній, центральний та нижній, розташовані вертикально.
• Контент у кожному блоці — текст, посилання та зображення, розташовані у верхній, центральній або нижній зоні блоку.
• Форму реєстрації — якщо блок позначений як формовий, у ньому відображається інтерактивна форма з полями та кнопкою відправки.
• Фонові зображення — якщо для блоку або форми задано фонове зображення, воно відображається під контентом.

Інтерактивність

На відміну від Конструктора, де ви редагуєте елементи, тут все працює як у справжній публічній сторінці:

• Текст — відображається у стилізованому вигляді з налаштованим розміром шрифту, кольором та вирівнюванням.
• Посилання — клікабельні. Відкриваються у новій вкладці.
• Зображення — відображаються на повну ширину блоку з обрізкою по розміру.
• Форма — можна заповнювати поля та натискати кнопку відправки. Система перевіряє обов'язкові поля та формат email перед відправкою.

Як потрапити на Попередній Перегляд

З Конструктора Подій

1. Відкрийте Конструктор Подій для вашої події.
2. На верхній панелі інструментів знайдіть секцію Дії (праворуч).
3. Натисніть кнопку Попередній перегляд (іконка ока).
4. Сторінка відкриється у новій вкладці браузера.

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

З Бібліотеки

1. Відкрийте Бібліотеку подій.
2. Знайдіть потрібну подію у списку.
3. Натисніть дію попереднього перегляду для цієї події.
4. Сторінка відкриється у новій вкладці.

Повернення назад

Натисніть кнопку зі Стрілкою ліворуч на верхній панелі:

• Якщо ви прийшли з Конструктора — повернетесь до нього.
• Якщо ви прийшли з Бібліотеки — повернетесь до Бібліотеки.

Поведінка Форми Реєстрації

Коли учасник (або ви під час перегляду) заповнює форму та натискає кнопку відправки:

1. Система перевіряє всі обов'язкові поля.
2. Перевіряє формат email (якщо є email-поле).
3. Якщо все ОК — з'являється зелене повідомлення про успішну відправку.
4. Якщо є помилки — з'являється червоне повідомлення з проханням перевірити дані.

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

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

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

Примітка: Кнопка Олівець — це найшвидший спосіб перейти до редагування. Вам не потрібно закривати вкладку та шукати подію в Бібліотеці.

Порада: Перевіряйте попередній перегляд на мобільному пристрої. Адаптивний макет автоматично підлаштовує ширину блоків під екран.

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