PWA для бизнеса: установка на экран, push и офлайн без App Store

PWA для бизнеса без магазина приложений

Клиенты привыкли открывать банк и доставку с иконки на экране. Тот же опыт можно дать корпоративному сайту или каталогу — без отдельной команды под iOS и Android и без комиссии магазинов.

Что такое PWA на практике

Progressive Web App — это тот же сайт, но с тремя усилениями:

1. Установка — иконка на домашнем экране, отдельное окно без адресной строки (display-mode: standalone).
2. Service worker — кэш критичных страниц; при кратком обрыве сети пользователь видит офлайн-страницу, а не белый экран.
3. Push (опционально) — уведомления в установленном PWA после разрешения пользователя.

Для заявок и повторных визитов это снижает трение: не нужно каждый раз искать сайт в закладках или вспоминать домен.

Как пользователь устанавливает

iPhone и iPad (Safari)

1. Откройте сайт в Safari (не во встроенном браузере мессенджера).
2. «Поделиться» → «На экран Домой».
3. Подтвердите название.

Push на iOS работает только в установленном PWA (с iOS 16.4+), не в обычной вкладке.

Android (Chrome)

1. Откройте сайт в Chrome.
2. Меню (⋮) → «Установить приложение» или «Добавить на главный экран».

Компьютер

В Chrome и Edge появляется иконка установки в адресной строке — сайт открывается в отдельном окне, как десктопное приложение.

На manuilau.by можно протестировать установку и уведомления на своём устройстве.

PWA vs нативное приложение

Для сайта-витрины, B2B-услуг и лидогенерации PWA закрывает большинство сценариев.

Что проверить перед запуском

• HTTPS на всём домене — без него service worker не зарегистрируется.
• Manifest: имя, иконки 192×512, theme-color, корректный start_url и scope.
• Офлайн: отключите сеть после первого визита — должна открыться fallback-страница, а не ошибка браузера.
• Установка: проверка на реальном iPhone и Android, не только в эмуляторе.
• Push: VAPID-ключи, согласие пользователя, тестовая рассылка с сервера.
• Аналитика: отдельно считать визиты из standalone-режима (в заявках бюро это видно в Telegram).

Чеклист приёмки пересекается со статьёй о приёмке сайта.

Сколько стоит

Подключение PWA к сайту от 3000 (корпоративный уровень и выше):

• от 1600 — базовый модуль (manifest, SW, офлайн, install UI)
• от 2400 — с push-уведомлениями и серверной подпиской

На новом сайте Next.js PWA-фундамент входит в разработку (лендинг от 2200, корпоративный от 3000).

Когда лучше сразу закладывать PWA в новый сайт

Если вы всё равно переезжаете с Tilda или WordPress на Next.js — дешевле включить Serwist, manifest и install-блок в одном релизе, чем допиливать legacy-платформу потом. Паттерн реализации — в библиотеке: PWA на Next.js.

Итог

PWA — не «игрушка для стартапов», а рабочий канал удержания: иконка на экране, офлайн при обрыве сети, push без магазина приложений. Для большинства бизнес-сайтов в Беларуси это оптимальный баланс цены и эффекта.

Нужен аудит вашего домена и смета — оставьте заявку на странице услуги PWA от 1600. Новый сайт с PWA в комплекте — разработка сайтов под ключ.