Конструктор PWA

Що таке конструктор PWA

Конструктор PWA — це покроковий майстер для створення Progressive Web App, що імітує сторінку додатку в Google Play Store. Готова PWA використовується як лендинг для залучення трафіку та збору пуш-підписників.

Справа завжди відображається живий попередній перегляд того, як PWA буде виглядати на пристрої користувача.

---

Кроки конструктора

Конструктор складається з 3 кроків:

Навігація між кроками 2–3 стає доступною тільки після того, як PWA збережена (тобто після першого збереження на кроці 1). При перемиканні кроків дані автоматично зберігаються.

---

Крок 1 — Загальні налаштування

Блок «Основна інформація»

Блок «Метод створення»

Виберіть один з двох підходів:

По пресету (шаблону)

• Вибирається готовий набір дизайну (тема + шаблон асетів)

• Після вибору теми з'являється список шаблонів з іконками та описами

• При виборі шаблону всі поля кроків «Загальні налаштування» та «Додаток» заповнюються автоматично

• Це рекомендований спосіб для швидкого старту

З нуля (нова PWA)

• Усі поля заповнюються вручну

• Підходить для повної кастомізації без використання готових шаблонів

Блок «Зовнішній вигляд» (Дизайн)

Блок «iOS-налаштування»

Блок «Налаштування функцій»

Перемикачі (вкл/викл):

Затримки редиректу (випадний список, значення: Ні / 30 сек / 45 сек / 1 хв / 1.5 хв / 2 хв / 2.5 хв / 3 хв):

---

Крок 2 — Додаток

Налаштування контенту, що імітує сторінку додатку в Google Play.

Блок «Інформація про додаток»

Блок «Скриншоти»

Блок «Опис»

Доступні макроси для тексту опису:

• {value} — назва додатку

• {value1} — ім'я розробника

• {value2} — ім'я розробника

Використовуйте макроси в тому випадку, якщо ви заповнювали при налаштуванні Офера

Блок «Теги»

Ключові слова, що відображаються під описом. Додаються введенням слова + Enter або кнопка «Додати». Тег видаляється натисканням «×».

Блок «Деталі додатку»

Блок «Оновлення»

Блок «Рейтинг»

Налаштування розподілу голосів по зірках (1–5). Остаточний середній рейтинг розраховується автоматично і відображається в попередньому перегляді.

Додаткові перемикачі

---

Крок 3 — Коментарі

Управління відгуками, які відображаються на сторінці PWA у стилі Google Play.

Автогенерація коментарів (AI)

1. Виберіть країну та мову для набору відгуків

2. Вкажіть кількість коментарів (зазвичай 2–10)

3. Вкажіть дату публікації (або залиште поточну)

4. Натисніть кнопку генерації — AI створить відгуки на вибраній мові

Вкладки наборів коментарів

Можна створити кілька наборів — по одному на кожну комбінацію країна + мова. Активний набір відображається в попередньому перегляді. Перемикання між наборами не втрачає дані.

Ручне додавання коментаря

Кожен коментар містить:

Управління списком

• Перетягування (drag & drop) — зміна порядку відгуків

• Редагування — зміна будь-якого поля через діалогове вікно

• Видалення — видалення окремого коментаря

• Збереження в обране — зберегти набір для повторного використання

• Масові операції — виділити кілька коментарів і видалити разом

---

Попередній перегляд (права панель)

У правій колонці відображається живий попередній перегляд PWA, що оновлюється в реальному часі при редагуванні полів.

Перемикачі попереднього перегляду:

• iOS / Android — перемикання між виглядом на iOS та Android

• Новий дизайн iOS — показувати оновлений вигляд установки для iOS 16+

---

Збереження та навігація

• При переході з одного кроку на інший дані зберігаються автоматично

• Також доступна кнопка ручного збереження на кожному кроці

• Після першого збереження на кроці 1 PWA отримує ID і з'являється в списку /app/pwa

• Повторне відкриття /app/pwa/create скидає форму для створення нової PWA

---

Часті питання

Чому кроки 2–3 недоступні для кліка?
Кроки 2–3 розблокуються тільки після першого збереження PWA (крок 1 має бути заповнений і збережений).

Як швидко створити PWA з нуля?
Виберіть «По пресету», виберіть тему та шаблон — всі поля заповняться автоматично. Залишиться тільки перевірити назву та натиснути зберегти.

Чи можна створити PWA на кількох мовах?
Можна. Встановіть галочку Переклад контенту. Мова інтерфейсу та переклад контенту підлаштовуватимуться під основну мову браузера. Під різні країни та мови ви можете завести кілька сетів коментарів.

Що таке «Підтримка додатку»?
Це блок на сторінці PWA з контактами (адреса та email). Для його відображення увімкніть перемикач «Підтримка додатку» на кроці 1, а потім заповніть поля адреси та email на кроці 2.

Як використовувати PWA в кампанії?
Після створення PWA вона буде доступна у випадаючому списку при налаштуванні кампанії.